WordPressテーマのsidebar.phpを編集してサイドバーをカスタマイズする方法をお伝えします。
WordPressサイトの中でサイドバーは主にサブコンテンツを配置する場所で、主要ページへのリンクやカテゴリーアーカイブ、タグクラウド、新着記事のリストなどが設置されます。
WordPressにおいて一般的にサイドバーは、サイドバーウィジェットを用いて設定しますが、今回は、直接WordPressサイトのサイドバー部分をカスタマイズ・編集場合についてお伝えしていきます。
WordPressテーマのsidebar.phpを編集する
WordPressをカスタマイズするためにWordPressテーマ中のサイドバーを直接カスタマイズする目的でsidebar.phpを編集する場合には、WordPress管理画面から直接ファイルを操作するか、WordPressインストールサーバーにFTPなどで接続し、sidebar.phpをダウンロードしてローカル環境でエディタを用いて修正します。
sidebar.phpがある場合とない場合
WordPressテーマによってはsidebar.phpが存在しないケースもあり、サイドバー部分に関するファイルの名称が異なっていたり、様々なテーマディレクトリの中にsidebar.phpに該当するファイルが細切れのように配置されていたり、index.phpなどの中にWordPressサイドバーに関する部分が指定してある場合もあります。
WordPressテーマにsidebar.phpがある場合は、そのファイルの存在の確認と編集するために、管理画面からチェックしてみましょう。
管理画面からsidebar.phpを確認し、編集する
WordPressにログインすると管理画面が表示されます。
WordPress管理画面の左側に操作メニューが表示されていますので、その中の「外観」から「テーマの編集」を選択します。
すると画面右側にWordPressテーマファイルの一覧が表示されますので(深い階層にあるものは表示されない場合があります)、その中にsidebar.phpがある場合は、その部分をクリックします。なお、WordPress標準テーマの場合は、「テーマサイドバー(sidebar.php)」と表記されています。
この部分を修正することで、WordPressサイトのサイドバーのカスタマイズを行うことができます。
WordPressサイトのサイドバーのカスタマイズ
2列以上のレイアウトのWordPressサイトのサイドバーには全てのページに共通した部分である「主要ページへのリンク」やカテゴリーアーカイブ、タグクラウド、新着記事のリストなどが設置されていますが、sidebar.phpを編集することで、こうした要素の配置変更やサイズ変更、要素の属性変更などのカスタマイズを行うことができます。
なお、固定ページや投稿のテンプレートでサイドバーなしのものがあり、それを選択している場合はサイドバーは表示されません。
sidebar.phpを編集
WordPressテーマによっては、テーマカスタマイズ機能によって設定できる場合もありますが、細かなカスタマイズにはsidebar.phpを編集する必要があります。
phpの利用による特殊なリストの生成など、サイドバーウィジェットの編集のみでは実装できない場合は、こうしたサイドバーのテーマテンプレートをカスタマイズする必要があります。
WordPressテーマの他のファイルでサイドバーを呼び出す
なお、sidebar.phpが存在し、サイドバーに関する設計を行った場合でも、投稿ページや固定ページに関するWordPressテーマの他のファイルでサイドバーを呼び出さないと、WordPressサイトのサイドバーに関する表示は行われません。
サイドバー非表示で全幅テンプレートを作成する場合
逆に言うと、サイドバーの呼び出しに関するphpを削除することで、サイドバーを非表示にすることもできます。
しかしながら、本文カラムとの関係性の中で、サイドバー部分を削除したからといってレイアウトが全幅になるわけでもなく、表示が消えるだけであることがほとんどです。
WordPressの固定ページのテンプレート作成で、全幅テンプレート作成を作るようなシーンでも、サイドバーの表示を消しながら、本文カラムに関するブロック要素のid、class、それに伴うCSSのなども同時に編集していく必要があります。
WordPressの「サイドバー」カスタマイズ
ホームページ制作 京都 ファンフェアファンファーレでは、WordPressテーマファイルの編集によるWordPressサイトのサイドバーのカスタマイズをはじめ、お客さまのニーズに合わせたWordPressのカスタマイズを手がけております。
- 「WordPressサイト(WordPressホームページ)にサイドバーが設置されているが、ウィジェット機能以上の機能を実装したい」
- 「サイドバーのデザインを変更したい」
- 「2カラムレイアウトだが、サイドバーがWordPressウィジェットに対応していないため、ウィジェット機能を追加したい」
といったケースにおいて、WordPressテーマの編集により、WordPressサイトのサイドバーに関するカスタマイズをさせていただいております。
WordPressの設定・カスタマイズ・修正・編集方法の参考例
(初回投稿日 2015年11月18日)
WordPressカスタマイズ・修正
ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、WordPressで制作されたウェブサイト・ホームページのカスタマイズサービスとして、WordPress(ワードプレス)のテーマ(テンプレート)やプラグインのカスタマイズサービスを提供しております。
WordPressカスタマイズの他、WordPressに関する様々な機能の実装や調整、編集はもちろん、各種エラーの修正・復旧に対応しております。
復旧・復元・エラー修正
ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、WordPress(ワードプレス)で制作されたウェブサイト・ホームページの復旧(復元)、エラー修正サービスを提供しております。弊社制作のWordPress(ワードプレス)サイトの復旧、エラー修正も承っておりますが、自社制作・運営、他社制作・管理のWordPressサイトのエラー復旧(復元)・修正にも対応可能です。
WordPressの保守やセキュリティについては、基本的にはバックアップによる保守管理で十分だと考えています。トラブル時のWordPressの復旧のためのWordPressの保守やセキュリティ、バックアップと復元について。
WordPressでのホームページ制作(WordPressサイト制作)
ホームページ制作 京都 ファンフェアファンファーレでは、ホームページ制作にあたり、WordPressでのホームページ制作(WordPressサイト制作)を推進させていただいております。
企業のWebマーケティングを加速するWordPressでのホームページ制作(WordPressサイト制作)ならお任せください!新規WordPressサイト制作はもちろん、htmlサイトからのホームページリニューアル、WordPressサイトのリニューアルにも対応しています。