ノウハウ(ブログ)一覧All Know-How (Blogs)
-
WordPress
カテゴリー、タグ、タクソノミー、タームの違いについてどこよりも分かりやすい解説を試みる
WordPressでサイトを提供するフロントサイドエンジニアや、ウェブデザイナーの方々など、おそらく一度はぶち当たる「カテゴリー」、「タグ」、「タクソノミー」、「ターム」という頭がこんがらがる存在。こ…<続きをみる>
-
WordPress
WordPressで画像のパス(参照先URL)をキャッシュ対策付きで書く
自分のコピペ用で残しますが、もしこの記事にたどり着いて参考になった方は活用ください。 コード 説明 get_template_directory_uri();はテーマ直下の階層までのディレクトリを出力…<続きをみる>
-
WordPress
ブロックエディター(Gutenberg)の使い方、編集方法の基本
この記事では、WordPressの最新UIであるブロックエディター(Gutenberg)をほとんど触ったことがない方を対象に、編集方法の基本的な部分、注意点などをご紹介したいと思います。 見ていただく…<続きをみる>
-
WordPress
WordPressのメディアに登録された画像を上書きする方法
WordPressのメディアに登録した画像を上書きしようとしても、別のファイルとして登録されてしまいますよね。いったん削除して、同じファイル名で登録しようとしても、ファイル名が変わってしまうこともあり…<続きをみる>
-
WordPress
All in One SEOの使い方とより良い選択肢
私は、パフォーマンスの観点と自分でカスタマイズできるようにということから、WordPressのプラグインに関しては、プロの制作会社でもよく使うContact Form 7や、Advanced Cust…<続きをみる>
-
WordPress
WordPress管理画面のカスタム投稿タイプ一覧でカテゴリーとタグ(タクソノミー)をカラムに表示する方法
WordPress管理画面のカスタム投稿タイプ一覧でタクソノミー(カテゴリーとタグ)をカラムに表示する方法を調べると、複雑な方法が出てきますし、それを実装してもうまく動かなかったりしますが、簡単な方法…<続きをみる>
-
HTML&CSS
親要素の幅を超えてブラウザの横幅(画面幅)いっぱいにするCSS
コンテンツの幅について、ブラウザの画面幅いっぱいではなく、1100pxなど一定にすることはよくあると思います。ただ、その中で画像など一部の要素のみブラウザの画面幅いっぱいにしたいこともあります。そうい…<続きをみる>
-
HTML&CSS
【見て分かるシミュレーター付】CSS GridとFlexboxの違いと使い分け
さすがに最近は無駄にCSSのfloatを使っているコーディングを見る機会も減りました。Flexboxを適切に使っているケースは増えてきていますが、CSS Gridはまだまだ普及していないように感じられ…<続きをみる>
-
JavaScript
英語など他の言語と日本語の切り替えをページごとにURL指定せずにボタンひとつで行えるようにするJavaScriptでの実装(jQueryなし)
WordPressを用いての英語など多言語サイトの作り方をこちらの記事で紹介しました。その中で、他の言語(以下、例として英語とする)と日本語の切り替え方法を簡単にご紹介しましたが、ここではそのJava…<続きをみる>
-
WordPress
【WordPress】プラグインなしで多言語サイト(英語サイトなど)の作り方
WordPressを利用して日本語サイトと同様の内容で英語版サイト(多言語サイト)も作る場合の良い方法、注意点などをお伝えします。プラグインは重くなりバグが生じやすいので使わないほうがよいでしょう。 …<続きをみる>
-
サイト制作プロセス・運用
不動産のホームページ制作における留意事項、機能と事例12選
私は、ホームページ作成ツール含む不動産会社様向けシステムを開発・提供する企業で約4年間勤務しました。その経験も踏まえ、不動産会社様向けホームページによくある機能、あると良い機能をまとめてみます。 また…<続きをみる>
-
サイト制作プロセス・運用
Cokkie(クッキー)取得に関する同意は必要?不要?必要性について分かりやすく解説します!
以前からCokkie取得を示すポップアップの表示はありましたが、2022年4月から施行となった改正個人情報保護法により、施行となった少し前からそういったサイトが増えていると思います。 自社のサイトも必…<続きをみる>
-
JavaScript
スクロールに応じて現在地表示(カレント表示)する固定目次をJavaScriptで作る(jQueryなし)
ホームページの脇に固定で目次を表示し、現在見ているところをハイライトで示すものについて、jQueryなしでJavaScriptで作る方法をご紹介します。 実装結果デモ まずは実装した結果をご確認くださ…<続きをみる>
-
サイト制作プロセス・運用
フリーランスに依頼するホームページ作成の相場(個人事業主の費用相場)とおすすめできる人の見極め方
新型コロナウイルスで働き方は大きく変わり、フリーランス・個人事業主としてホームページ制作を請け負う人が以前に比べても増えたのではないでしょうか。何を重視するかにもよりますが、腕があれば、会社に属してい…<続きをみる>
-
SEO
SEOコンサルタントはうさんくさい?信頼できる「おすすめ」なSEOコンサルタントの見抜き方
私はSEOコンサルタントの肩書を持つようになったのは独立してからなので、それまでは第3者的視点でのSEOコンサル会社、SEOコンサルタントに対する意見や評判を聞くことがありました。 「うさんくさい」、…<続きをみる>
-
SEO
「検出 – インデックス未登録」の解消、解決について|Googleサーチコンソール
Googleサーチコンソールで「検出 – インデックス未登録」の状態が続いてお困りでしょうか?2022年2月に新しいドメインでサイトアップした当サイトも多くのページでその状態が続いて、しば…<続きをみる>
-
SEO
コンテンツSEOとは?オウンドメディアやコンテンツマーケティングとの違いも解説
コンテンツSEOの重要性がいまいちピンときてない方、コンテンツマーケティングやコンテンツSEO、オウンドメディアという言葉をよく聞くものの(そうでもない?)、具体的に何をすればよいかはわからないという…<続きをみる>
-
WordPress
カスタム投稿タイプを「functions.php」で追加したのに、「あれ、表示されない?」となった時のための内容
はい、私のことです。知っていたのにこうなるという話、調べると腐るほど記事が出てくるやつで、多くの方が経験しているとは思います。自分用のメモとして残します。 パーマリンク設定 「設定」>「パーマリンク設…<続きをみる>
-
SEO
h1タグの使い方とSEO効果、よくある良くない使い方
HTMLの見出し要素である「h1」はSEOのためにも非常に重要な要素です。であるにもかかわらず、かなり多くのサイトにおいて、良くない使われ方を見ます。ここでは、あるべき使い方と、良くない例をご説明しま…<続きをみる>
-
SEO
GA4のデータ共有方法(Googleアナリティクス)
ここではGA4(Googleアナリティクスの最新バージョン)で見ることができるデータを、他のユーザー(アカウント)でも見られるようにする方法をご紹介します。これにより、同じプロジェクトメンバーなど、サ…<続きをみる>