Simplicity2カスタマイズ・タイトルロゴ右に表型の主要カテゴリリンクを挿入する方法

スクリーンショット_2016-08-08_18_42_43

こんにちは。WordPressテーマ「Simplicity」大好きの部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております!

スポンサーリンク

今回、非常に問い合わせの多い「Simplicity・PC表示で主要カテゴリを表型でタイトルロゴ右側に挿入する」方法を紹介します!

ずっとやりたかったモノの1つがこれ

まあ、いわゆる、gori.meと同じ形の「タイトルロゴ右に主要カテゴリの表型リンク」を挿入する方法ですね

この実装については、g.O.R.iさんにお伝えしてやっております

非常に問い合わせの多いカスタマイズになりますが、まあ、実装するのは結構大変でした

ググっても、これ、出てきません。でも、Ptengineによると、かなりクリックされます。超絶ナイスでカッコいいので要チェックだぜ!

参考にしたのはこのサイト!

Simplicityのヘッダー・タイトル横にウィジェット追加して広告設置
Simplicityのヘッダー、タイトルの右側へウィジェットエリアを追加してバナー広告を設置する方法とスマホでは非表示にする解説です。

↑これです

ここでは「タイトルロゴ横」とありますので、広告が配置できるんだったら、表だってイケるだろと言うことで頑張ってみたらできました

わーいわーい

サイトの通り、function.php(子テーマ)に追記して、親テーマのheader.phpにコードをブチ込み、外観→ウィジェットまでいくのは同じ

ここまでいって、広告を挿入すると、同じになりますので、ここで、MobTabGenを使って、表を作ってしまいます

MarsEditで表を挿入するなら「MobTabGen」が便利だ!師匠に教えてもらったぞ!
MarsEditで表を挿入するなら「MobTabGen」が便利だ!師匠に教えてもらったぞ!
こんにちは。部長ナビ(@nabi_1080)です 師匠のg.O.R.iさん(@planetofgori)のブログは毎日チェックしていますけ...

↑ここで、普通にリンクタグをブチ込んで、普通に表を作り、コードを出します

表を作ったら、ウィジェットのところに、この表のコードをバーンと貼ります

CSSで調整

style.cssで調整をかけます

コードは、参照先のサイトに載っていますので、「top」を微妙に変えると高さが変わります。レッツトライ!

なお、ウチでは、@media screenは削除しました。確か。フィーリングで適当にやってみましょう!

後は、表のタグを適当にいじって、良い感じに仕上げる

MobTabGenのままだと、味気ない表なので、適当にコードをいじりましょう

適当にいじると良い感じにできますので、とにかく、時間かかっても良いので、チャレンジしましょう!コピペじゃつまんないやん!

できると、スゲー感動しますよ

後は、Ptengineで、どこがクリックされるかチェックしながらメニューを入れかえる

僕は、特別なプランを使わせていただいていますが、基本無料プランでも、1ページは解析できるので、Ptengineでやってみましょう!

どこがクリックされるか、されないかわかるはずです。2〜3日集計を取るとスゴいっすよ、これ。表型のカテゴリリンク、最強です

Simplicityでもできますので、ぜひ、やってみてくださいね!

当ブログは「ラージピクチャーヘッダー」

これもよく質問来ますが、ウチは、「ラージピクチャーヘッダー」です。スキンね。スキン

上手にできたら、教えてね!頑張りましょう!

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索