WordPressテーマのsidebar.phpを編集してサイドバーをカスタマイズする

WordPressテーマのsidebar.phpを編集してサイドバーをカスタマイズする


WordPressテーマのsidebar.phpを編集してサイドバーをカスタマイズする方法をお伝えします。

WordPressサイトの中でサイドバーは主にサブコンテンツを配置する場所で、主要ページへのリンクやカテゴリーアーカイブ、タグクラウド、新着記事のリストなどが設置されます。

WordPressにおいて一般的にサイドバーは、サイドバーウィジェットを用いて設定しますが、今回は、直接WordPressサイトのサイドバー部分をカスタマイズ・編集場合についてお伝えしていきます。

WordPressテーマのsidebar.phpを編集する

WordPressテーマのsidebar.phpを編集する

WordPressをカスタマイズするためにWordPressテーマ中のサイドバーを直接カスタマイズする目的でsidebar.phpを編集する場合には、WordPress管理画面から直接ファイルを操作するか、WordPressインストールサーバーにFTPなどで接続し、sidebar.phpをダウンロードしてローカル環境でエディタを用いて修正します。

sidebar.phpがある場合とない場合

sidebar.phpがある場合とない場合 WordPress

WordPressテーマによってはsidebar.phpが存在しないケースもあり、サイドバー部分に関するファイルの名称が異なっていたり、様々なテーマディレクトリの中にsidebar.phpに該当するファイルが細切れのように配置されていたり、index.phpなどの中にWordPressサイドバーに関する部分が指定してある場合もあります。

WordPressテーマにsidebar.phpがある場合は、そのファイルの存在の確認と編集するために、管理画面からチェックしてみましょう。

管理画面からsidebar.phpを確認し、編集する

サイドバーテンプレートを選択

WordPressにログインすると管理画面が表示されます。

WordPress管理画面の左側に操作メニューが表示されていますので、その中の「外観」から「テーマの編集」を選択します。

すると画面右側にWordPressテーマファイルの一覧が表示されますので(深い階層にあるものは表示されない場合があります)、その中にsidebar.phpがある場合は、その部分をクリックします。なお、WordPress標準テーマの場合は、「テーマサイドバー(sidebar.php)」と表記されています。

この部分を修正することで、WordPressサイトのサイドバーのカスタマイズを行うことができます。

WordPressサイトのサイドバーのカスタマイズ

WordPressサイトのサイドバーをカスタマイズ

2列以上のレイアウトのWordPressサイトのサイドバーには全てのページに共通した部分である「主要ページへのリンク」やカテゴリーアーカイブ、タグクラウド、新着記事のリストなどが設置されていますが、sidebar.phpを編集することで、こうした要素の配置変更やサイズ変更、要素の属性変更などのカスタマイズを行うことができます。

なお、固定ページや投稿のテンプレートでサイドバーなしのものがあり、それを選択している場合はサイドバーは表示されません。

sidebar.phpを編集

sidebar.phpを編集 WordPress

WordPressテーマによっては、テーマカスタマイズ機能によって設定できる場合もありますが、細かなカスタマイズにはsidebar.phpを編集する必要があります。

phpの利用による特殊なリストの生成など、サイドバーウィジェットの編集のみでは実装できない場合は、こうしたサイドバーのテーマテンプレートをカスタマイズする必要があります。

WordPressテーマの他のファイルでサイドバーを呼び出す

なお、sidebar.phpが存在し、サイドバーに関する設計を行った場合でも、投稿ページや固定ページに関するWordPressテーマの他のファイルでサイドバーを呼び出さないと、WordPressサイトのサイドバーに関する表示は行われません。

サイドバー非表示で全幅テンプレートを作成する場合

逆に言うと、サイドバーの呼び出しに関するphpを削除することで、サイドバーを非表示にすることもできます。

しかしながら、本文カラムとの関係性の中で、サイドバー部分を削除したからといってレイアウトが全幅になるわけでもなく、表示が消えるだけであることがほとんどです。

WordPressの固定ページのテンプレート作成で、全幅テンプレート作成を作るようなシーンでも、サイドバーの表示を消しながら、本文カラムに関するブロック要素のid、class、それに伴うCSSのなども同時に編集していく必要があります。

WordPressの「サイドバー」カスタマイズ

WordPressサイドバーカスタマイズ

ホームページ制作 京都 ファンフェアファンファーレでは、WordPressテーマファイルの編集によるWordPressサイトのサイドバーのカスタマイズをはじめ、お客さまのニーズに合わせたWordPressのカスタマイズを手がけております。

  • 「WordPressサイト(WordPressホームページ)にサイドバーが設置されているが、ウィジェット機能以上の機能を実装したい」
  • 「サイドバーのデザインを変更したい」
  • 「2カラムレイアウトだが、サイドバーがWordPressウィジェットに対応していないため、ウィジェット機能を追加したい」

といったケースにおいて、WordPressテーマの編集により、WordPressサイトのサイドバーに関するカスタマイズをさせていただいております。

WordPressサイトの「サイドバー」カスタマイズ

WordPressの設定・カスタマイズ・修正・編集方法の参考例

WordPressカスタマイズ・修正

ファンフェアファンファーレのWordPress(ワードプレス)のカスタマイズ、テーマカスタマイズサービス

ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、WordPressで制作されたウェブサイト・ホームページのカスタマイズサービスとして、WordPress(ワードプレス)のテーマ(テンプレート)やプラグインのカスタマイズサービスを提供しております。

WordPressカスタマイズの他、WordPressに関する様々な機能の実装や調整、編集はもちろん、各種エラーの修正・復旧に対応しております。

WordPress(ワードプレス)のカスタマイズ

WordPressでのホームページ制作(WordPressサイト制作)

WordPress(ワードプレス)を使ったウェブサイト制作・ホームページ制作ならファンフェアファンファーレにお任せください!

ホームページ制作 京都 ファンフェアファンファーレでは、ホームページ制作にあたり、WordPressでのホームページ制作(WordPressサイト制作)を推進させていただいております。

企業のWebマーケティングを加速するWordPressでのホームページ制作(WordPressサイト制作)ならお任せください!新規WordPressサイト制作はもちろん、htmlサイトからのホームページリニューアル、WordPressサイトのリニューアルにも対応しています。

WordPress(ワードプレス)でのホームページ制作・ウェブサイト制作


「WordPressテーマのsidebar.phpを編集してサイドバーをカスタマイズする」のカテゴリ Web制作・Web関連
タグ: , , ,


ホームページ制作・カスタマイズ、Webマーケティング・SEOなどのお問い合わせ・ご依頼