WordPress SANGOをカスタマイズしたサイト作成

© fioore

期間

2022年6月〜2022年6月

お仕事概要

デザインデータをもとに、SANGOテーマが適用されたWordPressサイトのカスタマイズを行いました。

お仕事詳細

２、３サンプル記事が作成されていたWordPressサイトに対して、いただいたデザインデータをもとにカスタマイズを行いました。

カスタマイズを行なったテーマはSANGOというテーマです。

SANGO｜心地良さを追求したWordPressテーマ

WordPressテーマSANGOのデモページです。

saruwakakun.design

カスタマイズ内容は主に、トップページ、投稿ページ、一覧ページのテンプレートカスタマイズです。
テンプレートのデザインをデザインデータの通りカスタマイズするという作業でした。

スマホベースのデザインで、下の画像は制作後のサイトになります。（SP表示でのトップページと投稿ページ）

© fioore

トップページの記事一覧はウィジェットとして作成し、表示する記事の「記事数」「表示タイプ」「カテゴリー」などを指定できるように構築しました。

© fioore

以下はウィジェットのイメージ画像となります。
（このウィジェットは当サイトのトップページにある記事一覧のものです。）

一般的なWordPressサイトのカスタマイズでは、直接テンプレートファイルに記事一覧を表示するための処理を記述するため、表示する記事の「カテゴリー」や「記事数」の指定ができないことが多いです。

当方ではカスタマイズ後（１からサイトを作成した場合も含む）の拡張性や自由度を重要視しているため、なるべく管理画面からコンテンツの編集ができるようなサイトの作成に努めています。
これにより、SANGOやCocoonなど人気のWordPressテーマにあるようなコンテンツの表示設定が実現できます。