Melody

最終更新日:2015-12-11

2015-10-26 at 16.15

テーマの解説  Melody Theme — WordPress Themes for Blogs at WordPress.com
デモ  Melody | A theme with rhythm and harmony.
価格 $69(2015-10-26現在)
レンタルサーバ等にインストールして使うタイプの WordPress 用テーマの解説等  Melody • Nudge Themes
サポートページ(英語) Melody « Premium Theme Support
テーマの制作者 

テーマ「Melody」の背景/特徴

2カラムまたは3カラムのタイル・グリッド形式のサイトを作成することができます。

2015-10-26 at 16.20

iPhone 等にも対応しているレスポンシブデザイン設計のテーマです。

2015-10-26 at 16.23

 

外観設定のバリエーション

カスタマイズ → テーマオプション」の「Intro text」のところで、サブタイトルを設定したり、その配置を調整したりすることができます。

Screen Shot 2015-10-26 at 16.48.03

カスタマイズ → テーマオプション」の「Post Grid」のところで、投稿記事のアーカイブ表示の列数を2列または3列にすることができます。

Screen Shot 2015-10-26 at 16.49.50

4つのウィジェットエリアがあります。

2015-10-26 at 16.25

(フロントページのみ)

2015-10-26 at 16.26

(投稿記事のみ)

サイドバーのウィジェットエリアは、投稿記事の個別表示のみで表示され、また、「カスタマイズ → テーマオプション」の「Post sidebar position」のところで、非表示にしたり、サイドを変更したりすることができます。

2015-10-26 at 16.33

1つのメニューエリアがあります。

2015-10-26 at 16.34

ソーシャルアイコンはウィジェット「カスタムメニュー」を使って、フッターに設置することができます。 1

2015-10-26 at 16.38

ロゴ画像を追加することができます。

Screen Shot 2015-10-26 at 16.39.48

カスタマイズ → おすすめコンテンツ」のところで、フロントページの上部におすすめ投稿を3つ、表示することができます。

Screen Shot 2015-10-26 at 16.40.55

背景を変更することができます。背景色に応じて文字色が反転します。

Screen Shot 2015-10-26 at 16.45.00

記事設定のバリエーション

アイキャッチ画像

記事にアイキャッチ画像を設定すると、アーカイブ表示等のときにアイキャッチ画像が以下のような感じで表示されます。

アーカイブ表示

2015-10-26 at 20.05

固定ページまたは投稿記事の個別表示

テーマ固有のタグ

「drop-cap」という CSS クラスを使うと先頭の文字を大きくすることができます。

「sub-heading」という CSS クラスを使うと、全体的に文字を大きくすることができます。

「extra-wide-image」という CSS クラスを使うと、画像をはみ出させて表示させることができます。

なお、サイドバーがある状態では、以下のようにサイドバーと重なってしまう場合があるので、

2015-10-26 at 20.29

この CSS クラスを使う場合には、サイドバーのない設定にする必要があります。

2015-10-26 at 20.30

comemoarrow

2015-10-26 at 20.35

#2015