サイトの用途によって、着せ替えが簡単に出来るWordpressって、

やっぱり、すごいな～と感じる＠Toroこと（小澤朋子）です。

WordPressは、本来ブログ作成ツールとして、発達してきましたよね。

なので、ほとんどの無料テーマは、TOPページという概念がないため、

ブログ記事の一覧ページが、表示されるテーマが多いと思います。

また、Wordpressは、個人でも手軽に自分のサイトを、作成できるツールとして有名になってきているので、

最近の傾向として、Wordpressで自分のサービスを売る（企業・自営）サイトを作成する人が多くなってきています。

そのため、TOPページも、おしゃれでかっこいいテーマが多くなってきているのも感じます。

今回お勧めするテーマは、TOPページがランディングページ風で、自分のサービスが簡単に載せることができて、

おしゃれでかっこいいテーマ「Zerif」シリーズをお届けします！

シロクマ先生
サイトは、やっぱ見た目も大事だよね！



Zerifシリーズって？

Zerifは、Wordpress公式テーマの名前です。

シリーズと呼んでいるのは、Zerifを基準として、スキン（着せ替えテーマ）子テーマが、5つ存在しているからです。

テーマ名「Zerif」とは？

このテーマの特徴は、TOPページがランディングページのように

自分のサービス内容などを1ページに集約できるテーマです。

そのため、TOPページのみで、提供できるサービスへのリンクを設置していくだけで、

初心者には非常に、使い勝手の良い、わかりやすいテーマになっています。

ここまでは、よくあるテーマの説明ですが。。。

あ～素敵！

といって、実際テーマを装着してみて、設定をしようとすると！

そうそう。。英語なんですよね。。

横文字に対してアレルギーな人には、持って来い！

シロクマ先生
でも、中のほうが英語と日本語が
混ざってるんです。。

 

zerif

管理画面⇒　外観⇒　カスタマイズ

ここで、TOPページに表示される内容の設定が可能です。

zerif-customizer

シロクマ先生
順に、Zerifシリーズを紹介していきます！

Zerif子テーマ「Zblackbeard」

基本形はZerifをそのまま使い、ブラックとブルーを基調とした、Coolでかっこいいテーマですね。

zblack-beard

＞＞デモサイトはこちらから。

シロクマ先生
うーーん、おしゃれでかっこいい！

Zerif子テーマ「ResponsiveBoat」

基本形はZerifをそのまま使い、ブラックと、イエロー基調とした、ダイナミックでかっこいいテーマですね。

ResponsiveBoat

＞＞デモサイトはこちらから。

シロクマ先生
ほおーう、ダイナミックでかっこいい！

Zerif子テーマ「OnePirate」

基本形はZerifをそのまま使い、さわやかなでナチュラルで、落ち着いたおしゃれなテーマですね。

OnePirate

＞＞デモサイトはこちらから。

シロクマ先生
わぁ～、いい感じのテーマですね。

Zerif子テーマ「Zerius」

基本形はZerifをそのまま使い、ブラックとオレンジで、都会的なかっこいいテーマですね。

Zerius

＞＞デモサイトはこちらから。

シロクマ先生
おお～、都会的でかっこいいテーマですね。

Zerif子テーマ「Zifer Child」

先ほどの形と、雰囲気が違いますね。

フォトギャラリー風な作りのようですね。

しかし、子テーマとしての提供されているので、基本形はZerifです。

Zifer Child

 

＞＞デモサイトはこちらから。

シロクマ先生
お～。なんか、今までと違う雰囲気で、いいですね



ZerifのTOPページの設定方法とは？

では、早速TOPページの内容を入れていきます。

管理画面　⇒　外観　⇒　カスタマイズをクリックしてください。

一般設定

ここで設定できること

  1. 一般
    画面スクロール時の動きの制御・コピーライト表示
  2. フッター　ソーシャルアイコン
    SNSのURLの設置
  3. フッター　コンテンツ
    アドレス・メール・TELの登録

 

zerif一般設定

大きなタイトルセクション

ここで設定できること

  1. メインコンテンツ
    大きな画面のボタンやエフェクト設定
  2. パララックス効果の設定
    画像を効果的に見せる画像設定

main-setting

 

フォーカスセクション

スクロールして最初のコンテンツは、機能紹介の部分です。

ここで設定できること

  1. コンテンツのタイトルと説明
  2. 見て欲しい内容やカテゴリー一覧など、そのページの抜粋表示です。
  3. ウィジェット追加で、幾つでも追加可能です。
    タイトル・画像・抜粋文の設定（画像：正方形／70px以内）

zerif-機能追加

 当社についてセクション

さらに、スクロールすると、テキスト系の紹介コンテンツです。

ここでは、自分のサービス内容と、右側の数値での表現が可能なので、数値化できるサービスは目を引くと思います。

ここで設定できること

  1. タイトルと説明文の変更
  2. 数値化したい項目を入力していく。
  3. 黒い部分のコンテンツの下にさらに、ウィジェットで追加できる内容を追加表示させることが可能です。

zerif-当社について

 

チームセクション

その下をさらに、スクロールすると、メンバーの紹介用のコンテンツです。

ここでは、スタッフが分かりやすいしように、それぞれ人の紹介やSNSリンクを設定できます。

ここで設定できること

  1. タイトルと説明文の変更
  2. 見て欲しい内容やカテゴリー一覧など、そのページの抜粋表示です。
    名前・画像・抜粋文・SNSの設定（画像：正方形／170px~300px以内）
    ※設定方法は、フォーカスセクションとほぼ同じです。

zerif-チームセクション

推薦文セクション

 

その下をさらに、スクロールすると、推薦文と表示されたコンテンツです。

ここでは、お客様の声などの反映に利用できます。

ここで設定できること

  1. タイトルと説明文の変更
  2. お客様名やその声をテキストで表示させ、記事へのリンクも追加できます。
    名前・画像・抜粋文の設定（画像：正方形／100px以内）

zerif-推薦文

リボンセクション

ここでは、TOPページ内に、上記で設定したコンテンツの隙間にボタンリンクを挿入させる機能です。

ここで設定できること

  1. ボタン下リボンは、リボン１の場所へボタンの追加
  2. 右ボタンリボンは、リボン2の場所へボタンの追加

 

zerif-リボン

シロクマ先生
こういう機能って、うれしいね(^-^)/

最新ニュースセクション

ここでは、投稿記事の最新順に横4列に並びます。

記事のアイキャッチが表示されます。

ここで設定できること

  1. 表示タイトルと説明文の追加

 

zerif-news

お問い合わせセクション

ここでは、お問合せ用のプラグインを追加しないくても、テーマ用のプラグインでお問い合わせフォームが常備されています。

ここで設定できること

  1. お問い合わせフォームの設定

zerif-contact

シロクマ先生
おおー。至れり尽くせりだね！


まとめ

かっこいい無料テーマ「Zerifシリーズ」

  • Zerif（基本：親テーマ）
  • Zblackbeard（ブラック×ブルー）
  • ResponsiveBoat（ブラック×イエロー）
  • OnePirate（さわやか系）
  • Zerius（ブラック×オレンジ）
  • Zifer Child

WordPressサイトで、無料テーマなのに、おしゃれでかっこいいテーマがあるなんて！

と思ったあなた！

是非、試してみてください！

「Zerifシリーズ」こんな人に使ってほしい！

  • WordPress初心者。
  • 記事数が少ないけど、サービスを見せたい人。
  • 個人企業主で、まず、サイトがほしい人。
  • 1ページで自分のサービスを見てほしい人。
    （ランディングページ風）

この無料テーマで、ランディングページ風のサイト作っちゃいましょう！

無料テーマでも、文章が読まれやすいテーマについても書いています↓

Toroノマド
 
2017.02.10
日本製がいいね！Wordpress初心者のおすすめ無料テーマ5選（日本語対応）
https://triz-web.com/toronomado/5selects-free-theme/
最近、無料のなのに高機能でデザインも素敵なテーマが増えたなって思う＠Toroこと（小澤朋子）です(^-^)/Wordpressでサイト作成している人の多くは、まず無料テーマでいろいろ試している人って多いですね。無料なのにいろんな機能が付いているので、工夫次第でアクセスも集められ、素敵なデザインに変更できますよね。無料テーマと有料テーマって大きく違うことは、有料テーマは、プラグインなど入れなくても、すでに様々機能が付いているのが魅力。そして、無料テーマは、とりあえずWordpressってどんな感じなのかとか、カスタマイズ...
シロクマ先生
このテーマに乗り換えようかな。。




The following two tabs change content below.
アバター画像
Twitter のプロフィールFacebook のプロフィールMy Instagram profile

小澤朋子

Webを活かす方法や利用する方法をお伝えしています！ このブログでは、働き方改革も含め、新しい価値観やライフスタイルを通じて、誰かの役に立てればと考えています(^-^)/