WordPressのウィジェット追加
ワードプレスにはウィジェット（Widget）という便利な機能があり、『最近の投稿』や『カテゴリーのリンク』、『カレンダー』などをドラッグアンドドロップで簡単に設置できます。
WordPressのメニューで説明しているカスタムメニューもこの機能を利用しており、1回の作業ですべてのページに適用できるのでとても便利です。
このウィジェット機能を使いこなすことによって、見栄えが良く、使いやすいサイトにすることができるので、ぜひ、使い方を覚えてください。
ウィジェット
ワードプレスの左サイドバーから『外観 » ウィジェット』と進みます。
表示されたページの左側がウィジェット、右側がウィジェットエリアです。
RSS、アーカイブ、カスタムメニュー、カテゴリー、カレンダー、タグクラウド、テキスト、メタ情報、固定ページ、最近のコメント、最近の投稿、検索があります。
ウィジェットを追加するときは、ウィジェットエリアにドラッグアンドドロップするか、選択してから青い『ウィジェットを追加ボタン』をクリックしてください。
サイトを確認すると、フッター部分の右エリアにカレンダーが表示されます。
フッター部分は『左・中央・右』の3つのエリアに分割されており、左寄せされます。したがって、例えば、中央エリアにだけウィジェットを設置した場合、左エリアとして表示されます。また、全エリアにウィジェットをセットしなかった場合は、フッターエリア自体が表示されません。
ウィジェットエリアの説明
ウィジェットを設置できるスペースのことをウィジェットエリアと言い、各テーマ制作者によって組み込まれています。
当サイトで配布しているWordPressテーマ『FlashWork-s』のウィジェットエリアは8ヶ所です。
実際にサイトで確認すると、このような配置となります。
タブレット・スマホ・携帯画面表示はすべて縦に並ぶので問題ありませんが、パソコン画面表示の場合はそれぞれのエリアの長さを考慮し、ウィジェットをバランスよく配置してください。
ウィジェットエリアのAdSense（コンテンツトップ・コンテンツボトム・サイドボトム）にはウィジェット用のスタイルを設定していないので、ウィジェットを利用できません。もし、このエリアでウィジェットを使いたい場合は、各自でcssを設定してください。
関連記事
初めてホームページを作る方にも簡単にサイドバーの位置を変えられるように、カスタマイザーで設定できるようにしました。 『style.css』...
ワードプレスは『文字コード：UTF-8N』、『改行コード：LF』が基本です。 ウェブサイト制作に特化した『ドリームウィーバー（Dreamwe...
エックスサーバーとドメインを用意しただけでは利用できず、これらを結び付ける作業が必要となります。 この作業はエックスサーバー側とドメイ...
ワードプレスは自分の好みの『テーマ』をインストールして有効化するだけで思い通りのサイトを制作できますが、カスタマイズして自分だけのオリジナル...
ホームページを作って、その後はページを増やしていけば良いというものではありません。 アクセス解析で訪問者数や滞在時間、直帰率などの様...
最新記事
いらなくなった使用済みパソコンや故障パソコンを無料で手軽に回収・廃棄してもらう...
ソフトバンク光は、SoftBankが提供する光ファイバー回線を利用したインター...
フレッツ光は、NTT東日本・NTT西日本が提供する光回線です。お得なサービスが...
一度気にしたら、その後ずっと気になるPCマウスのクリック音。「カチカチ」うるさ...
パソコンを使っていると、ある日突然、マウスの左クリックの反応が悪くなります。そ...