ファイル | わかるWeb

【基本】WordPressのサイドバーとは？カスタマイズ方法教えて

サイドバーにナビゲーション（メニュー）やサイト内検索、最近の投稿一覧、カレンダーなどを入れて、サイトの訪問者が求めているページを探しやすくしたり、サイトを使いやすくすることができます。

WordPressのカスタマイズ

「子テーマ」とは、テーマとは別ファイルでありながら、同時に読み込まれて、機能とスタイルを引き継いだ、カスタマイズ専用のテーマのことです。「子テーマ」から見たオリジナルのテーマを「親テーマ」と呼ぶことがあります。

WordPressのカスタマイズ

カスタム投稿タイプとは、WordPressに独自の投稿タイプを追加できる機能です。「投稿」と同じような形式で記事を管理できる場所をいくつでも作ることができます。カスタム投稿タイプの作成は、初心者の方はプラグインを利用するのがお勧めです。

WordPressの知識

WordPressには、契約しているサーバーで簡単インストールする方法と、WordPress公式サイトからダウンロードしてFTPソフトでアップロードする方法の、2種類があります。サーバーで簡単インストールする方法は、時間をかけずに簡単にインストールしたい場合にお勧めです。

WordPressの知識

WordPressのテーマファイルの編集は管理画面で編集するのではなく、オフラインにてテキストエディタで編集して、FTPでアップロードしましょう。管理画面の直接編集でミスしたまま「ファイルを更新」すると、元に戻らない危険を孕んでいます。

WordPressのカスタマイズ

WordPressサイトで、画像ファイルをFTPを用いてアップロードする方法があります。しかし、FTPでアップロードしただけではWordPressのメディアライブラリに表示されません。画像をメディアで認識させるプラグインを紹介します。

WordPressの知識

CSS（シーエスエス）とは、「カスケーディングスタイルシート」と呼ばれるもので、Webサイトのレイアウトやデザインなど「見た目」を操作・制御するための言語のことです。

CSS

WordPressの本体やプラグイン、テーマのバージョンアップ中に、WordPressがメンテナンス中の状態のままになり「現在メンテナンス中のため、しばらくの間ご利用いただけません」がずっと表示されることがあります。

WordPressの困りごと

WordPressのカスタマイズの道は大きく2通りあります。「テーマの機能を使ったカスタマイズ」か「ソースコードを編集するカスタマイズ」です。あるいはそれらの併用です。初級者にとっては、まずはテーマの機能を使ったカスタマイズがメインになるでしょう。

WordPressのカスタマイズ

CSSはWebサイトの見た目を整えデザインするための言語です。「セレクタ」「プロパティ」「値」から成り立っています。セレクタには、class属性とid属性を使ってラベルを付けることができます。

CSS

HTMLは、Webサイトの構造を作るための言語です。Webサイトを構成する要素に役割を与える「目印」のようなものです。Webサイトを構成する要素を「開始タグ」と「終了タグ」で囲むようにしますが、一部「終了タグ」が要らない場合もあります。

HTML

インターネット環境が整った昨今でも、できるだけ画像を軽くして表示を早くさせたいのは変わりません。オンラインの画像圧縮サービスを活用すると、できるだけきれいな状態で画像ファイルの容量を小さくしてくれます。

Webの知識

CSS3は従来のCSS2とは互換があり、基本的な文法に関してはCSS2と比べてもあまり変化はありません。そのため、これまでの基本的な記述方法でCSS3に対応させることが可能です。

CSS

HTML4・XHTML・HTML5の歴史を見ると、HTML4時点ではWebサイトの構築に必要な文法が揃った状態、XHTMLはXMLをベースにしてより厳格な文法が求められる状態、HTML5は無駄をなくし、よりシンプルにより明確に書けるようになった状態、と言えるでしょう。

HTML