今回はワードプレス記事作成エディタである
ブロックエディタで記事を書く際に
記事内で使用する全ての画像に枠線を入れる
方法を紹介します。
枠線があると背景が白い画像などの場合
記事の背景と同化せずに済むので
記事自体が見やすくなります。
とても簡単な方法なので
是非やってみてください。
もしお使いのワードプレステーマが
あるようならテーマ内で
簡単設定がある場合があります。
こちらの記事では無料テーマcocoonでの
画像の枠線を入れる方法を紹介していますので
参考にしてみてください。
WordPressの画像へ枠線を付ける方法【5分で完了】全記事対応
では今回はテーマに関係なく
ブロックエディタで記事編集する際に
使える方法を紹介します。
記事の全ての画像に枠線を入れる手順
WordPressで画像に枠線を入れるには
スタイルシートというところに
コードを入れます。
まずワードプレスのダッシュボードより
①外観をクリック
②カスタマイズをクリック
カスタマイズをクリックしたら
このような画面になるので
「追加 CSS」をクリックします。
次にこちらのコードを以下の部分にコピペしてください。
.wp-block-image img {
border: solid 1px #808080;
padding: 2px;
}
①コードをコピペ
②公開
これで設定は終わりです。
プレビューで確認すると
記事の画像の枠が
このような枠線がついて表示されます。
画像枠線の色を変える方法
枠線の色は変更することが出来ます。
色を変更するには
先ほどのコピペしたコードの
#808080
この部分を好きな色のコードに
変更するだけです。
こちらのサイトでカラーのコードを
調べることが出来ます。
画像の枠線のバリエーション
画像の枠線を増やすことも可能です。
先ほどのコードの
solid
を変更するだけです。
この部分を変更するだけで
このような枠線になります。
solid→double
2本線で表示
solid→groove
立体的に窪んだ線で表示
solid→ridge
立体的に盛り上がった線で表示
【経費ゼロで最短２週間で収益化のブログ入門】記事作成のメンタルが持たない場合
ブログ等で記事を書くことで収益化はできますが、
- 「記事を書ききるまでメンタルが持たないという場合」
- 「初心者でゼロからの記事作成が難しい」
もあるでしょう。
そういった場合は入門としてこちらの記事で紹介している教材がおススメです。
有料ブログにも利用可能ですが無料ブログから始められるので経費が一切かかりません。
ノウハウでは「ライバル不在で売れる商材リスト」が手に入り、更に「収益化が出来ている記事を丸々１０個」ほどもらえます。
そのためブログをやる上で、まずあなたがやることはライバルが少なく売れ行きが良い商材リストの中から商材を決め、貰った記事の修正です。
まずは出来るところから始めた方が収益化までの道のりは断然早いので参考にしてみて下さい。
早い人は最短２週間で収益化が出来ています。
【収益化】記事作成テンプレート
こちらの記事でブログでの収益化するための商品レビューの書き方・ランキング記事の書き方を具体的にまとめています。
ブログでの収益化用の記事が書きたい際に読んでみてください。
レビュー記事テンプレート構成・書き方【完全ガイドマニュアル】
【ブログ収益アップ】比較・ランキングサイトの購買心理術とは？
↓の書籍も収益化するための記事作成におススメです。
どのような文章を書くことで購買意欲を持ち、掻き立てられるのか？
そのメカニズムを解明し、意図的に作り出す方法を全て解説してくれています。
ブログ集客用記事のテンプレート
ブログへの集客を加速するための記事作成テンプレートや書き方をこちらの記事でまとめています。
初心者の方や中級者の方におすすめです。
ゼロから始める資産化ブログ構築方法
↓でブログを資産化するための構築法をゼロから具体的に解説していますので参考にしてみてください。
記事修正で時短集客！アクセスを増加させる方法
今まで書いた記事にアクセスが集まらないという場合はタイトル等のキーワードを変えるだけで２倍３倍・・・１０倍とアクセスが上がる可能性があります。
０から記事作成をするよりも時間的コストの削減になるので、以下の項目を確認してみてください。
コメント