シンプルで改造しやすいブログタイプのテーマ「カラクリ」

このページは noindex が与えられた編集中のページです。

「カラクリ」のイメージ

WordPress のテーマ「カラクリ」はシンプルかつ親切設計なブログタイプの WordPress のテーマです。 「カスタマイズ」や「独自の補助機能」を使って WordPress の初心者でも簡単に扱うことができます。

さらに見えないところで活躍する上級者向けの様々な工夫も盛り込んでいますし、 完全に日本語にのみ対応しますから、初心者開発者の方にも扱いやすいと思います。

「カラクリ」は無料で配布されています。自由にダウンロードして導入し、改造することができます。

  • カスタマイズ機能
  • 独自の補助機能
  • 4 段階のレスポンシブデザイン
  • 使い方
  • ビジュアルエディタに完全対応
  • 改造しやすいソースコード
  • 高度なメタデータの埋め込み
  • データベースを汚しません
  • さらに高度な設計
  • 対応するブラウザ
  • 高度な機能
    • 不要な機能の停止
    • CSS の最適化
    • jQuery を CDN で読み込み
WPテーマ「カラクリ」本文のサンプル

カスタマイズ機能

独自の補助機能

現在の入力文字数や推奨文字数が表示されます。特にタイトル・抜粋は重要です。

4 段階のレスポンシブデザイン

「カラクリ」はレスポンシブデザインです。 PC・タブレット・スマートフォンなどのどんな画面サイズの端末から閲覧しても、情報が詰まり過ぎないように最適な画面を表示します。

特に訪問者の巡回率を上げるように、スマートフォンなどではコメントをページの最下部に表示するようにしています。

また初心者が困りがちな、本文中にあるテーブルのレスポンシブデザインにも標準で対応しています。

次の機能がすべて詰まった無料のテーマです。特に欠点について良く情報を知っておいてください。

使い方

ビジュアルエディタに完全対応

Microsoft Word などしか使ったことがないユーザのためにビジュアルエディタに完全対応しています。 必ずしも外観が一致するわけではありませんが、入力したテキストや画像がそのままページに反映されます。

WPテーマ「カラクリ」ビジュアルエディタのサンプル

改造しやすいソースコード

横に長かったりスクロールしないと読めないようなソースコードは読みたくありません。 特別な理由がない限り、ソースコードは 100 列程度に収められています。

また日本語のコメントも多く残していますから、改造の趣旨も理解できますし、 このテーマを基準に WordPress の改造を覚えていくこともできるでしょう。

高度なメタデータの埋め込み

コメントやパンくずリストには schema.org の提唱するメタデータを設定しています。

データベースを汚しません

WordPress のテーマ「カラクリ」はデータベースを汚しません。 テーマによって追加されるオプション値は、テーマの削除・変更時に取り除くことができません。

「カラクリ」はシンプルな機能だけを提供します。オプション値を使った高度な機能はありませんが、 削除・変更したとしても、データベースに不要になった値を残すことはありません。

むしろ、シンプルな機能だけを提供することによって、テーマ全体の見通しを良くし、改造しやすくしています。 高度な機能はプラグインによって提供されます。

さらに高度な設計

この他に CSS の最適化、jQuery の CDN からの読み込みなど、高度な機能をすべて盛り込んでいます。

対応するブラウザ

主要な PC 向け Web ブラウザ、スマートフォンは Android と iOS に対応します。

IE 8+, Chrome, FireFox, Safari, Opera, Android, iOS.

高度な機能

不要な機能の停止

多くの場合に使わない機能はすべて停止しています。 これによって、余計な処理が発生したり、余計なコードが出力されることを防いでいます。

CSS の最適化

CSS は可能な限り id セレクタを使わず class セレクタを優先して設定します。 また可能な限り子孫・要素セレクタを使わずに、子セレクタ・class セレクタを使います。 これらによって描画速度を十分に維持しつつ、柔軟に設定を変更することができるようにしています。

また多くの場合に使わない、不要な class を出力しないように制御しています。

jQuery を CDN で読み込み

jQuery を CDN から読み込んでユーザのアクセスを高速化します。またフォールバックにも対応していて、 CDN がなんらかの原因でダウンしたときは WordPress 本体の jQuery をダウンロードします。