こんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。
STORKのテーマを使っているブログメニューでこんな風にレイアウトされてるの見たことありませんか?
上側にメニューが日本語で表示され、下段は英語で表示されてるやつ。
これカッコいいなぁと思ってやり方を探してみたんですが意外と見つからない。
実はちゃんと公式ページで解説されてるんですが気づかない人も多いんじゃないかなと思います。
そこで今回はメニューを2段で表示する方法をご紹介します。
STORK(ストーク)カスタマイズ編
子テーマを用意する方法
メニューを2段表示する方法
ロゴを大きく表示する方法
カテゴリーラベルを消す方法
見出しを自由に変更する方法
ひと味違ったトップページにする方法
記事を3列表示させる方法
関連記事を新しいタブで表示する方法
テクニック編
CSSの変更が反映されない時の対処法
蛍光ペン風のマーカーを引くカスタマイズ方法
プロフィールを2つ設置する方法
カエレバ・ヨメレバをオシャレに表示する方法
画像に枠線を付けて目立たせる方法
特殊文字を使ってコードを紹介する方法
h2見出しの前にアドセンスを自動表示させる方法
疑似要素でアイコンを表示させる方法
記事の離脱率と読了率を無料で計測する方法
この記事の目次一覧
メニューの設定
Word Press管理画面に入り、[外観]→[メニュー]に進みます。
まずはサクッとメニューを作っちゃいましょう。
ちなみに僕のブログメニュー(2017年3月現在)はこんな感じ。
で、画面を一番上まで持っていくと「表示オプション」という項目があるのでそこをクリックします。
そこで表示される「説明」にチェックを入れましょう。
んー、普段はこんなところ気にもしないので今まで気づかなかったのも無理はない。
説明を加える
説明にチェックを入れることで、メニューの詳細部分に追記できるようになりました。
実はここに書いた内容がメニューの2段目に表示されるんですねー!
なので僕の場合は説明に英語を書いてます。
そうすることでオシャレな2段表示を簡単に実現できるんですね!
ちょっと実験
この機能を使ってちょっとイタズラもできます。
惑わせる
丁寧になってみる
カッコつけてみる
混乱させてみる
弱気になってみる
まとめ
知ってしまえば簡単なメニューのカスタマイズ。
STORK(ストーク)ってほんとにいろんな機能があるんですが、その使い方を知らないことも多いハズ。
痒いところに手がとどくようなブログを目指します
STORK(ストーク)カスタマイズ編
子テーマを用意する方法
メニューを2段表示する方法
ロゴを大きく表示する方法
カテゴリーラベルを消す方法
見出しを自由に変更する方法
ひと味違ったトップページにする方法
記事を3列表示させる方法
関連記事を新しいタブで表示する方法
テクニック編
CSSの変更が反映されない時の対処法
蛍光ペン風のマーカーを引くカスタマイズ方法
プロフィールを2つ設置する方法
カエレバ・ヨメレバをオシャレに表示する方法
画像に枠線を付けて目立たせる方法
特殊文字を使ってコードを紹介する方法
h2見出しの前にアドセンスを自動表示させる方法
疑似要素でアイコンを表示させる方法
記事の離脱率と読了率を無料で計測する方法