カスタマイズ

【AFFINGER5】サイドバー最上部の新着記事を非表示にする方法

更新日:

AFFINGER5

こんにちは!SHINでございます♪

 

AFFINGER5でサイトページ構成を2カラム以上、つまりサイドバーのあるデザインで運営するなら必見。

今回は、AFFINGER5の導入初期時にデフォルト設定されているサイドバー最上部に表示される新着記事を非表示にする方法を解説します。

 

通常の「AFFINGER5 管理」で設定する方法と、CSS記述コードに追記する方法の2通りあります。

 

ものすごく簡単なんですけど、いざ「カスタマイズしよう!」ってなるとなかなか調べても見つからないものですよね(汗)

 

サイト記事のストックが少ない段階なら、尚更非表示にしてスペースをもっと有効活用しましょう。微弱ながら表示速度にも影響しますしね。

では早速見ていきましょう。

 

1.AFFINGER5 管理で非表示設定する

この設定方法がおすすめです♪

AFFINGER5の管理設定から非表示にする方法で、チェックを入れるだけの超簡単設定です。

 

1-1.AFFINGER5 管理に入る

AFFINGER5 管理

SHIN
WordPressダッシュボード画面に入って「AFFINGER5 管理」をクリックします♪

 

1-2.トップページ設定に入る

AFFINGER5 トップページ

SHIN
AFFINGER5管理画面に移ったら、左メニュー「トップページ」をクリック♪

 

1-3.記事一覧内「トップページのサイドバーの新着記事一覧を非表示にする」にチェック

トップページ,サイドバー,新着記事一覧,非表示

SHIN
記事一覧というメニューの「トップページのサイドバーの新着記事一覧を非表示にする」にチェックを入れます♪

 

はい。終わりですね♪

キーボードの「Ctrl+F5」を押してページ更新した状態でチェックしてみると・・・

 

トップページ,サイドバー,新着記事一覧,非表示,1

ガッツリ消えて非表示になりましたね♪

 

2.CSS記述コードを追記して非表示設定する

この方法は「CSSコードに追記する」ので、あらかじめメモ帳保存やバックアップを取ることをおすすめします。

 

2-1.CSSテーマ編集へ入る

WordPress,テーマの編集

SHIN
WordPressダッシュボード画面から「外観 → テーマの編集」をクリック!CSS編集ページに行きます♪

 

2-2.編集するテーマは親「WING-AFFINGER5」を選択

AFFIGER5,サイドバーphp

SHIN
記事の更新やカスタマイズは通常、子テーマ「WING-AFFINGER5 Child」を有効化だけど、今回は「sidebar.php内のCSSコードに追記する」ので、親テーマを選択♪

 

2-3.サイドバー(sidebar.php)をクリック

AFFIGER5,サイドバーphp1

SHIN
テーマファイルがズラーっと表示されたら、真ん中あたりにある「サイドバー(sidebar.php)」を選んでクリック♪

 

2-4.CSSコードを追記する

sidebar.phpにあるCSSコードが表示されたら、30行目にある

<?php get_template_part( 'newpost' ); //最近のエントリ ?>のCSSコード両端に、追記していきます。

 

このように、両端に追記することで非表示にできます。

SHIN
入力せず「コピー&ペースト」で使ってくださいね♪

 

まとめ

今回は、WordPressテーマ「AFFINGER5」のデフォルトで設定されている、サイドバーの新着記事を非表示にする解説でした。

ぜひ参考にしてみてくださいね!

  • この記事を書いた人
  • 最新記事
SHIN

SHIN

WordPressテーマ研究家のSHINです。WPテーマとコーヒーをこよなく愛し、日々マウスをカチカチ!キーボードをパチパチ!しながら研究をしている人。

-カスタマイズ
-

Copyright© WordPress theme NAVI , 2019 All Rights Reserved Powered by AFFINGER5.