WordPressカスタマイズ
カテゴリーのテンプレートを指定する方法
2018年7月2日 WordPressカスタマイズ
特定カテゴリーのみレイアウトを変えたい場合、そのカテゴリー用のテンプレートを作成する方法があります。 一般的にカテゴリーアーカイブはcategory.php、個別投稿はsingle.phpというテンプレートが有名ですが、特定カテゴリーに適用する場合は注意が必要です。 カテゴリーアーカイブのテンプレートはcategory.php カテゴリー記事の一覧ページ（カ ...
WordPressのアーカイブをカテゴリーで絞り込む方法
2018年6月8日 WordPressカスタマイズ
WordPressで年月ごとの記事一覧を表示できるアーカイブ。全カテゴリーの記事が含まれていますが、特定のカテゴリーで絞り込みたいこともありますよね。 その方法が以下のサイトに掲載されています。ここでは以下のサイトを参考にさせていただき、実際に作業するときの手順を紹介します。 【参考】カテゴリー毎の日付別アーカイブを表示する方法 | デザイナーのタネあかし ...
WordPressで子テーマを作るメリットとデメリット
2018年6月2日 WordPressカスタマイズ
WordPressで子テーマが必須かどうかは議論が分かれますが、本格的にカスタマイズするなら子テーマを使うのが一般的です。ただし、メリット100%というわけではありません。デメリットもイメージしておきましょう。
電話番号リンクをスマホで有効・PCで無効にする方法
2018年3月1日 WordPressカスタマイズ
作成するホームページに電話番号リンクを設置することもあります。普通に設置したHTMLのリンクはPCでもクリックできてしまいます。PCではクリックされる必要はないので、電話番号リンクをスマホで有効・PCで無効にする方法を紹介します。 電話番号リンクはPCでもクリックできる 次のようなHTMLを使うと、タップして電話できる電話番号リンク（いわゆるClick to ...
WordPressで箇条書きのマークをアイコンにする方法
2018年2月24日 WordPressカスタマイズ
箇条書きのマークをアイコンにしたいこともあります。次のようなイメージです。 このような箇条書きを作成する場合、画像を準備して背景画像に設定する方法もありますが、少し面倒かもしれません。ここでは手軽にShortcodes Ultimateプラグインを使ってアイコン付きの箇条書きを作る方法を紹介します。 アイコンを使った箇条書きの作成 「プラグイン」‐「新規追加 ...
WordPressで「固定ページだけ」を指定する方法
2017年9月15日 WordPressカスタマイズ
固定ページと投稿で別々の内容を表示したり、違うスタイルを適用したいこともあります。その場合、CSSやPHPを使って「固定ページだけ」を表現する必要があります。以下、簡単な例を紹介します。 CSSでクラス名を使って「固定ページだけ」を組み立てる 多くのテーマでは、bodyタグにページ固有のクラス名が付いています。固定ページの場合は「page」です。 これを利用 ...
カスタム投稿を表示する方法
2017年9月10日 WordPressカスタマイズ
WordPressで作ったカスタム投稿を表示する方法を考えてみます。基本的にカスタム投稿は通常の投稿のテンプレートに相乗りできるので特別な設定をせずに一覧や個別記事を表示できます。ただし、固定ページ内で一覧表示したい場合などはプラグインを使ったりPHPコードを書いたり、工夫が必要です。 以下、固定ページの中でカスタム投稿を表示するパターンを2つ（プラグインを ...
パブリサイズ共有にハッシュタグを追加する方法
2017年7月8日 WordPressカスタマイズ
Jetpackプラグインのパブリサイズ共有機能を使うと、投稿した内容を同時にTwitterやFacebookなどに書き込む（拡散する）ことができます。初期設定では記事のタイトルが書き込まれますが、ついでにハッシュタグなどを含める方法を紹介します。 Publicize With Hashtagsプラグインのインストール Publicize With Hasht ...
WordPressでサイト名にフォントを指定してロゴっぽく仕上げる
2017年5月30日 WordPressカスタマイズ
WordPressに限らず「サイト名」は全ページに表示される重要なパーツです。一般的には単調な文字に見えてしまうかもしれませんが、ここでは、Webフォントを使ってサイト名をロゴっぽく仕上げる方法を紹介します。
WordPress 4.7のカスタムCSS機能で子テーマは不要に？
2017年1月31日 WordPressカスタマイズ
ご存じかもしれませんが、WordPress 4.7では「カスタムCSS」機能が追加されています。現在のサイトで修正したいCSSを入力してデザインをカスタマイズできる機能です。 一般的にCSSをカスタマイズするには、 親テーマのCSSを修正する 子テーマを作ってCSSを修正する テーマやプラグインの「カスタムCSS」機能を使う の3パターンがありますが、次のよ ...
