最近画像を貼ることが多いのですが、背景が白いので白の比率が多い画像を貼ると存在感がなくてとても見づらかったです笑そこで、めちゃくちゃ簡単なことなんですが、Wordpressで画像に枠線をつける方法を共有していきたいと思います。目次CSSを書く画像にclass名をつける最後にCSSを書く投稿のテキストに直接CSSを書いても確かに画像の周りに枠線はつきますが、そうすると次にまた着けたいとなった時に困るので、全体の見た目を管理しているstyle.cssに書いていきます。自身のサイトを表示し、「カスタマイズ」画面を開きます。カスタマイズ画面を開いたら、左のメニューから「追加CSS」を選択します。選択するとCSSを書くための枠が出てくるので、そこに下記のコードを入れて、「公開」をクリックします。※枠線の色等を変更したかったりした場合には、数値を変えて利用してください。#808080;}画像にclass名をつけるstyle.cssに書いたことで、class名「waku」をつけた画像ファイルには黒い枠が付くようになったはずです。投稿画面に戻り、枠線を着けたい画像にclassを追加してあげます。/>以上で画像に枠線が追加されるようになったはずです!!最後にCSSで装飾ができると知っている方は結構いますが、同じ処理を書かないためのstyle.cssをうまく使えていない方が意外と多いです。基本的には投稿のページでCSSを書くことはしない方が無難なので、他にも自分でなにか装飾を行いたい場合には、今回と同じようにclass名やidに対して装飾をする設定を書き、投稿自体にはclass名等を書くだけで済むようにしましょう。WordpressでJetpackの設定が完了しない。エラーが出てきてしまう。事象と対応方法...プログラミング【pip】xlsx2csvインストール時に出力されたエラーインストールした時にめっちゃエラー出てきて焦りましたが、結論pythonのバージョンが3でしか対応していないことが問題でした。2018」を読んだので、内容を復習する意味で翻訳をいたしました。schemaを使って、次の方法でも可。Git【Git】ローカル・リモートのブランチを削除する方法gitのブランチを作り過ぎたり作り直したいときに使うブランチ削除のコマンド。なにげに良く使うので覚えとこう。originは登録したリモートブランチによって変わる...開発PHPの構文を手動でチェックする半端ねぇ初歩だけれど、PHPの構文チェックを怠ってしまったがために間違えたままGitにあげてしまったため、戒めとしてメモっときます。みんなコードを上げる前にはちゃんと動くか確認しよう。コメントをキャンセルメールアドレスが公開されることはありません。※サイトΔホーム開発Wordpressやらしみず実はやらしくはないです。日記その他ED-TECHお仕事フリーランス案件サイトマップホーム検索トップサイドバータイトルとURLをコピーしました。