画像にスタイルを設定する

画像にフィルター、余白、境界線、影などのスタイルを追加します。このガイドでは、サイトの画像にスタイルを設定する方法について説明します。

サイトの画像にスタイルを設定するには、次の手順に従います。

1. WordPress.com ダッシュボードから開始します。
2. 画像を追加したページ、投稿、テンプレートを編集します。 
3. スタイルを設定する画像をクリックします。
4. 上部のツールバーの「設定」アイコンをクリックしてサイドバー設定を開きます。

5. 「スタイル」タブをクリックします (アイコンは下の図のように黒と白の丸で表示)。

6. 次のスタイルを調整します。
   • 画像スタイル: デフォルトまたは角丸から選択します。角丸を選択すると、正方形の画像は完全な円になり、長方形の画像は楕円形になります。
   • フィルター: 「デュオトーン」フィルター設定を使用すると、ツートンカラー効果が追加されます。
   • 画像サイズ: 「サイズ設定」を使用して、画像の周囲にスペースを追加します。
   • 境界線と影: 「境界線と影」設定を使用して、画像に境界線、半径、影を設定します。

CSS コードを使用して CSS クラスを作成すると、画像の外観をカスタマイズできます。

1. WordPress.com ダッシュボードから開始します。
2. 画像を追加したページ、投稿、テンプレートを編集します。 
3. スタイルを設定する画像をクリックします。
4. 上部のツールバーの「設定」アイコンをクリックしてサイドバー設定を開きます。

5. サイドバーの下部にある「高度な設定」を開きます。
6. 「追加 CSS クラス」を追加または変更します。
7. 変更内容を保存し、ページ、投稿、テンプレートをプレビューして、適用された CSS を確認します。

画像スタイルには、フィルター、サイズ、境界線、影などがあります。次の手順に従って、1つの画像スタイルをリセットするか、画像のすべてのスタイルをリセットします。

1. 編集する画像をクリックします。
2. 上部のツールバーの「設定」アイコンをクリックしてサイドバー設定を開きます。
3. 「スタイル」アイコンをクリックします。
4. セクションヘッダーの右にある3つのドット (⋮) をクリックして、各スタイルセクションの横にある「オプション」メニューを開きます。
5. リセットする各設定の横にある「リセット」オプションをクリックします。カスタマイズしたすべての設定をリセットする場合は、「すべてリセット」をクリックします。
   • 「リセット」オプションがない場合、リセットするスタイルはありません。