Simplicityカスタマイズ「タイル表示」をある程度極めてみた〜今後の希望まとめ〜

simplicity_logo

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

昨日ですね、大炎上した(笑)「Simplicityタイル表示」のカスタマイズですが、色々ありました

Simplicityカスタマイズ「トップページのみ1カラム・Googleカスタム検索を記事最上部」にする方法
Simplicityカスタマイズ「トップページのみ1カラム・Googleカスタム検索を記事最上部」にする方法
こんにちは。WordPressテーマ「Simplicity」大好きの部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております...

↑Simplicityのトップページを1カラムに変更して、タイル表示にしてみました

元ネタはもちろんg.O.R.iさんですが、今回はかなり色々ご意見を頂戴しました

スポンサーリンク

思った以上に賛否両論、その末に出した結論とは?

かなりたくさんの方から様々なご意見を頂戴しましたが、最終的には「希望する形」でカスタマイズさせていただきました

現在の状況は私一人でほぼカスタマイズしました。これから、ちゃぼPにも見てもらって、週末を使ってさらに仕上げていく予定ですが、今の形でもかなり良い感じではないかと自負しております

色々皆さん、思うところはあると思いますが、今回は、僕の希望通りにやらせてください。お願いします!

タイル状にした後のカスタマイズ

前回の記事の通り、1カラムにして、サイドバーをトップページだけ外し、「サムネイル大」に変えて、そこから細かいカスタマイズを行いました

基本、ググって試してダメならまたググっての繰り返しです。たくさんの方の公開されているコードを使わせていただきました

当ブログではコードの公開はもう行いませんので、問い合わせも基本的には受け付けません。ご了承ください

なお、タイル状にした後のカスタマイズは次の通りです

・タイトルの文字フォントを変えた

・タイトルの行間を変えた

・「続きを読む」を外した

・背景色を付けた

・枠を付けた

・影を付けた

・個別記事で、関連カテゴリをシェアボタン直下に移動した

・個別記事で、関連記事の下にサイト内検索を実装した

・ヘッダー直下にGoogleカスタム検索を全ページに導入した

こんな感じですね。だいぶ良い感じになりました

ちなみに、スマホも良い感じで2列表示になっておりますが、iPhone 6s Plusでしか確認しておりませんので、後で他のスマホのサイズだと表示がどうなるのか確認します

今後の要望

基本的にはちゃぼPと相談して決めますが、週末以降になります

・その日更新した記事に「NEW」を付けたい

・日付をサムネイルに載せたい(カテゴリ表示の隣に日付を入れると、2段になる場合が多いから)

・文字以外のタイトル部分をクリックしてもリンク飛ぶようにしたい(だいぶググって試したけど、出来なかった)

・トップページの下のあたりにアクセスランキングを入れたい(難しいらしい)

・スマホが揺れるのを何とかしたい(横に動いてしまう状態)

こんなもんっすね

ウマくいくと良いなぁ・・・

まあ、ちゃぼPも仕事忙しいので、週末以降、来週にかけてのんびりやります

今のところ、PC表示はだいぶ自分でも満足できる仕上がりになったので、これからどうなるか楽しみですね。

皆さんもググって頑張ってやってみれば、意外とイケるモノですのでカスタマイズ、頑張りましょう!

ご意見を募集すると真っ二つに割れるので、とりあえず、好きなようにやらせていただければと思います。色々試してみたいので、ご了承ください

スポンサーリンク

この記事をシェアする!

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

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索