Simplicityカスタマイズ「トップページのみ1カラム・Googleカスタム検索を記事最上部」にする方法

simplicity_logo

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

スポンサーリンク

gori.meに影響されて、自分で色々やってみたのコーナー

新生gori.meの変更点、魅力を俺氏が語ってみる
新生gori.meの変更点、魅力を俺氏が語ってみる
こんにちは。部長ナビ(@nabi_1080)です 当ブログ「部長ナビのページ」は、月間415万PVのニュースサイト「gori.me」のオフィ...

↑この通り、gori.meが大幅リニューアルしまして、トップページが1カラムになりました。うーん、タイル表示、見やすいなーと思いつつ、多分、Simplicityではできないだろうと思っていたら、あるんだよねー。Googleってスゲーよなぁ・・・

「きつね胡乱」にカスタマイズの方法があったぞ!

人様のカスタマイズを利用させていただいておりますので、コード掲載はしません。

【WP】simplicityをカスタマイズしてギャラリーサイトっぽいレイアウトのトップページを作る
simplicityは一覧リストのスタイルにサムネイル大が選べてギャラリーサイトっぽいレイアウトが簡単にできそうだなぁと思いました。今回テーマをSimplicity 2.0 Beta版にアップデートしたので子テーマでカスタマイズしたいと思い

↑こちらになります

注意点をいくつか挙げましょう

「トップページのみサイドバーを非表示にする際」のコードの「書き換え」はここだ!

まず、ハマるのが、コレ

「書き換え」とありますが、どこを書き換えるかというと、footer.phpの「上から4〜6行目を削除して、掲載されているコードをブチ込む」とウマく行きます

えーと、これですけど、当然ですが、コードの削除する場所とか、貼り付け時のかっこ忘れとか「ミス一発」で、ブログどころか管理画面も表示されなくなりますので、必ずFTPアプリ使って作業しましょう。

Simplicityで親テーマをのファイルを子テーマにForkLiftで移す方法〜子テーマでカスタマイズ!〜
Simplicityで親テーマをのファイルを子テーマにForkLiftで移す方法〜子テーマでカスタマイズ!〜
こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております! さて、Simplicityの...

↑Forklift高いですけど、マジでコレ、使いやすくてオススメ!僕も、g.O.R.iさんも使ってるよ!

きつね胡乱さんに書いている通り、「子テーマに移してから」やってね!

ちなみに、モバイルのみサイドバーを表示させたい場合(本文の下に表示される)は、さっきのfooter.phpで消した部分を「is_mobile」関数で挟むと表示されます。ウチがそうですね。まあ、お好みでどうぞ。

次は、個人的なことだけど、枠線は消さなかった

きつね胡乱さんでは、枠線を消す方法が記されていますが、私は枠線、消しませんでした。

理由は、個別記事のページが、枠線あった方が良いと思ったからです。まあ、この辺は好みだと思うので、お好きな方でどうぞ!

大きなサムネイルで1カラム表示する場合、そのままコピペだと、僕はウマく行かなかったので調整

最後に「css-custom.php」ですけど、貼り付けるコードの上から3行目「padding」のところ、「43px」ってのが、たぶん「横」の余白なんですけど、僕はコレだと2タイルしか入りませんでした。で、ここを色々調整して「23px」にしたら、バシッと左右の余白も良い感じで、3列タイルが大きなサムネイルで入りました。わーいわーい

これで、「トップページのみ1カラム」というのは成功です。(・∀・)イイネ!!

しばらくコレで運用します

皆さん、ご意見お待ちしております!

検索バーを、各ページの最上部に持ってくる方法

コレは簡単です

Simplicityの子テーマにある「before-main.php」に、Googleカスタム検索のコードを持ってくるだけです

モバイルにも、コレ、適用されるのでスゲーナイスですね

今後の作業予定「スマホだけ、今まで通りの通常表示にする」

とりあえず、今考えているのは、PCはタイルで良いんですけど、スマホですね、このアクセスがすごく多いのはその通りなので、スマホについては今はタイル表示になってますけど、コレ、ちゃぼPに聞いて、スマホだけ今まで通りの表示にできないか確認してみます。

大きなサムネイル表示はカスタマイザーで変えたので、多分、子テーマのレスポンシブか、モバイルあたりのファイルに追記すればイケそうな気がするんですが、ググってみてもちょっとわかりませんでしたので、ちゃぼPに聞いてみます

ウマく行ったら追記しますので、Simplicity野郎の皆さん、1カラム良いッスよ〜。スゲー見やすくカッコよくなった気がしませんか?僕だけ?

スマホをウマく変えられたらマジナイスですねぇ。頑張りまーす!

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

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索