Affinity

最終更新日:2016-06-26

2016-04-26 at 9.56.png

テーマの解説  Affinity Theme — WordPress Themes for Blogs at WordPress.com
更新情報   新テーマ: Affinity と Shoreditch — WordPress.com ニュース|2016-06-16   (
New Themes: Affinity and Shoreditch — WordPress.com News|2016-04-28)
デモ William & Katherine – “Love recognizes no barriers. It jumps hurdles, leaps fences, penetrates walls to arrive at its destination full of hope.” — Maya Angelou
レンタルサーバ等にインストールして使うタイプの WordPress 用テーマの解説等 以下のリンク先よりテーマの zip ファイルをダウンロードすることができます。

2016-04-26 at 9.57.png

制作者  

2015-12-09 at 19.43.jpg

Caroline Moore (Automattic)

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

1ページサイトを作成することができます。

William & Katherine – “Love recognizes no barriers. It jumps hurdles, leaps fences, penetrates walls to arrive at its destination full of hope.” — Maya Angelou

右側にリンク付きの目次が表示されます。

2016-04-26 at 11.03

カスタマイズ → テーマオプション → 一般」の以下のところで

2016-04-26 at 10.13.png

スクロールするとともに背景画像等を一緒にスクロールさせるかどうかを選択することができます。

2016-04-26 at 10.16.png

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

2016-04-26 at 10.04.png

 

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

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

2016-04-26 at 10.19.png

2016-04-26 at 10.17.png

サイドバーのウィジェットエリアを空っぽにすると1カラムになります。

2016-04-26 at 10.41.png

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

2016-04-26 at 10.42.png

1つのソーシャルアイコンエリアがあります。

2016-04-26 at 10.42.png

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

2016-04-26 at 10.45.png

ヘッダー画像を追加することができます。 1

2016-04-26 at 10.47.png

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

2016-04-26 at 10.49.png

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

テンプレート

3つのテンプレートが準備されています。

2016-04-26 at 10.50.png

デフォルトテンプレート

2016-04-26 at 10.50.png

Full Width, No Sidebar

テンプレート「Guestbook」を使うと、コメントを追加することによりメンバー表等を作成することができるようです。

アイキャッチ画像

記事にアイキャッチ画像を設定すると、記事の個別表示のときにアイキャッチ画像が全画面表示されます。

2016-04-26 at 11.10.png

スクロールするとその下に記事の内容が表示されます。

2016-04-26 at 11.10.png

 

その他のカスタマイズ(色等)・CSS 編集のバリエーション

 カスタマイズ:色


  1. 固定ページ等にアイキャッチ画像が設定されていないときに適用されるようです。 

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。