【WordPress】シンプルなレスポンシブテーマSimple Days

WordPressのオリジナルテーマを作成しました。

WordPress公式のテーマとして登録されてます。

Simple Days | WordPress.org Theme Directory
 wordpress.org

スマホ、パソコンどちらでもOKなレスポンシブデザインです。
当サイトもこのテーマで運用中。

子テーマ

Simple Days Plus | WordPress.org Theme Directory
 wordpress.org

色々カスタマイズしたい方は子テーマを用意しましたので、
こちらを導入してカスタマイズをお楽しみください。
こちらもWordPress公式のテーマとして登録されてます。

デモサイト

Simple Days DEMO このサイトはデモです。知ってました?
 simpledays.wp.xdomain.jp

デモサイト作ってみました。

サポートフォーム

[Simple Days] Support | WordPress.org Support
 wordpress.org

何かご不明な点やバグ報告がありましたらWordPressのサポートフォームへお願いいたします。

マニュアル

カスタマイズ方法

Simple Days作成あれこれ

制作者の通信環境が貧弱な事もあって、
JavaScriptとCSSをコテコテに使ったサイトは
表示までに凄く時間がかかります。

そんな訳で高速化を目指しこのテーマを作り出した当初はフルAMPで作成していました。
でもそれでは公式テーマに通らない事が分かったので断念。

その延長で基本的にJavaScriptをなるべく使わない事と
CSSは50kb以下にする事を目標にしています。
ハンバーガーメニューやドロップダウンメニューもCSSでやっつけてます。

FontAwesomeはしばらく5を採用していましたが、0.2.4より4にグレードダウン。
理由はファイルサイズがデカイ事でした。
4に切り替え後も使わないアイコンが多いことが気になって、
使う物だけ抜粋する形で採用しています。

地味にそんな事をやってサイトスピードアップを図り、
当サイトはGoogleのPageSpeed Insightsでは90点以上になります。

当サイトは速度面では期待できない格安サーバーをお借りして運営していますが、
それでも90点以上出ているので、まずまずの手応えです。

このテーマを使用されているユーザーさんが少しずつ増えていますので、
カスタマイズ機能を増やしつつ、
お手軽に見た目のカスタマイズが出来るようにしています。

なるべくシンプルにと思っていましたが、
いつの間にか色々オプション類が増えてしまい、
果たしてSimple Daysなのかは疑問^^;

そのためプラグインを作って0.9.68よりオプション機能を分離しました。
これでテーマだけだとかなり軽い仕上げです。

ちなみにそのプラグインも公式プラグインとして登録済みです。

YAHMAN Add-ons YAHMAN Add-ons has Multiple functions.Pageviews,Google Adsense,Analytics,Social,Profile,Table of contents,notice,sitemap,OGP,Blog card,Twitter timelin …
 ja.wordpress.org

このプラグインでAMPにも対応しています。

とまぁアレコレ書いてみました。

是非フォローしてください

最新の情報をお伝えします

  • やーまん
  • 山奥に移住し、のんびり暮らしています。
    日々の事で感じた事や考え方などを備忘録として残しています。