CSS Hero を使用して WordPress サイトを今すぐカスタマイズしましょう

数回クリックするだけで、Web サイトの外観と雰囲気をカスタマイズできます。 CSS Hero は、誰でも投稿やページにカスタムフォント、色、枠線、余白などを追加できる簡単なツールです。これほど素晴らしいものがどのようにして改善されるのでしょうか?

WordPress サイトをカスタマイズする方法

これまでは、WordPress サイトにカスタム変更を加えるには開発者になる必要があると考えていたかもしれません。もうない！ CSS Hero は、あなたやあなたのビジネスに合った WordPress サイトを作成できるようにするライブ編集可能なテーマカスタマイザーです。 CSS Hero を使用してウェブサイトをカスタマイズするのがいかに簡単かを説明し（1、2、3 と同じくらい簡単）、CSS Hero が最適な選択肢である多くの理由のいくつかを紹介します。

1. CSS ヒーローを取得する

これが最も重要な部分です。CSS Hero のコピーを入手する必要があります。あなたに合ったプランをお選びください。どのプランを選択しても、Web サイト (パーソナルプランまたはプロプランを選択した場合は Web サイト) で CSS Hero をアクティブ化するには 1 年間の期限がありますが、その後は Web サイトにカスタム変更を永久に加えることができます。

2. ヒーローの準備ができているかどうかを確認する

変更を開始する前に、Hero 対応テーマを使用していることを確認する必要があります。 CSS Hero サイトで Hero テスト済みのテーマのリストを確認できます。また、私たち独自の Total テーマも Hero Ready として発表される予定です。

使用したいテーマが見つからない場合でも、悲観する必要はありません。CSS Hero はどのテーマでも使用できます。まずはテーマで Rocket モードを使用してみてください。これにより CSS Hero が有効になり、テーマ内の CSS 要素を最大限に定義できるようになり、カスタマイズを開始できるようになります。ただし、これがテーマで機能しない場合は、クイック構成ツールを使用して CSS 要素をマッピングできます (これには他のオプションよりも少し時間がかかります)。

3. ポイント、クリック、カスタマイズ

さて、楽しい部分はカスタマイズです。 Web サイトで CSS Hero を有効にすると、さまざまな機能をカスタマイズできるようになります。ページ要素の上にマウスを置くだけで、編集できる内容が表示され (マウスを置くと、CSS Hero が青いボックスで要素を強調表示します)、クリックして編集を開始します。

要素をクリックすると、CSS Hero にオプションのリスト（テキスト、背景、境界線、パディング、マージン、サイズなど）が表示されます。完了したら必ず保存してください。加えた変更を元に戻したい場合は、セクションの組み込みリセットオプションを使用して、元の要素の設定に戻します。

CSS Hero をさらに素晴らしいものにするその他の機能

CSS Hero を愛する理由は他にもたくさんあります。CSS Hero を使用すると、新しいユーザーや経験豊富な開発者がテーマを簡単に調整できるからです。 CSS Hero には、テーマを専門的に変更するために使用できるオプションが多数組み込まれています。 CSS Hero は、グラデーションやボックスシャドウなどの最新の CSS プロパティをサポートし、インテリジェントなカラー選択を備えているため、アプリ (Photoshop、Fireworks など) またはデスクトップ上のファイルから色を選択できます。および600 以上のフォントとグリフ（さらに、Typekit およびサードパーティフォントのサポートも追加）。

またレスポンシブディスプレイを編集およびカスタマイズするためのオプションも組み込まれています。編集中に表示オプションの 1 つを選択するだけで、調整したテーマがどのように反応して動作するかをテストし、必要に応じて追加の変更を加えます。これは、訪問者がどのデバイスでも投稿やページを確実に読めるようにするための優れた方法です。

また、PRO プランを選択した場合は、ブラウザ検査ツールと同じように CSS Hero を使用できるCSS Hero Inspector も利用できます。これは、CSS をその場でコピー、貼り付け、編集するための使い慣れた設定を提供するため、デベロッパーにとって優れたツールです。

ああ、CSS Hero がサイトの速度を低下させることを心配する必要はまったくありません。 WordPress インストールの動作にはまったく影響しません。プラグインはライブエディターを使用している場合にのみリソースを使用するため、管理者とライブサイトは通常どおりスムーズに実行されます。

CSS ヒーロー、5 つ星のカスタマイザー

たくさんのビルダーをレビューしてきましたが、CSS Hero はカスタマイザーです。同じテーマを使用している他のユーザーと同じページ要素を追加する代わりに、CSS Hero を使用すると、週末に CSS を学習しなくても、ページをより自分らしくすることができます。

CSS ヒーローを取得する

ぜひ CSS Hero を試してみてください。 WPMU Dev のものも含め、数多くの人気のあるテーマやプラグインとうまく連携します (明日のヒント)。私たちは実際に試してみてよかったです。きっとあなたも試してみたいと思います。