お勧めスマホゲーム!

放置少女

【WordPress】記事中の画像の枠線を表示させる!

シェアする

記事中の画像貼り付けについて

WordPressで記事作成中に画像を貼り付ける場合は、普通に加工無く画像を貼り付けています。

記事中の画像に枠線を表示する!

今回貼り付けた画像にどうしても枠線を表示したかったので、ソースコードのimgタグに直接「border="1"」を追加したのですが、投稿の編集画面で画像を確認すると枠が表示されているのですが、プレビュー画面で確認すると何故か枠線が表示されてくれません(´・_・`)

普通はコレで表示されてくれるハズなのですが・・・。

ひょっとすると、自分がどこかに「border: none !important;」のコード辺りを追加したかも?って思ったのですが、それを調べる気が起こらずσ(^◇^;)

今後の事も考えて子テーマcssに、

のソースを追加しておきました。

記事中の画像に枠線するときの設定

これで枠線を表示したい場合には、imgタグのclassに「class="border"」と追記することで、枠線が表示されるようになりました(´▽`)ノ

※追記 枠線を表示させると枠線の分だけ画像が縮小されるため、画像サイズの指定を予め横縦それぞれ2ピクセル程プラス(大きく)しておいた方が良いでしょう。

PayPay Android対応アプリ PayPay iOS対応アプリ

ー お知らせ ー
【パズル&ドラゴンズ日記】【レビュー記事】以外のエントリー記事は、
2019年1月から別ブログの ZMASAa.blog で掲載しています。
ブログランキング参加中、ご協力(クリック)お願いします!

   


 

スポンサーリンク

(備考) ・ この商品は限定アイテムではありません。 ・ この商品は"プレミアムバンダイ"での販売準備数に限りがございます。品切れの際はご了承ください。 機動戦士ガンダム40周年を記念して、ガンダム40年の歴史を1冊に収録した記念本「機動戦士ガンダム40周年記念オフィシャルブック」が登場! 40年のすべてが集約された、決定版の一冊となっています。 ● 「機動戦士ガンダム40周年プロジェクト」キービジュアル4枚が、表紙を飾る! ● 「ガンダムの作り方」、「ガンダムの音楽」を収録! シリーズ40年の歩みはもちろん、アニメーションの作り方から設定画・原画などを紹介する「ガンダムの作り方」にくわえ、 ガンダムシリーズ作品の主題歌と劇判の40周年をまとめた「ガンダムの音楽」を収録。 ● 80名以上のスタッフ&キャストから寄せられた色紙を掲載 40年を祝して関連スタッフ&キャストから寄せられた色紙を一挙掲載! 【商品内容】 機動戦士ガンダム40周年記念オフィシャルブック 1冊 【商品素材】 紙 【商品サイズ】 A4判型 56ページ 【発売元】 サンライズ (備考)

シェアする

スポンサーリンク

(備考) ・ この商品は限定アイテムではありません。 ・ この商品は"プレミアムバンダイ"での販売準備数に限りがございます。品切れの際はご了承ください。 機動戦士ガンダム40周年を記念して、ガンダム40年の歴史を1冊に収録した記念本「機動戦士ガンダム40周年記念オフィシャルブック」が登場! 40年のすべてが集約された、決定版の一冊となっています。 ● 「機動戦士ガンダム40周年プロジェクト」キービジュアル4枚が、表紙を飾る! ● 「ガンダムの作り方」、「ガンダムの音楽」を収録! シリーズ40年の歩みはもちろん、アニメーションの作り方から設定画・原画などを紹介する「ガンダムの作り方」にくわえ、 ガンダムシリーズ作品の主題歌と劇判の40周年をまとめた「ガンダムの音楽」を収録。 ● 80名以上のスタッフ&キャストから寄せられた色紙を掲載 40年を祝して関連スタッフ&キャストから寄せられた色紙を一挙掲載! 【商品内容】 機動戦士ガンダム40周年記念オフィシャルブック 1冊 【商品素材】 紙 【商品サイズ】 A4判型 56ページ 【発売元】 サンライズ (備考)