数回クリックするだけでプロのようなデザイン – WordPress.com ニュース

デザイン ツールの最新バッチを使用すると、数回クリックするだけで、Web サイト全体で一貫して魅力的なスタイルを作成できます。 今日は、「スタイル」設定にズームインしたいと思います。これにより、サイト全体の変更を行い、サイト エディターから直接新しいスタイルのデフォルトを作成できます。

デザイナーのいないプロのデザイン

色やタイポグラフィなどの基本的なオプションから、コンテンツのサイズ、パディング、ブロック固有の設定などのより高度なパラメーターまで、デザインの専門知識のレベルに関係なく (または知識がない場合でも)、スタイルのカスタマイズが役立つことがわかります。

多くのテーマには、テストできるスタイルのバリエーションが付属していますが、カスタム スタイルを使用すると、さまざまなデザインの要素を試したり試したりする自由度と柔軟性がさらに高まります。

これらの設定を利用すると、見出し、段落、ボタンなど、サイトの要素の新しいデフォルト スタイルが作成されます。 これは、作成された新しいページまたは投稿がこれらのスタイルを自動的に継承することを意味し、プロセス全体がより効率的になります. さらに、行った変更はサイト全体に反映されるため、一貫したルック アンド フィールが保証されます。

サイト エディターのデザイン ツールは、Web サイト全体で一貫したルック アンド フィールを維持しながら、時間と労力を節約したい方に最適です。

簡単にデザインをDIYする方法

サイト エディター (左側のサイドバーで[外観]→[エディター]に移動) から、ページの左上にある[編集]ボタンをクリックし、右上にある[スタイル]アイコンをクリックします。 サイドバーには、探索する多くのオプションが表示されます。 (注: 使用しているテーマがサイト エディターと互換性がない場合、このオプションは表示されない場合があります。)

開始するのに最適な場所は、スタイル ブックです。 Style Book を使用すると、さまざまな色とタイポグラフィのスキームを調べて、実装する前にさまざまなブロックがどのように見えるかを把握できます。

スタイル ブックを終了したら、[スタイルの参照]をクリックして、実際のサイトでこれらのスタイル要素がどのように見えるかをプレビューできます。 「保存」ボタンを押すまで、何も設定されないことを忘れないでください。

そこから、タイポグラフィ、色、およびレイアウトの特定の設定を試すことができます。 特定のブロックの設計面を微調整することもできます。 たとえば、見出しブロックの色やテキスト サイズを微調整すると、サイトのすべての見出しが変更され、新しい見出しの新しいデフォルトになります。

サイト エディターからブロック固有のスタイルを設定すると、特定のページまたは投稿に加えた変更はそのプレースメントにのみ適用されますが、[グローバルに適用]ボタンをクリックしてサイト全体に適用することもできます.

スタイル ツールは、プレミアム プラン以上で利用できます。