フラッシュ素材(Flash Works)

プロのウェブデザイナーが作ったカスタマイズ可能なホームページ素材Flash(フラッシュ)とWordPressテーマを無料配布しています。
フラッシュ素材(Flash Works)
» » WordPressサイドバーの設定方法

WordPressサイドバーの設定方法


初めてホームページを作る方にも簡単にサイドバーの位置を変えられるように、カスタマイザーで設定できるようにしました。

『style.css』を開き、コンテンツ部分とサイドバー部分の『left・right』を入れ替えるだけなので、WEBの知識がある方には簡単作業ですが、そうでない方には難しい作業だと思い、あらかじめ簡単に設定できるようにした次第です。

更に、アイキャッチ画像付きの最新記事も表示・非表示の設定ができ、誰でも簡単に扱えるようになっています。

以下の説明を参考に、自分の希望に合ったデザインに仕上げてください。

カスタマイズ

カスタマイズ

ワードプレスの左サイドバーから『外観 » カスタマイズ』と進みます。

カスタマイズ画面

カスタマイザー

左側にあるメニューから設定したい項目を選び、右側でその状態を確認できます。

サイドバーの位置変更

サイドバーの位置

左メニューの『サイドバー』をクリックし、『左ナビゲーション・右ナビゲーション』から希望する方にチェックを入れます。

右側で実際の表示を見られるので、確認しながらサイトデザインに合った方をお選びください。

最後に、青い『保存して公開ボタン』をクリックして、変更を確定します。

注意

『タブレット・スマホ・携帯画面』の時は、サイドバーの設定は関係なく、『ヘッダー » コンテンツ » サイドバー » フッター』の順に表示されます。

サイドバーの最新記事

サイドバーの最新記事

左メニューの『サイドバーの最新記事』をクリックし、『表示・非表示・トップページのみ非表示』から希望する設定にチェックを入れてください。

トップページをカスタマイズしない場合、コンテンツ部分とサイドバー部分で最新記事が重複してしまうため、『トップページのみ非表示』にすることができるようになっています。

その下にある『最新記事の表示件数(半角数字で入力)』は、サイドバー部分の最新記事数だけに適用されるので注意が必要です。

なお、トップページのコンテンツ部分の『最新記事』は、『設定 » 表示設定 » 1ページに表示する最大投稿数』で設定するようになっています。

注意

『最新記事』に表示されるのは投稿のみで、固定ページは表示されません。


関連記事

WordPressテーマ『FlashWork-s』は、初心者の方にも無理なくご利用いただけるように、あらかじめ装飾用のcssを設定してありま...


htmlサイトでメニューを作ろうとした場合、テキストを入れて、それにリンクを張ってと、面倒な作業が必要となります。 もしも修正が必要となっ...


ワードプレスには『アイキャッチ画像』という機能が付いており、テキストだけのリンクと比べ、閲覧者の興味を引き付けてクリックされやすいという特長...


ワードプレス(WordPress)は、オープンソースのブログソフトウェアのため無料で利用することができます。 しかも、無料・有料のテーマが...


エックスサーバーとドメインを用意しただけでは利用できず、これらを結び付ける作業が必要となります。 この作業はエックスサーバー側とドメイ...



コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

最新記事

Flash Works

WordPressテーマ『FlashWork-s』で見出しタグが使われている箇...

Flash Works

WordPressテーマ『FlashWork-s』に用意されている装飾コードに...

Flash Works

ワードプレスのヘッダー画像の設定方法について説明いたします。また、簡単な変更で...

Flash Works

WordPressテーマ『FlashWork-s』に組み込まれているGoogl...

Flash Works

WordPressテーマ『FlashWork-s』に組み込まれているサイドバー...

素材ラインナップ

How to ホームページ

インフォメーション

検索