wordpressをインスタ風クールな写真サイトできるテーマ・For the future使ってみた
2018/03/31
こんにちは、管理人@SS_mshpです。
今回は、インスタグラムみたいな写真メインのレイアウトを、wordpressで実現できるテーマを見つけたので使ってみます。
このブログには合わないかもしれないけど、写真をメインにしていくようなジャンルのサイトなら、かなり効果的と考えられます。さっそく使ってみましょう。
■wpテーマFor the futureの入手方法などについて
このテーマのゲット方法については、公式テーマのページ
https://ja.wordpress.org/themes/for-the-future/
から落とすか、管理画面テーマ新規追加から『For the future』と入力・検索でokです。
ちなみに、開発者については、オフィシャルページがgithub.comにあって日本語でいろいろやりとりがされていたり、copyright表記がWordCamp Kansai 2016(wpのイベントWordCampの関西版)なので、国産じゃないかなと思います。Normalize.cssなどは外国のエンジニアが作っていますが。
■wpテーマFor the futureでの表示のしかた(レスポンシブ)
■PCビュー(写真4列&オーバーレイでタイトル)
このサイトにつけてみました。基本きれいな写真みたいな感じではないから、このサイトには合わなかったけど、インスタグラムでウケそうな業種のサイトにはかなりマッチすると思います(カフェやヘアサロン・飲み屋・アパレルなど、俗にインスタジェニックといわれるジャンル)。
タイトルは最初出ませんが、マウスをのせた時にオーバーレイで上にでます。また、テーマをなにもいじっていないので、ロゴではなく文字でタイトルが表示されました。ここにロゴにかつかうには、カスタマイザーからカスタムヘッダー画像を指定して『unctions.php』の『add_theme_support( ‘custom-logo’)』のところでサイズを指定する感じになりそうです。
■スマホビュー(写真2列&タイトルそのまま表示)
スマホとかの場合は、マウスオーバーどころかそのままタップして次のページにいってしまうので、マウスをのせてオーバーレイみたいな機能が解除されます。見出しとか、マージンとってやると、さらに見やすさがアップしそうです。インスタと違って2列なのは、3列だと文字が小さくなりすぎて、スマホだとちょっとキツいからと考えられます。
また、隣と文字がくっつく感じがあるので、文字を少し小さくするなど、マージンをとると、さらによくなると思います。
■投稿記事ページは1カラムレイアウトに
で、肝心のブログ記事などのページは、1カラムレイアウトにチェンジします。なかなか潔いレイアウトといえます。
■あとがき・まとめ
ちょっとこのサイトのアイキャッチだと、このテーマのポテンシャルは最大に引き出せないような気がしましたが(笑)、インスタっぽい写真サイトを狙うなら、候補に入ってくるテーマです。
写真にくわえ、さらにwordpressのカスタマイズ性とか、プラグインや記事でseoパワーを強化したりもできるので、かなりおススメといえます。
個人的にはbootstrapとかついてるといいなーと思いましたけど(笑)(列の表示とか。しかし特にbootstrapじゃないとできないということはありません。)
【カテゴリ】 - おすすめwordpressテーマ 【タグ】 -
関連記事
-
-
WordPressでヒーローヘッダーを実装できる、カッコいいテーマ・Exoplanet(無料版・有料pro版あり)レビュー・カスタマイザー設定のしかた
今回は、テーマを使って、WordPressでヒーローヘッダーを取り入れた …
-
-
【おすすめWordPressテーマ】Maxwell~シンプル・洗練されたブログメディア向きテーマ・スライダーやレイアウト変更も簡単
今回は、管理人も別サイトで使ってみた、無料WordPressテーマを紹介 …
-
-
【音楽サービス・バンド向けwpテーマ】元バンドマンのweb開発者が、WordPressテーマ『Rock Star』をレビュー
今回は、ネーミング的に音楽サービス・バンドなどに使えそうなWordPre …
-
-
【企業コーポレートサイト向けwpテーマ】Llorix One Liteが会社サイトに使える、4つの理由
今回は、海外wordpressのテーマで『企業コーポレートサイトに使えそ …
-
-
【WPテーマ・飲食向け】restaurant&cafeをカスタマイズして、カフェぽいサイトにしてみる
今回はwordpressサイトで、飲食向けっぽいテーマを試してみます。 …
-
-
ビジネス・会社サイト向けテンプレート(WPテーマ)Wallstreet~カスタマイズ項目豊富・くるくるウィジェット・子テーマなど
今回は、wordpressの海外テーマで、かなりよい感じのものを見つけた …
-
-
ビジネスおススメテンプレート(WPテーマ)~シャープな落ち着いたデザイン&豊富なカスタマイズ機能の『PERTH』
今回は、管理人がワードプレスのサイトを作っているときに、テーマを研究して …
-
-
超カッコいいサイトテンプレート(WPテーマ)・Hestia~印象的なトップページのセッティング
今回は、管理人が適当に検索してて発見した、wordpress用テーマを使 …
-
-
【WPテーマ】カフェ・サロンなどにも合いそうなシンプルスタイリッシュ系stride lite
今回は、ワードプレスの無料テーマで、業種的にはカフェやサロンなどにあいそ …
-
-
【オリジナルワードプレスサイト制作】カスタマイズ向けのシンプルなスターターテーマ紹介
今回は、ワードプレスサイト制作で、オリジナルデザインにカスタマイズすると …