WordPressカスタマイズ
電話番号リンクをスマホで有効・PCで無効にする方法
2018年3月1日 WordPressカスタマイズ
作成するホームページに電話番号リンクを設置することもあります。普通に設置したHTMLのリンクはPCでもクリックできてしまいます。PCではクリックされる必要はないので、電話番号リンクをスマホで有効・PCで無効にする方法を紹介します。 電話番号リンクはPCでもクリックできる 次のようなHTMLを使うと、 ...
WordPressで箇条書きのマークをアイコンにする方法
2018年2月24日 WordPressカスタマイズ
箇条書きのマークをアイコンにしたいこともあります。次のようなイメージです。 このような箇条書きを作成する場合、画像を準備して背景画像に設定する方法もありますが、少し面倒かもしれません。ここでは手軽にShortcodes Ultimateプラグインを使ってアイコン付きの箇条書きを作る方法を紹介します。 ...
WordPressで「固定ページだけ」を指定する方法
2017年9月15日 WordPressカスタマイズ
固定ページと投稿で別々の内容を表示したり、違うスタイルを適用したいこともあります。その場合、CSSやPHPを使って「固定ページだけ」を表現する必要があります。以下、簡単な例を紹介します。 CSSでクラス名を使って「固定ページだけ」を組み立てる 多くのテーマでは、bodyタグにページ固有のクラス名が付 ...
カスタム投稿を表示する方法
2017年9月10日 WordPressカスタマイズ
WordPressで作ったカスタム投稿を表示する方法を考えてみます。基本的にカスタム投稿は通常の投稿のテンプレートに相乗りできるので特別な設定をせずに一覧や個別記事を表示できます。ただし、固定ページ内で一覧表示したい場合などはプラグインを使ったりPHPコードを書いたり、工夫が必要です。 以下、固定ペ ...
パブリサイズ共有にハッシュタグを追加する方法
2017年7月8日 WordPressカスタマイズ
Jetpackプラグインのパブリサイズ共有機能を使うと、投稿した内容を同時にTwitterやFacebookなどに書き込む（拡散する）ことができます。初期設定では記事のタイトルが書き込まれますが、ついでにハッシュタグなどを含める方法を紹介します。 Publicize With Hashtagsプラグ ...
WordPressでサイト名にフォントを指定してロゴっぽく仕上げる
2017年5月30日 WordPressカスタマイズ
WordPressに限らず「サイト名」は全ページに表示される重要なパーツです。一般的には単調な文字に見えてしまうかもしれませんが、ここでは、Webフォントを使ってサイト名をロゴっぽく仕上げる方法を紹介します。
WordPress 4.7のカスタムCSS機能で子テーマは不要に？
2017年1月31日 WordPressカスタマイズ
ご存じかもしれませんが、WordPress 4.7では「カスタムCSS」機能が追加されています。現在のサイトで修正したいCSSを入力してデザインをカスタマイズできる機能です。 一般的にCSSをカスタマイズするには、 親テーマのCSSを修正する 子テーマを作ってCSSを修正する テーマやプラグインの「 ...
スマホのメニューを親子レベルで開閉式にする
2016年11月4日 WordPressカスタマイズ
グローバルメニューの項目が多いと、テーマによってはスマホで見たときに下に長く表示されてしまいます。その場合、jQueryのSlickNavライブラリが役立ちます。親項目をクリックすると子要素が表示される「開閉式」のスッキリしたメニューを設置することができます。
WordPressで記事ID・ページID・カテゴリーIDを調べる方法
2016年10月7日 WordPressカスタマイズ
WordPressで使っているプラグインやウィジェットによっては記事IDやカテゴリーIDを入力する場面があります。ここでは、記事ID・ページID・カテゴリーIDを調べる方法を紹介します。 WordPressで記事IDを調べる WordPressで記事ID（投稿のID）を調べるには、その記事の編集画面 ...
一覧タイトルのクリック時に外部サイトを表示したいとき
2016年10月6日 WordPressカスタマイズ
一覧ページでタイトルをクリックしたときに記事を開かず別のページや外部サイトに飛ばしたいこともあります。たとえば、会社のサイトとショッピングサイトを別のドメインで作成した場合です。「商品一覧」のタイトルがクリックされたら、別のドメインに作ったショッピングサイトの販売ページに移動してもらいたいかもしれま ...
