Facebook
RSS Feed
Jan 11, 2012

STEP2:テーマの基本設定(オリジナルに衣替え編)

Minimal WPのテンプレートをオリジナルデザインに衣替えする方法です。
独自機能は全て「Minimal WPカスタム画面(ダッシュボード>外観>Minimal WPカスタム)」で
画像アップロード・コピペなどの簡単作業だけで設定ができます。

*逆に「Minimal WPカスタム」以外の管理画面項目は全てWordPress標準の機能です

<目次>
1) ロゴ画像の変更
2) スライドショー画像・ヘッダー画像の変更
3) メニューの設定
4) ソーシャルアイコンの設定(Twitter・Facebook)
5) ウィジェット(トップページ・サイドバー・フッター等)のカスタマイズ
6) 背景のカスタマイズ
7) カテゴリーページのレイアウト変更
【備考】アップロードした画像ファイルのURLの取得方法

1) ロゴ画像の変更

ロゴ画像の変更

ダッシュボード > 外観 > Minimal WPカスタム

お好きなロゴ画像をアップロードして、画像ファイルのURLを指定するだけで、
サイト上のロゴ画像をオリジナルに変更出来ます。
管理画面に記載された推奨サイズで画像を作成してからアップロードしてください。
ファイル名は必ず「半角英数」で作成しましょう!

【備考】アップロードした画像ファイルのURLの取得方法 >

 

2) スライドショー画像・ヘッダー画像の変更

スライドショー画像の変更

ダッシュボード > 外観 > Minimal WPカスタム

テーマにスライドショーやヘッダー画像があらかじめ設置されている場合(デモサイト参照)は、
お好きな画像をアップロードして、画像ファイルのURLを指定するだけで、
サイト上のスライドショー画像・ヘッダー画像をオリジナルに変更出来ます。
管理画面に記載された推奨サイズで画像を作成してからアップロードしてください。
ファイル名は必ず「半角英数」で作成しましょう!

【備考】アップロードした画像ファイルのURLの取得方法 >

 

3) メニューの設定

メニューの設定

ダッシュボード > 外観 > メニュー

1 – メニューの名前『topnav』で新規メニューを作成します。
2 – メニューに表示したい項目を左欄から選んで「メニューに追加」ボタンを押します。
 (メニューに載せたい「カテゴリー」「固定ページ」は事前に作成しておきましょう!)
3 – 右欄で並び順をドラッグ&ドロップで変更して保存します。

【詳細解説】メニューの詳しい設定方法 >

 

4) ソーシャルアイコンの設定(Twitter・Facebook)

ソーシャルアカウントの設定

ダッシュボード > 外観 > Minimal WPカスタム

テーマに最初からソーシャルアイコンが表示されている場合(デモサイト参照)は、
管理画面からTwitter、Facebookのアカウントを入力するだけで、
ソーシャルアイコンに自動的にリンクが挿入されます。

 

5) ウィジェット(トップページ・サイドバー・フッター)のカスタマイズ

ウィジェットの追加

ダッシュボード > 外観 > ウィジェット

トップページ・サイドバー・フッター等にウィジェットエリアがあるテーマは、
項目をドラッグ&ドロップするだけでお好きなコンテンツが簡単に追加できます。
「テキストウィジェット」はHTML/CSSも使えるので、自由にカスタマイズも出来ます。

*テーマによって対応部分が異なりますので、ウィジェット管理画面でご確認ください。

さらに詳しく「STEP3:トップページの作成方法・記事の投稿方法」で解説します >

 

6) 背景のカスタマイズ

背景のカスタマイズ

ダッシュボード > 外観 > 背景

背景の色はカラーピッカーで選択するだけで簡単に変更出来ます。
また背景画像を配置したりパターンを配置したりも簡単に出来ます。

*テーマによって背景設定が出来ないものもあります

 

7) カテゴリーページのレイアウト変更

カテゴリーの作成

ダッシュボード > 投稿 > カテゴリー

Minimal WPのテーマは、『カテゴリーのスラッグ名』によって、
カテゴリーページ(投稿記事一覧ページ)のレイアウトデザインが変わります。

スラッグとは?
「カテゴリー」または「タグ」を作成する時に、自分で決めるURLになる部分です。
例)http://minimalwp.com/category/xxxxx/(xxxxxがスラッグで自分で決められます)

カテゴリーページのレイアウトが変更できるスラッグ名2種
・スラッグ「gallery」 ⇒ サムネイル画像一覧ギャラリー
・スラッグ「blog」 ⇒ 縦並びの一般的なブログ表示

*全てのカテゴリーが自動的に縦並びブログレイアウトになるテーマや、
ギャラリーレイアウトになるテーマもあります。
テーマによってレイアウトデザインは多少異なりますので、デモサイトを参考にお試しください。

 

【備考】アップロードした画像ファイルのURLの取得方法

b716609e1cb28c2bd5f8cbd254d70d68-618x415

ダッシュボード > メディア > ライブラリ > サムネイルをクリック > 右欄「ファイルのURL」

上記の順番で進むと画像ファイルのURLが取得出来ます。
このURLをコピー&ペーストして、ロゴやスライドショーの画像を変更してください。

メディア機能はWordPressの基本機能ですので(Minimal WP独自機能ではありません)、
詳しい解説は、WP公式ドキュメントを参照してください。
メディア – 画像や動画を投稿に追加する – WordPress Codex 日本語版 >

以上で「オリジナルに衣替え編」は完了です。

STEP3:トップページの作成・ギャラリー画像の表示方法へ >

Posted in Minimal WPテーマの設定方法Comments Closed 

関連記事

今月の人気のワードプレステンプレートBEST 3

WordPressテーマ(スマホ対応レスポンシブデザイン)「Slauson」
公式サイト/マガジン/ビジネス・企業
WordPressテーマ(スマホ対応レスポンシブデザイン)White Studio
ビジネス・企業/コーポレートサイト/公式サイト
WordPressテーマ(スマホ対応レスポンシブデザイン)「Pantomime」
ギャラリー・ポートフォリオ / 公式サイト