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

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

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

Simple DaysSimple Days は無料のレスポンシブ WordPress ブログテーマです。訪問者は、様々なデバイスを使っています。モバイルファーストを第一にデザインしました。そのためスマートフォンのユーザビリティを向上させています。もちろん、他のデバイスも反応します。さらにカスタマイザーでデザインを変更可能です。Google フォントは800種類以上。右、左のサイドバーか無し。Gutenberg に対応。現在日本語の翻訳に対応しています。カスタムホームページでウィジェットを追加できます。プラグインの YAHMAN Add-ons を使用すると、ページビュー、Google アドセンス、アナリティクス、SNS のリンク、プロフィール、目次、関連記事、サイトマップ、SEO、JSON-LDを使用した構造化データ、OGP、ブログカード、Twitter タイムライン、Facebook タイムライン、カルーセルスライダーを使用することができます。子テーマ Simple Days Plus もあります。是非試してみてください。
(36)
Simple Days ja.wordpress.org
Simple Days

スマホ、パソコンどちらでもOKなレスポンシブデザインです。

子テーマ

Simple Days PlusSimple Days PlusはSimple Daysの子テーマです。Simple Days は無料のレスポンシブ WordPress ブログテーマです。訪問者は、様々なデバイスを使っています。モバイルファーストを第一にデザインしました。そのためスマートフォンのユーザビリティを向上させています。もちろん、他のデバイスも反応します。さらにカスタマイザーでデザインを変更可能です。Google フォントは800種類以上。右、左のサイドバーか無し。Gutenberg に対応。現在日本語の翻訳に対応しています。カスタムホームページでウィジェットを追加できます。プラグインの YAHMAN Add-ons を使用すると、ページビュー、Google アドセンス、アナリティクス、SNS のリンク、プロフィール、目次、関連記事、サイトマップ、SEO、JSON-LDを使用した構造化データ、OGP、ブログカード、Twitter タイムライン、Facebook タイムライン、カルーセルスライダーを使用することができます。是非試してみてください。
(3)
Simple Days Plus ja.wordpress.org
Simple Days Plus

色々カスタマイズしたい方は子テーマを用意しましたので、
こちらを導入してからカスタマイズをお楽しみください。

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

親テーマを編集するより、子テーマを編集する方がリスクが少ないです。

デモサイト

Simple Days | デモサイト
 simple-days.back2nature.jp
Simple Days | デモサイト

デモサイト作ってみました。
ほぼ初期設定のままです。

TOP PAGEプラグインYAHMAN Add-onsのウィジェットを利用して、 カスタムホームページに活用しています。
 simpledays.wp.xdomain.jp
TOP PAGE

こっちはカスタマイザーで色々変更したバージョン

動作不具合時にお試し下さい

WordPressのテーマやプラグインが動かないときに試すことテーマやプラグインを作成して公開していますが、それらが動作しないお問い合わせがあります。 こちらで紹介する方法で、解決する場合が多いです。 (つ…
WordPressのテーマやプラグインが動かないときに試すこと tips.back2nature.jp
WordPressのテーマやプラグインが動かないときに試すこと

サポートフォーラム

[Simple Days] Support | WordPress.orgNewsShowcaseHostingExtendThemesPluginsPatternsBlocksOpenverse ↗︎LearnLearn WordPressDocumentationForumsDevelopersWordPress.tv ↗︎CommunityMake WordPressPhoto DirectoryFive for the FutureEventsJob Board ↗︎AboutAbout WordPressEnterpriseGutenberg ↗︎Swag Store ↗︎Get WordPressSearch in WordPress.orgGet WordPressSkip to contentSupport
[Simple Days] Support | WordPress.org wordpress.org
[Simple Days] Support | WordPress.org
やーまん
やーまん

カスタマイズの組み合わせ方法が多いので、全ての方法でデバッグしていません。
お気づきの点がありましたら、どうぞよろしくお願いいたします。

個別のカスタマイズに関しましては、有償で対応しています。
サポートフォーラムへ書き込まれても、基本的には対応していませんので、ご了承ください。

無償対応していると時間泥棒的な方が多かったので、無償対応は止めました。

ユーザーガイド

Simple Dayshttps://docs.back2nature.jp/simple-days/customize/ https://docs.back2nature.jp/simple-days/customize-index-date/ https://docs.back2nature.jp/s…
Simple Days docs.back2nature.jp
Simple Days

Simple Days作成あれこれ

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

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

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

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

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

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

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

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

カスタマイザーは再読み込みを少なくし、なるべく即時適応を出来る様にしています。
が、結果的に沢山Javascriptのコードを読み込む必要が出てきたので、フロントエンド側には影響ないのですが、検討項目に入りますねぇ。

それと関連記事など必要そうな拡張機能を複数入れたプラグインが公式プラグインとして登録済みです。

YAHMAN Add-onsYAHMAN Add-onsは複数の機能があります。
(2)
YAHMAN Add-ons ja.wordpress.org
YAHMAN Add-ons

拡張機能をプラグインに頼るメリットとしては、テーマを変更しても、引き続き拡張機能を利用できる点です。

他にもテーマを作成しているので、気分によってテーマを切り替えても、直ぐに使えるのが良いですね。

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

テーマ