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


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

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

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

このページでは、WordPressのカスタマイズサービスのうち、「WordPressサイトのサイドバーのカスタマイズ」について掲載しております。

弊社では、WordPressテーマファイルの編集によるWordPressサイトのサイドバーのカスタマイズをはじめ、お客さまのニーズに合わせたWordPressのカスタマイズを手がけております。

「WordPressサイト(WordPressホームページ)にサイドバーが設置されているが、ウィジェット機能以上の機能を実装したい」

「サイドバーのデザインを変更したい」

「2カラムレイアウトだが、サイドバーがWordPressウィジェットに対応していないため、ウィジェット機能を追加したい」

「サイドバーの横幅を変更したい」

「サイドバーの項目を削除したいが削除できない」

「固定ページ、投稿、アーカイブなど、ページ属性ごとにサイドバーの表示の仕方を変更したい」

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

WordPressのカスタマイズのうち、WordPressサイトの「サイドバー」のカスタマイズについてご紹介します。

WPテーマ内の「サイドバー設定」や「サイドバーウィジェット」以上のカスタマイズ

WPテーマ内の「サイドバー設定」や「サイドバーウィジェット」以上のカスタマイズ

WordPressテーマ内には、WordPressサイトのサイドバーに掲載する情報に関する「カスタマイズ機能」が設置されている場合がありますが、管理画面のカスタマイズ機能は、項目の入力によってサイドバーの該当部分が変更されるカスタマイズパターンです。

こうしたサイドバーに関する設定項目はテーマカスタマイザーに依存する形になっています。

サイドバーに関するWordPressテーマのカスタマイズ機能の制限

この、テーマのカスタマイズ機能にはたくさんの制限があり、サイドバーの掲載内容や配置やデザインなどにおいて自由度が低く、テーマに依存する形になります。

こうしたカスタマイズ機能の制限により、サイドバーに表示する設定項目やサイドバーのWebデザイン変更は、こうした管理画面の設定からは行うことができないケースがあります。

WordPressサイトのサイドバーに関しましても、WordPressテーマ自体のテーマファイルのカスタマイズにより、ご希望に合わせた自由度の高いページへとカスタマイズすることができます。

ウィジェット機能によるサイドバー表示項目の設定

サイドバーウィジェット設定

WordPressテーマがサイドバーありのテーマの場合、ほとんどのテーマでWordPress管理画面のウィジェット編集画面からサイドバーの表示項目を設定(追加)することができます。

ドラッグアンドドロップでサイドバー表示

ウィジェット機能を利用して、サイドバー表示項目を選択しサイドバーに反映する場合は、表示項目をクリックして追加するか、ドラッグアンドドロップで該当サイドバーに表示項目を移動させて設定します。

サイドバー表示項目の削除

サイドバー項目の削除

サイドバーに設定したウィジェット機能による表示項目を削除して停止する場合は、サイドバーウィジェットの該当項目をクリックして開き、「削除」をクリックします。こうすることで削除項目はWordPressサイトのサイドバーに表示されなくなります。

サイドバーにウィジェットを追加

WordPressテーマがウィジェット機能に対応していない場合、サイドバーにウィジェットを追加することで、ウィジェット管理画面からサイドバーに表示するパーツを自由に編集していただくことも可能になります。

同時にサイドバーで使用する「ウィジェットパーツの作成」をご依頼いただくことにより、ウィジェット機能によって追加していただくことのできるサイドバー表示項目を新規設置させていただくこともできます。

テーマに組み込まれたサイドバーの内容・項目の修正・削除

また、企業ホームページなどにおいて、独自のWordPressテーマ(オリジナルテーマ)を新規作成されて運用されていた場合、サイドバーの内容・項目がテーマに組み込まれている場合があり、ウィジェット機能などが存在せず、修正・削除ができないケースがあります。

この場合は、オリジナルテーマそのものを編集する必要がありますが、ウィジェット機能と異なり編集がしにくい上に、操作ミスがあるとWordPressがエラーを起こす可能性があります。

こうしたテーマに組み込まれたサイドバーの内容・項目の修正・削除は、WordPress管理画面からの操作では編集できない場合があります。

「サイドバーに表示されたテキストや所在地・連絡先などを編集したいが、ウィジェットを確認しても編集項目がない」

「サイドバーに表示されている最新記事リストやカテゴリー一覧を変更したい」

「月別のアーカイブへのリンクやタグ機能を非表示にしたい」

といった場合において、そうした機能がテーマに組み込まれている場合、カスタマイズのご依頼による修正でご対応が可能です。表示の変更や非表示(削除)に対応しています。

WordPressサイドバーウィジェットのカスタマイズ

WordPressサイドバーウィジェットのカスタマイズ

WordPressのウィジェット機能には、「最近の投稿」を表示するものがありますが、サイドバーウィジェットをカスタマイズすることにより、カテゴリーごとの新着記事コンテンツのリストをサイドバーに表示することができます(リストパーツの追加・設置・カスタマイズ WordPressカスタマイズ)。

サイドバーのWebデザインを変更

サイドバーのWebデザイン変更

また、サイドバーに関するウィジェット部分の幅などのレイアウトの調整、配色変更やボーダー表示などのウィジェットデザインのカスタマイズも可能です。

WordPressサイトのサイドバーのWebデザインは、WordPressテーマの仕様によりますが、こうしたサイドバーの表示に関する設定は、テーマファイルのCSSの編集を行う必要があります。

本文カラムとサイドバーの横幅サイズのバランスの調整や、サイドバーに表示される見出しやテキストに関するWebデザインの変更にも対応しております。

WordPressウィジェットの追加・カスタマイズ

サイドバーのみ文字表示を変更する

WordPressサイトに設置されているサイドバーに関するウィジェットの設定によって、サイドバー表示項目を選択した場合でも、表示形式自体はWordPressテーマに依存しています。

こうしたサイドバーウィジェットから吐き出される文字表示などの細かな調整は、WordPress管理画面からの設定では行えないケースがあります。

全体的な文字設定を編集した場合は、WordPressサイト全体に適用されてしまいますが、サイドバーに表示される文字のみを変更する場合、サイドバーの該当部分に関するCSSなどを編集する必要があります。

サイドバータイトルの表示変更

同様にサイドバー設定おけるタイトルの入力によって、該当部分のタイトル表示が行われます。

こうしたサイドバーのタイトル箇所の見出し構造や文字表示設定をテーマ純正のものから変更する場合は、WordPressテーマのカスタマイズが必要になります。

サイドバー内のリストの表示をカスタマイズする

また、サイドバーウィジェットの設定によって、最新の投稿など、複数項目をリスト表示する場合、通常HTMLのリストとして表示されますが、こうしたリストの表示の形式を変更するためには、WordPressテーマの編集が必要になります。

弊社では、こうしたWordPressサイトのサイドバーに関するWebデザイン面でのカスタマイズにも対応しております。

ページ属性ごとにサイドバーの表示の仕方を変更

WordPressには、固定ページや投稿といった単一ページの他、カテゴリーやタグなどのアーカイブ系ぺーじがあります。これらのページ属性ごとにサイドバーの表示の仕方を変更するカスタマイズにも対応しています。

それぞれのページの持つ役割ごとに適切な関連内容をサイドバーに表示すると、閲覧者は目的のページや関連ページにたどり着きやすくなります。しかしながら、一般的なWordPressサイトにおいては、サイドバーは全ページ共通のものとなっており、ページ属性に応じたサイドバー内容をその属性ごとに表示することができません。

しかしながら、WordPressをカスタマイズすることで、こうしたページ属性ごとのサイドバー表示が可能になります。

例えば、企業サイトにおけるメインページを固定ページで作成している場合、サイドバーには関連固定ページへのリンクのみを表示し、その他、お知らせ投稿やそのカテゴリー・タグページでは、最近の投稿のリストなどを上部に表示するといったように、ページの持つ役割に応じてサイドバー表示項目を変更することが可能です。

こうしたように、ページ属性ごとにサイドバーの表示内容を変更する場合、一般的なWordPressテーマにおいては、設定だけでは実装することができずテーマ自体をカスタマイズする必要があります。

弊社では、こうしたWordPressサイトのサイドバーに関するページ属性ごとの表示内容の変更にかかるカスタマイズにも対応しております。

WordPressサイトのサイドバーの役割と仕様

WordPressサイトのサイドバーの役割と仕様

WordPressをベースとしたホームページ(WordPressサイト)のサイドバーは、1カラムレイアウトのWordPressには存在しませんが、右サイドバー、左サイドバーといった2カラムレイアウト、左右両サイドバータイプの3カラムレイアウトなどのメイン部分が2つ以上に分割されたホームページレイアウトにおいて、「本文部分」にあたるコンテンツ部分の横にやや幅が狭く他ページヘのリストや定型文などが掲載されている部分です。

WordPressテーマにもよりますがサイドバーは基本的に縦方向のカラムで、WordPressサイトの中のメインコンテンツ以外の情報を表示します。

一般的にこのサイドバーには重要ページへのリンクや外部リンク、最新の投稿などが表示されています。

サイドバーに関するWordPressウィジェット対応テーマであれば、ウィジェット設定によってこのサイドバーへの表示項目を設定することができます。

なお、WordPressテーマのサイドバーは WordPressバージョン 2.2 から導入されたテーマ機能です。それ以前に作成されたWordPressテーマには対応していません。

サイドバータイプの選択

このサイドバーがあるかないかはWordPressテーマに依存しており、通常「右サイドバータイプ」や「左サイドバータイプ」といった形でWordPressテーマが制作されており、レイアウトパターンが決まっていますが、このサイドバーのタイプの設定(右サイドバータイプか左サイドバーかといった選択)をできるタイプのWordPressテーマもあります。

カスタマイズ設定やサイドバーウィジェットの設定

WordPressサイト サイドバー

WordPressサイト サイドバー

1カラムレイアウトのWordPressテーマ以外はサイドバーが設置されており、通常テーマのカスタマイズ設定やサイドバーウィジェットの設定において、このサイドバーに表示する項目を選択・設定することができます。

サイドバーに関するウィジェット設定はテーマに依存していますが、テーマによっては管理画面からの設定ができなかったり、意図しない表示項目が挿入されるケースもあります。

WordPressテーマの機能に依存した「カスタマイズ機能」以上のサイドバーのカスタマイズや、サイドバーへのウィジェットの追加、ウィジェットのカスタマイズ、サイドバーのWebデザインの調整をお求めの場合は、ぜひ弊社までお問い合わせください。

WordPressテーマに組み込まれたサイドバー機能の影響で、「サイドバーの編集の仕方がわからず、項目の修正や削除ができない」といった場合にも対応しています。

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

ホームページ制作 京都のWeb制作会社
株式会社ファンフェアファンファーレ

ホームページ制作、サイトカスタマイズなどのお問い合わせ・Web制作のご依頼はこちら