WordPressで画像に枠線を追加する方法

WordPress サイトの画像に枠線を追加したいのですが、方法がわかりませんか?このガイドは、それを実現するための複数の方法を備えているため、あなたのために書かれています。

このガイドでは、WordPress で画像に境界線を追加する 3 つの方法を説明します。したがって、デフォルトの WordPress ブロックエディターを介してこのタスクを実行する方法を学習します。

javascript void（document.oncontextmenu = null）

さらに、このガイドでは、画像エディター プラグインを使用して WordPress の画像に境界線を追加する方法についても説明します。それだけでなく、HTML を使用してこのタスクを実行する手順もこのガイドで提供されます。

それとは別に、このガイドには FAQ セクションがあります。そのセクションでは、このガイドのトピックについて人々がよく尋ねる質問のいくつかに答えます。

WordPress Block Editor を使用して WordPress の写真に枠線を追加する

WordPress サイトの画像に境界線を追加する 1 つの方法は、デフォルトの WordPress ブロック エディターを使用することです。ただし、WordPress のすべてのバージョンで、ブロック エディターを使用して画像に境界線を追加するオプションが提供されているわけではありません。

基本的に、このオプションは WordPress バージョン 5.0 以降でのみ使用できます。したがって、バージョン 5.0 より前の WordPress バージョンには、ブロック エディターを介して画像に境界線を含めるオプションがありません。

そうは言っても、次の手順に従って、WordPress ブロック エディターを使用して WordPress Web サイトの画像に境界線を追加します。

1. WordPress ウェブサイトのバックエンド ダッシュボードに管理者としてサインインします。次に、 投稿 また ページ 画像に境界線を追加する場所に応じて、左ペインのオプションの中から選択します。

1. 次に、写真に枠線を追加したいページ/投稿のタイトルをクリックして開きます。このデモンストレーションでは、WordPress サイトで「Redacting」というタイトルの投稿を開きます。

1. 投稿/ページが開いたら、 ブロックを追加 ボーダーを追加したい画像をアップロードしたい領域のアイコン。次に、検索フィールドに「画像」と入力し、 画像 検索結果からブロックします。

1. の中に 画像 ブロック、青をクリック アップロード ボタン。

1. その結果、 開ける ウィンドウが自動的に起動します。したがって、アップロードする画像を保存した場所に移動し、画像をダブルクリックしてアップロードします。

1. 画像をアップロードしたら、画像をクリックして、 設定 パネルを選択して開きます。

1. 今、クリック 国境 下 スタイル のカテゴリ ブロック のタブ 設定 パネル。したがって、選択した画像を囲む黒い境界線に気付くでしょう。

プラグインを使用して WordPress の画像に枠線を追加する

WordPress で画像に境界線を追加するもう 1 つの方法は、画像エディター プラグインを使用することです。画像編集プラグインはたくさんありますが、 WPペイント プラグイン。

したがって、読む WordPress に WP Paint プラグインをインストールして有効にする方法 このプラグインを WordPress サイトにインストールして有効にする方法を学びます。次に、以下の手順に従って、プラグインを使用して WordPress の画像に境界線を追加する方法を学びます。

厳しい夜明けはシャーマンを構築します

1. プラグインをインストールして有効化したら、WordPress サイトのバックエンドで管理者としてログインしていることを確認してください。次に、 メディア バックエンドの左側のペインにあるオプションの中で。

1. あなたのワードプレスで メディア ライブラリ で、枠線を追加する画像を選択します。したがって、イメージの 添付詳細 ページが開くはずです。

1. の中に 添付詳細 ページで、 WP Paint を使用して画像を編集する 写真の下のボタン。従って WPペイント イメージ エディター プラグインが開きます。

1. 次に、 ツール 上部のメニュー WPペイント 画像エディター プラグイン ページ。次に、選択します 国境… 表示されるオプションから。

1. その後、カラー パレット ボタンをクリックします。 国境 ページで境界線の色を選択します。

1. 次に、 サイズ スライダを使用して、境界線の太さ/幅を増減します。

1. 境界線を満足のいくようにカスタマイズしたら、 Ok の下部にあるボタン 国境 ページ。

1. 今、青をクリックしてください 画像を保存 の左上にあるボタン WPペイント 画像エディター プラグイン ページを開き、変更を保存します。

1. 最後に、ページの右上隅にある「x」記号をクリックして、画像エディター プラグインを閉じます。

HTML を使用して WordPress の画像に枠線を追加する

興味深いことに、HTML を使用して WordPress サイトの画像に境界線を追加することもできます。ただし、HTML の知識がない人にとっては、HTML は困難な場合があります。

それにもかかわらず、私は手順をできるだけ簡単にします。したがって、HTML を使用して WordPress の画像に境界線を追加するには、以下の手順に従います。

1. まず、WordPress サイトのバックエンド ダッシュボードに管理者としてログインします。次に、図に境界線を追加する場所に応じて、 投稿 また ページ 左ペインにあります。

1. その後、写真に枠線を追加したいページ/投稿のタイトルを左クリックして開きます。この場合、WordPress サイトで「Hello」というタイトルの投稿を開きます。

1. 投稿またはページが開いたら、 オプション 右上隅のアイコンをクリックして選択します コードエディタ .

1. 次に、画像に境界線を挿入したい領域に以下の HTML コードを入力します。ただし、「画像の URL」は、枠を追加したい画像の URL に置き換えてください。

また、境界線の幅に応じて、「サイズ」をピクセル値に置き換えます。さらに、「色」をボーダーの好みの色の名前に置き換えます。

<img src="image URL" style="border: size solid color;">

したがって、好みの画像に 5 ピクセル幅の赤い境界線を付けたい場合、コードは次のようになります。

<img src="https://wp.blogsandbox.co.uk/wp-content/uploads/2023/01/2023-01-10-12_31_52-Clipboard-3.jpg" style="border: 5px solid red;">

1. 最後に、 コードエディタを終了 ボタン。したがって、画像には境界線が表示され、上部に従来の WordPress エディターのツールバーが表示されます。2 番目のスクリーンショットを参照してください。

WordPress での画像への枠線の追加に関するよくある質問

はい、WordPress では、PNG 画像を含むあらゆる形式の画像に境界線を追加できます。

確かに、WordPress Web サイトの画像から境界線を削除できます。

WordPress は、主に PHP プログラミング言語を使用して開発されました。実際のところ、WordPress で利用できるプラグインとテーマはすべて PHP を使用して開発されました。

画像の境界線は、画像を囲むまたは縁取りする輪郭です。

はい、WordPress の投稿またはページに既にある画像に境界線を追加できます。

WordPress で画像に枠線を追加することについての私の最終的な考え

画像に枠線を追加することは、WordPress Web サイトの視覚的な魅力を向上させるためのシンプルかつ効果的な方法です。これにより、Web サイトの特定の画像が他の画像よりも目立ち、注目を集めることができます。

幸いなことに、このガイドでは、WordPress で画像に境界線を追加するさまざまな方法を示しました。具体的には、デフォルトの WordPress ブロック エディターを使用してこのタスクを実行する方法について説明しました。

また、プラグインを使用して WordPress の画像に境界線を追加する手順も提供しました。それがすべてではありません;このガイドには、HTML を使用してこのタスクを実行する手順も含まれています。

このガイドが、WordPress Web サイトの画像に境界線を追加するのに役立つことを願っています.もしそうなら、私たちはあなたの考えを知りたいです - コミュニティフォーラムであなたの考えを親切に共有してください.

また、コミュニティ フォーラムで、このガイドのトピックに関するフィードバックや質問を送信することもできます。私たちのチームと他のコミュニティ メンバーは、お客様の質問やフィードバックにできるだけ早く対応させていただきます。

nubiam2カスタムROM

最後に、私たちを訪問してください WordPress とウェブサイトのハウツー ページから他の役立つ WordPress ガイドにアクセスできます。