【WordPress】インスタ風１カラムレイアウト【luxeritasデザインファイル】

2020.03.222021.07.04WordPress

概要

このデザインファイルの特徴

*halcoya愛用のWordPressテーマ「Luxeritas」に搭載されているデザインファイルという機能を使用したテンプレートです。
インスタ風（ブラウザ表示時）の見た目で超シンプルなので、イラストサイトや写真サイトを運営したい方に向いているんじゃないかと思います。

マウスオーバー時の挙動は当サイトのポートフォリオがほぼ同じ動きなので、確認してみてください。（追記）スマホ閲覧時のポートフォリオは２列ですが、In stlikeは１列表示です。

インスタ風にするには前提として、サムネイルをスクエア型（300×300px以上）にする必要があります。もちろんスクエア型に拘る必要はないので、お好みのサイズにして見た目をカスタマイズしてください。

CSS内に注記を記載したので、いじれる方はご自由にどうぞ。
Luxeritasの導入方法やデザインファイルの読み込み方はLuxeritasの公式ページなどの他、詳しいブログ記事が沢山ありますのでそちらへお願いします。

WordPressはカスタマイズするとちょっと大変なので、デザインに気を取られず気軽に個人サイトを作る一助になれば幸いです。

Luxeritasと作者のるなさんに感謝を！

zipファイルを他の人に配らないでください。
二次配布、無断転載はしないでください。
代わりにこのページのアドレスを教えてあげてください。

Information

Version : 1.0
公開日：2020/03/22

ファイルはDropBoxに置いています。クリックするとすぐにダウンロードが始まります。

以下の画像のように、デザインファイルのCSSを変更することで可能になります。

129行目の426pxという部分を359px（又はそれ以下の数値）に変更すると２列表示になります。

３列または４列にしたい場合は、さらに50%という部分を33.33%または25%に変更してください。