自由でクリエイティブな暮らしを応援!
Search

WordPress画像に付けた影(shadow)を一部の画像で非表示にする方法

①classを消してしまう方法

<p><a href=”リンク先” rel=”attachment wp-att-769″><img class=”alignnone size-full wp-image-769″ src=”画像URL” alt=”画像タイトル” width=”80″ height=”80″ /></a></p>

↑普通に画像を挿入するとこの様になりますが、

class=”alignnone size-full wp-image-769″

↑赤字のclass部分を消します。

<p><a href=”リンク先” target=”_blank” rel=”attachment wp-att-766″><img src=”画像URL” alt=”画像タイトル” width=”80″ height=”80″ /></a></p>

このようにすれば、imgにclassで指定されたshadowは非表示になります。

注意すること:imgのclassにshadow以外も指定がある場合は、classを消すことによってそちらも非表示になります。

②画像をHTML「id」で指定してshadow非表示にする。

 

画像部分をidで指定して、CSSでshadowを非表示にするように指定する。

 

idとclassの使い方については、「All About デジタル」様のこちらの記事を参照ください。とても分かりやすくまとめられています。

 

 

いいね、シェア、フォロー歓迎!2020テーマは「自然から学び自然と共に生きる」

EVAHKS

運営:嶋耕作(しまこうさく)『相場の熊さん』の愛称で親しまれているFX裁量トレーダー、ライター。自然が好きで日本国内に山所有。ひいお爺様は外交官。20代前半に教育関連事業にて年商3億円達成。その後、肺炎で臨死体験。世界人口4%の性格タイプを持つ。自由と安定。混乱と静寂。異なる性質のふたつを併せ持っている。趣味は読書、映画、アニメ、PUPG、人狼ジャッジメント、バスケ、音楽。好きな場所は、海、森、温泉、猫の肉球。漫画の島耕作はサラリーマンですが、サラリーマンはこの世で一番やりたくない仕事です。

1 Comment
  1. […] 覧ください→ https://evahks.com/html-howto-hideshadow-wordpress/ […]

Leave a Comment

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください