webコンテンツを徹底強化!WordPressサイト制作とプラグイン&テーマ情報・メンテ/エラー対応から、PHP/CSS/javascript、動画・音・イラスト等制作まで扱うコラム
マルチメディアコンテンツ制作読んどけ☆コラム

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

      2021/02/16

今回は、インスタグラムみたいな写真メインのレイアウトを、wordpressで実現できるテーマを見つけたので使ってみます。 wordpressをインスタ風クールな写真サイトできるテーマ・For the future このブログには合わないかもしれないけど、写真をメインにしていくようなジャンルのサイトなら、かなり効果的と考えられます。さっそく使ってみましょう。

■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列&オーバーレイでタイトル)

PCビュー(写真4列&オーバーレイでタイトル) このサイトにつけてみました。基本きれいな写真みたいな感じではないから、このサイトには合わなかったけど、インスタグラムでウケそうな業種のサイトにはかなりマッチすると思います(カフェやヘアサロン・飲み屋・アパレルなど、俗にインスタジェニックといわれるジャンル)。

タイトルは最初出ませんが、マウスをのせた時にオーバーレイで上にでます。また、テーマをなにもいじっていないので、ロゴではなく文字でタイトルが表示されました。ここにロゴにかつかうには、カスタマイザーからカスタムヘッダー画像を指定して『unctions.php』の『add_theme_support( 'custom-logo')』のところでサイズを指定する感じになりそうです。

■スマホビュー(写真2列&タイトルそのまま表示)

スマホビュー(写真2列&タイトルそのまま表示) スマホとかの場合は、マウスオーバーどころかそのままタップして次のページにいってしまうので、マウスをのせてオーバーレイみたいな機能が解除されます。見出しとか、マージンとってやると、さらに見やすさがアップしそうです。インスタと違って2列なのは、3列だと文字が小さくなりすぎて、スマホだとちょっとキツいからと考えられます。

また、隣と文字がくっつく感じがあるので、文字を少し小さくするなど、マージンをとると、さらによくなると思います。

■投稿記事ページは1カラムレイアウトに

投稿記事ページは1カラムレイアウトに で、肝心のブログ記事などのページは、1カラムレイアウトにチェンジします。なかなか潔いレイアウトといえます。

■あとがき・まとめ

ちょっとこのサイトのアイキャッチだと、このテーマのポテンシャルは最大に引き出せないような気がしましたが(笑)、インスタっぽい写真サイトを狙うなら、候補に入ってくるテーマです。

写真にくわえ、さらにwordpressのカスタマイズ性とか、プラグインや記事でseoパワーを強化したりもできるので、かなりおススメといえます。

個人的にはbootstrapとかついてるといいなーと思いましたけど(笑)(列の表示とか。しかし特にbootstrapじゃないとできないということはありません。)


【カテゴリ】 - wordpressテーマ情報
【タグ】 -

  関連記事

【WordPress】コーポレート&ブログ併設向きの、固定ページ1カラム・投稿2カラムレイアウトを切り替えるテーマ

今回は、このサイト(マルチメディアコンテンツ制作 読んどけコラム ...

Twenty Twenty-Oneの表示のしかた・速度・機能・カスタマイズ方法などを徹底チェック【WordPress5.6テーマ】

今回は、2020年12月8日にWordPressが5.6にアップ ...

【お洒落1ページ型無料WPテーマ】onepressを使ってみてレビュー・特徴やカスタマイズ時のポイント

今回は、WPテーマを調査していて見つけた、良い感じの1ページ型テ ...

WordPress 5.3からついてくる2020基本テーマ『Twenty Twenty』、表示の仕方・速度・カスタマイズ方法などを徹底チェック

今回は、2019年11月12日にリリースされたWordPress ...

【WordPress2019公式テーマ】Twenty Nineteenってどう?→文字デカすぎ&PCも1カラムは難点・ブロックエディタとの親和性はok

今回は、WordPressバージョン5以上に更新したら勝手につい ...

WordPressでヒーローヘッダーを実装できる、カッコいいテーマ・Exoplanet(無料版・有料pro版あり)レビュー・カスタマイザー設定のしかた

今回は、テーマを使って、WordPressでヒーローヘッダーを取 ...

【おすすめWordPressテーマ】Maxwell~シンプル・洗練されたブログメディア向きテーマ・スライダーやレイアウト変更も簡単

今回は、管理人も別サイトで使ってみた、無料WordPressテー ...