レスポンシブ対応、女性向けブログ用テーマ「Fiore」

ブログ用の無料WordPressテーマ「fiore」のトップページイメージ

    WordPressテーマ情報

  • テーマタイトル:Fiore ver 1.1
  • 作者名:Caroline Moore
  • 言語:英語
  • 用途:ブログ・マガジン, レスポンシブ
  • 価格:無料
  • 配布元最終確認日:2013年8月14日


Wordpressで自由にトップページやランディングページをつくる1日講座
本日は、女性デザイナーによる女性ブロガーのためのWordPress無料テーマ「Fiore」のご紹介で…
デザイン
機能・簡単カスタマイズ
SEO対策

総合評価

本日は、女性デザイナーによる女性ブロガーのためのWordPress無料テーマ「Fiore」のご紹介です。

かわいい色使い・デザイン、シンプルな作り、モバイル対応のレスポンシブデザインが特徴、大きくカスタマイズすることはできませんが、ブログを更新するのはとても簡単でしょう。

テーマ作者のキャロラインさんは、これまで10個以上のWordPressテーマをWordPress公式サイトで配布されています。非常に人気があり、評価も高い方です。

どのテーマも女性らしいデザインと感性で出来ており「女性目線」でWebサイト構築を考える参考になります。

わたしはどうしても機能性とか、カスタマイズ性、実用性といった視点で物事を見てしまうので・・・感性脳をもっと鍛えたいところです(笑)

それではテーマの紹介に入っていきましょう。

目次

  1. テーマの特徴
  2. テーマのデザイン・レイアウト
  3. テーマの導入(インストール〜カスタマイズ)

1.テーマの特徴

  • カスタムバックグラウンド機能:背景色、背景画像(パターン)を変更可能
  • カスタムウィジェット機能:ウィジェットにてサイドバーを設置可能
  • カスタムメニュー機能:ヘッダーにカスタムメニューを設置可能
  • モバイル端末対応レスポンシブデザイン:スマホでもタブレットでも大丈夫!
  • 日本語化ファイル内蔵:テーマをすぐに使えます
  • WordPress公式サイトにて配布:安心できますね

2.テーマのデザイン・レイアウト

◆ 全ページ共通のデザイン

それではまず、テーマのデザインを確認しましょう。基本的にはトップページ含め、全ページ共通のデザインです。

ヘッダーにはサイトタイトルとキャッチフレーズがテキストでそのまま入ります。ロゴアップロード機能はありませんので、ロゴに変更したいという方は自分でテーマファイルをいじらなければなりません。

ヘッダーの下部にカスタムメニュー、左側にスライド式のサイドバーがあります。記事タイトルの背景のリボンの色(柄)は自動で変わります。(3パターン)

ブログ用の無料WordPressテーマ「fiore」のトップページのデザイン

スライド式のサイドバー、上部の「三」をクリックすると開きます。

ブログ用の無料WordPressテーマ「fiore」のサイドバーのデザイン

こちらも全ページ共通のフッター、クレジット表記のみでウィジェットエリアはありません。

ブログ用の無料WordPressテーマ「fiore」のトップフッターデザイン

個別の投稿ページもありますが、基本的なデザインは全て同じとなります。

3.テーマの導入(インストール〜カスタマイズ)

◆ テーマのダウンロード〜インストール

それではテーマの導入方法について見ていきましょう。

WordPressのテーマファイルはコチラのページからダウンロード。そのファイルをWordPressダッシュボードからインストールし、有効化します。

ダッシュボード > テーマ > 新規追加 > テーマの有効化

ちなみにテーマインストール直後はこんな感じで何もありません。当然ですが。。

free-wordpress-theme-for-blog-fiore-how-to-setup-01

◆ 背景のカスタマイズ

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

背景のカスタマイズは色の変更と背景画像の設定ができます。表示オプションから画像の調節もできます。

ブログ用の無料WordPressテーマ「fiore」の背景のカスタマイズ方法

◆ ヘッダーメニューのカスタマイズ

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

サイトのヘッダーメニューをカスタマイズします。メニューはサイドバーの中に入れるという方は、このステップは不要ですね。

ブログ用の無料WordPressテーマ「fiore」のメニューのカスタマイズ方法

◆ ウィジェット・サイドバーのカスタマイズ

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

サイドバーの編集はこちらから。

ブログ用の無料WordPressテーマ「fiore」のウィジェットのカスタマイズ方法

これにてテーマのセットアップは完了!テーマのダウンロード〜インストールときて「導入」がほんとうに簡単です。あとは通常通りブログを更新していくだけですね。

シンプルなテーマなのでマニュアル類はありませんが、困ったことがあったらテーマ配布ページ、もしくはWordPress公式サイトのコメント欄から質問をすることができます(英語ですが)。

ただ、比較的スンナリ導入できるテーマだと思いますので、気に入った方は気軽に導入されてみるのもよいかもしれません。

こちらのテーマもおすすめです。女性ブロガーの為のかわいらしい上品なデザイン「ADELLE」

  • このエントリーをはてなブックマークに追加

コメントを残す

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>