WordPress.com ブログ

WordPress.com 日本語ブログ

新テーマ: Toolbox

新しく追加された Toolbox テーマには HTML5 のセマンティックなマークアップがたくさん使われています。カスタム CSS アップグレードを使って最先端の技術を生かしたサイトにカスタマイズしてみましょう。

だって ? 未来に道なんて必要ない」

Dr. エメット・ブラウン (バック・トゥ・ザ・フューチャー)

未来の世界の道路には空飛ぶ車やホバーボードがいっぱいというわけではないかもしれません。でも、HTML5 で導入されたマークアップ要素のおかげで Web の未来はもっとたくさんのセマンティックなコンテンツに満ちあふれたものになるはずです。今回ご紹介する新しいテーマで、そんな未来を先取りして現在の WordPress.com 上のサイトに活かすことができます。新しいテーマの名前は Toolbox (ツールボックス) です。

現在ある Sandbox テーマのように、Toolbox にもカスタマイズした CSS だけで自分らしいテーマを作るために必要なマークアップがぎっしり詰まっていますが、ひとつだけ違う点があります。Toolbox テーマには、コンテンツの内容をより的確に記述してくれる、ワクワクするような新しい HTML5 要素が含まれているのです。例えば、<article>、<header>、<nav> などです。

これを使って何が出来るのでしょうか ? やりたいことが、何でもできます 🙂 ピーナツバター&ジェリーのように相性がいい HTML と CSS を使って、ちょっとしたデモを作ってみました。以下の画像をクリックして、デモサイトに行ってみてください。Toolbox テーマのマークアップと、カスタム CSS の動作を確認し、ダウンロードすることもできます。

Toolbox テーマのマークアップとカスタム CSS

インスピレーションが必要だったら、カスタム CSS を使ってできるテーマスタイルのサンプルを眺めてみてください。カスタム CSS 有料アップグレードと CSS の知識があれば、すぐに始められます。

インストール型 WordPress.org オープンソースソフトウェアで WordPress テーマを作成している方も Toolbox を使うことができます。WordPress テーマディレクトリでダウンロードしてください。

この記事は Ian Stewart が WordPress.com 英語版ブログに投稿した「New Theme: Toolbox」の訳です。機能について不明な点があればコメント欄または日本語フォーラムでご質問ください。

翻訳: マクラケン直子


WordPress.com の開発状況について最新情報を知りたい方は、以下の欄にメールアドレスを入力して今後の告知をメールで直接受け取りましょう。通知を開始する前に確認メールをお送りします。見つからない場合はスパムフォルダーをご確認ください。

現在197,413人フォロワーがいます。

%d人のブロガーが「いいね」をつけました。