WordPress

2019-05-10

THE THOR - ボックスやラベルなどのパーツを記事に使う方法

あざらしボックスやラベルってどうやって記事に使うの？ WordPress のテーマ「THE THOR」のボックスやラベルは次のようなパーツのことですね。方眼ペーパーボックスビックリボックスシンプルアイコンボックスラベルラベルラベルラベル他にもスコアボックスやレビューボックス、ボタンなどのパーツもあります。りんご 5 バナナ 4 みかん 3 メロン 2 総合 3 口コミ東京都： […]

2019-04-13

WordPress - コードエディタのフォントを等幅フォントにする方法

WordPress のコードエディタのフォントが等幅フォントではないので、見にくいですよね。等幅フォントで閲覧できるようにカスタマイズしました。対象となるコードエディタは次の3つです。テーマエディタテーマの「追加 CSS」エディタプラグインエディタ Firefox ではデフォルトでも等幅フォントで表示されます。Chrome と Safari は等幅フォントでは表示されません。これは標準で指 […]

2019-04-05

WordPress - 特定ページだけに独自 CSS を適用する方法

あざらし特定のページだけ CSS でカスタマイズしたいんだけど、できるのかな？プラグインを利用しても実現できますが、プラグインを利用しなくても wp_get_custom_css フックを用いることで比較的スマートに実現できます。手順は次の通りとなります。カスタムフィールドを作成するカスタムフィールドにページ独自の CSS を入力する wp_get_custom_css をフックして C […]

2019-04-03

THE THOR - 記事ページのアイキャッチ画像のアニメーションを無効にする方法

WordPress のテーマ「THE THOR」ではアイキャッチ画像にマウスを乗せるとアニメーションが付きますよね。これを無効化する方法を紹介します。アイキャッチ画像が表示される場所は大きく分けて2つあります。記事ページのアイキャッチ画像記事一覧の各アイキャッチ画像記事一覧はトップページやカテゴリーページの記事一覧、ウィジェットの新着記事一覧などで表示される部分ですね。記事一覧のアイキャ […]

2019-03-23

THE THOR - スマホ表示のときだけサイドバーを消す方法

WordPress のテーマ「THE THOR」ではスマホ表示時のサイドバーは記事下に表示されます。あざらし PC 表示のときはサイドバーは表示したままにしたいけど、スマホのときは消したい！しかし THE THOR の標準のカスタマイズ設定では、スマホだけサイドバーを非表示にすることはできません。そこで functions.php に専用のコードを記述することで、これを実現します。 func […]