サイトやブログのトップページをカテゴリー別で一覧表示simplicityカスタマイズwordpress

f:id:buchibuchi4647:20170518112813j:plain

別ブログでwordpressのテーマ「simplicity」を使っています。サイトのトップページにカテゴリーごとに分けたすっきりしたデザインかつ新着記事を表示するカスタマイズのまとめです。

メインページにカテゴリー別で記事一覧表示

以前はトップページのメインに新着記事が一覧で表示されているだけでした。今回のカスタマイズを導入することで、カテゴリー別に記事(サムネイル入り)表示されるようになったことによって、すっきりしたデザインとなりました。

また、読者にとっても見やすいページとなったので直帰率を避けることにつながります。PV率効果も見込めるカスタマイズです。

wordpressのテーマ「simlicity」を使っている人も多いと思います。もともとがシンプルなだけに、自分次第で自由にカスタマイズできます。本当におすすめの無料テーマです。

今回カスタマイズするのに参考にしたのは

http://lahatnggusto.com/net/categorybox

ただし、この上記のサイトはバージョンが2.0以降では動作が上手くいきませんでした。古いバージョンの方は上記のサイトを参考にカスタマイズしてください。

僕はsimplicity2.3を使っているのでいろいろ修正を加えました。最新のバージョンでも動作確認済です。

設定手順1

事前にインストールが必要なプラグインは page  builder by siteorigin.とphp text widget. この二つの設定方法は別記事にまとめています。10分程度で設定できると思います。以下を参考にしてくだい。

 

english-apple-diy.hatenablog.com

2つのプラグインを設定後、カテゴリー別に一覧表示するカスタマイズ方法を書いています。php text widjetはインストールして有効化するのみです。

設定手順2

page builder by siteoriginを設定完了後、ウジェットにテキスト貼り付けてください。テキストには自由にhtmlを書き込みことが可能で広告やsnsを表示することができます。今回はテキストにカテゴリー別に新着記事をサムネイル付きで表示するように設定してします。

参考したブログはサムネイルと新着記事がなぜかうまく表示されなかった。よくよく調べるとsimplicity2以降のバージョンでは動作未確認みたいです。 今回、いろいろ修正を加えてsimplicityの2.3〜4まで動作確認済の修正版とします。

以下のコードをテキストテキストウェジェットにコピペして貼り付けてください。

1行目→カテゴリーURLと表示したいカテゴリー名を入力します。

14行目→表示したいカテゴリーのスラッグIDを入力します。

スラッグIDとは、投稿一覧→カテゴリ→表示したいカテゴリーを選択すると

f:id:buchibuchi4647:20170518110250p:plain

使用しているブラウザ(yahooやグーグルなど)上のURLバー欄でID確認できます。

15行目→新着記事で表示したい投稿数です。デフォルトは5になっています。

cssの設定

最後にcssを貼り付けて背景色や色を設定しましょう。

5行目→カテゴリー名の背景色を変更できます。他にも詳しい設定がありますが、基本的な操作は以上になります。お疲れ様でした。

当サービスお得情報紹介・5名限定モニター生募集

当サイトのサービスはサイト作成だけでなく修正・カスタム・アクセスアップだけに留まらず、初心者向けに副業・アフィリエイトのノウハウも紹介しております。少しでも購入者が満足できるようなサービス提供を提供中。

購入して終了ではなく….サービス終了後も定期的なやりとりを通じてお客様の相談・依頼をいただくことが一番重要だと思っております。長い付き合いになると思いますが、当サービスを利用して会社の利益アップ・脱ノウハウコレクターとなりませんか?

 

学生・主婦の方から社会人の方まで幅広くご依頼をいただいております。

上記のサービスはいずれも好評です。特にアフィエイトをしている人でなかなか成果の出ない人や初心者で何からすれば良いのかわからない人にはおすすめのサービスとなっております。

ライン募集

ライン公式アカウントでもサービス情報をお届けしております。お友達に追加頂いた方には現在有料情報を無料で提供しております。この機会に友達追加してはどうでしょうか?
友だち追加
サービスご依頼ご希望の方はサイト内に設置「お問い合わせ」フォームより依頼・または下記よりご連絡ください。当サービスはプロフィールにもありますよう「ココナラ」にて600件以上の販売実績と評価4.8以上であるプラチナ会員認定

ココナラ経由だともっと割引?

ココナラ経由でサービスをご利用頂きましたお客様には貴重な特典・割引価格で提供しております。このチャンスにぜひご検討ください。
アクセスアップ狙った1500記事+ツール販売します 20ジャンル全部で1500記事+ツール販売・PVアップ向け

ご依頼お待ちしております。

また、2020年にはあるモニター生が私のコンサルサポートを実施してココナラ での販売を開始しました。2020年7月末から8月末までの1ヶ月間での成果ですが。売り上げではなく、実際の収入見込みが22万達成できました。新規アカウントです。この調子で頑張って欲しいです。

上記のモニター生同様、ココナラ を使って副業サポートコンサル希望のモニター生を5名募集しております。

モニター価格は2種類あります。私が徹底的にサポートまたは定期的なアドバイスの2パターンあります。興味のある方は、こちらも合わせてお問い合わせよりご連絡ください。

ご依頼・ご質問等はコチラから。内容を確認次第、順次対応させて頂きます。

お名前
必須
メールアドレス
必須
サービス内容
メッセージ本文
 
最新情報をチェックしませんか?