WordPressのテーマのデモを見て自分のサイトでもすぐに同じようにできると思っていたけど、実際に切り替えてみたら、いろいろと設定をしてみても一向に同じようにならないなんて経験ありませんか?
これはそのテーマを使用した上で、きれいに見える、高機能だと感じるようにカスタマイズしたものがデモとして公開されているからで、致し方ないのかも知れません。
このサイトをご覧になって同じような思いをされないよう、現在における本サイトのカスタマイズ内容を公開しておきます。
HA Canvasテーマ自体のカスタマイズ
このサイトは、投稿や固定ページ本文内のブロック個別に行っている色やスタイルの変更と、固定フロントページ(トップページ)用にテンプレートを追加している以外、HA Canvasのテーマ自体に何のカスタマイズはしておらず、このテーマと共に私が開発・配布をしている「Hima Art Utility」の機能を使って以下の表現をしています。
- スクロールに応じて画面右下に表示される「画面上部へ戻る」「トップページへ戻る」ボタン
- スクロールに応じて画面上部に表示される固定ヘッダー
- ページ内の特定のH2見出しに追加される画面上部へ戻るリンク
- ページ内に登録されているタグと同じ文字列がある場合にタグアーカイブへのリンクを張る機能
- ページ内に特定の文字列がある場合に自動でリンクを張る機能
- その他ショートコードなどで表示させるもの(フッター下のクレジット表記など)
- その他ページ内のブロックに対するスタイルや機構(ブロックスタイル)
また背景画像についても、HA Canvasに標準で搭載しているデザインの着せ替え機能(スタイルバリエーション)の中にある「HA Bird」というスタイルを適用させているだけで、特に特別な処置はしていません。
追加しているプラグインやコード
使用しているプラグイン
このサイトは「HA Canvas」テーマと以下のプラグインのみで動作しています。
- Hima Art Utility・・・私が独自に作成したユーティリティプラグイン
- HA My Functions・・・子テーマの代わりにカスタムコードを追加するために私が作成したプラグイン
- Imsanity・・・アップロードした画像の大きさを自動でリサイズするためのプラグイン
- Optimize Database after Deleting Revisions・・・データベース内のゴミデータを定期メンテナンスするためのプラグイン
追加しているコードなど
HA My Functionsプラグインで以下の機能の追加やコードの追加を行っています。
- ページの構成によって画面左下に自動表示される目次ボタン
- プログラムコードのハイライト表示
以上が本サイトでWordPressの基本機能以外に使用しているテーマ・プラグイン・カスタムコードです。
本ページをご覧になって「自身のサイトよりも高速表示されると感じる。ひょっとしたらよほど高速なサーバーで稼働しているのでは?」と感じた方、本サイトは「カラフルボックス
」というレンタルサーバーの下位から2つめのBox2というプランで運営していますから、同じような仕様のサーバーであれば軽快に動作することも体感いただけると思います。
ミニマルなテーマ、子テーマを使わずにカスタムコードを追加するプラグインの使用、余分な処理を極力省いてサイトに必要な機能を追加する自作プラグインを使うことで、軽快な動作をするサイトが構築できます。
コメントを残す