wordpressスマホ対応サイト・wpプラグイン・検索体験最適化・SNS・ 動画・bgmやテーマ曲を駆使して、リアルビジネスへの集客を達成するためのコラム!

   

wordpress屋のマルチメディアコンテンツ制作読んどけ☆コラム

超カッコいいサイトテンプレート(WPテーマ)・Hestia~印象的なトップページのセッティング

      2018/04/29

こんにちは、管理人@SS_mshpです。

今回は、管理人が適当に検索してて発見した、wordpress用テーマを使ってみます。

タイトルは『Hestia(ヘスティア)』。ギリシャ神話やロープレに出てきそうな名前ですが、デザインはかなりカッコいい感じ。さっそくつかってみます。

■WPテーマHestiaの主な機能・特長

■超スタイリッシュ・カッコいい!


機能というよりは特長ですけど、テーマ紹介ページの時点ですでにカッコいいオーラが出ています。
アイコン3列表示は、専用プラグインやcolクラスレイアウトで対応。もちろんスマホ用にレイアウト変動もOKです。

■bootstrapのcolクラスが使える!


CSSの部分をのぞいてみました。bootstrap(CSSのフレームワーク)で使われるcolクラスが書いてあります。
つまり、これを組み合わせて『基本1列で、セクションに応じて2列・3列・4列』みたいに、レイアウトが自在に組めるわけです。

■圧倒的に高機能なカスタマイザー


管理人は普段からカスタマイザーは使わない派なんですけど、Hestiaはカスタマイザーの機能がかなり充実していました。専用プラグインも組み合わせることにより、CSSやphpやらなくても、かなり作り込むことができます。

■Hestiaのフロントページを、カスタマイザーで調整してみる

Hestiaには、フロントページを任意の固定ページにした場合出力される『1カラムページ』のエディットを、カスタマイザー上で行うことができました(ブログ一覧をフロントページにしたときは出ないようです)。
トップ1カラムページ&下層ページブログみたいなイメージで進めてみます。

■ヒーローヘッダーのような、大きめ画像利用ヘッダー


フロントページの大きい画像ヘッダーは、カスタマイザー上で変更できます。デフォルトでは海外のInstagramにありそうな、くまちゃん画像になっています。サイズはこれにあわせると良さそうです(フォトショップなどで文字入れする場合も、このサイズにあわせて配置するといいかもです)。

■フロントページで自己紹介したい場合の『私たちについて』


1ページである程度紹介してしまいたい場合に使える『私たちについて』というのも、カスタマイザーで。
全部ここに書いてしまって、プロフィールという題目作り、『ページ内リンク&グローバルメニューに配置』とやっても、会社コーポレートサイトみたいに使えてよいでしょう。

■お問い合わせ部分も、プラグイン&カスタマイザーで


メールや所在なども、カスタマイザー上からで。専用のメールフォームプラグインがありました。所在などを書く部分は、HTMLが表示されたようですが、コードはこの部分だけなので、少しwebサイトを作ったことがある方なら大丈夫でしょう。

■あとがき・まとめ

『固定フロントページに出力されるヘッダーのイメージが大きすぎる(おそらくビューポートで縦9割くらい)』という難点がありましたが、全体的にスタイリッシュ&高機能で、日本の有料WPテーマを食ってしまう勢いでした。

CSSなどを書き換えるのはクセがあって難しいとはいえ、そのままでもかなり使えるので、ぜひご検討ください。

*アトリエSS・web制作サービスページに移動します。webリニューアル・ロゴ・記事・wordpress化などでお力添えできます。

【カテゴリ】 - おすすめwordpressテーマ 【タグ】 - ,

Message

メールアドレスが公開されることはありません。

  関連記事

ビジネスおススメテンプレート(WPテーマ)~シャープな落ち着いたデザイン&豊富なカスタマイズ機能の『PERTH』

今回は、管理人がワードプレスのサイトを作っているときに、テーマを研究して …

wordpressをインスタ風クールな写真サイトできるテーマ・For the future使ってみた

今回は、インスタグラムみたいな写真メインのレイアウトを、wordpres …

【WPテーマ・飲食向け】restaurant&cafeをカスタマイズして、カフェぽいサイトにしてみる

今回はwordpressサイトで、飲食向けっぽいテーマを試してみます。 …

【企業コーポレートサイト向けwpテーマ】Llorix One Liteが会社サイトに使える、4つの理由

今回は、海外wordpressのテーマで『企業コーポレートサイトに使えそ …

ビジネス・会社サイト向けテンプレート(WPテーマ)Wallstreet~カスタマイズ項目豊富・くるくるウィジェット・子テーマなど

今回は、wordpressの海外テーマで、かなりよい感じのものを見つけた …

【オリジナルワードプレスサイト制作】カスタマイズ向けのシンプルなスターターテーマ紹介

今回は、ワードプレスサイト制作で、オリジナルデザインにカスタマイズすると …

【音楽サービス・バンド向けwpテーマ】元バンドマンのweb開発者が、WordPressテーマ『Rock Star』をレビュー

今回は、ネーミング的に音楽サービス・バンドなどに使えそうなWordPre …

【WPテーマ】カフェ・サロンなどにも合いそうなシンプルスタイリッシュ系stride lite

今回は、ワードプレスの無料テーマで、業種的にはカフェやサロンなどにあいそ …