ライブドアブログの画像がはみ出る・ずれる・センター配置できない時の対処法(スマホ版・フリーエリア)

IMG 29F639C19D54 1

 

ライブドアブログ歴9ヶ月のしゅうへいです。

スマホ版のデザイン編集みなさん苦労されてますね…。

今回はフリーエリアに画像リンクを貼ってそれがセンター配置されないときの対処法を紹介します。

「そんなこと?」と思う方も多いと思いますが初心者の方向けに書きますね。

コード1行で解決しました。

 

画像リンクを貼る方法。

まずはこれです。

 

<a href=”リンク先のURL”><img src=”画像のファイル名(保存場所)”></a>

 

はいはい、分かってますよねw

 

で、ライブドアブログスマホ版の設定(レイアウト)を開きます。

スクリーンショット 2018 03 31 1 13 18

 

フリーエリアを開きます。

 

スクリーンショット 2018 03 31 1 15 47

 

ここにさきほどのコードを書きます。

 するとスマホ版に画像リンクが掲載されるはずなんですが…。

 

IMG 9931

 

ハミでとるではないか…。

 

1行コードを足すと解決しました。

<a href=”リンク先のURL”><img src=”画像のファイル名(保存場所)”width=”100%” /></a>

 

 

これでしっかりとスマホでセンター配置されます。

実はずっと前からできてて今回イケハヤさんのスポンサー枠をいれるのに久しぶりに画像入れたら…できない。

2時間格闘して以前このコードを教えてあげた人に聞いたら…

 

「コードが抜けてる!!!」 

 

そう「width=」が抜けてましたw

アホだ。初心者か。初心者ですw

 

解決したところで悩んでいる人いるかなと思い書きました。

ライブドアブログのデザイン変更のポイント引き続き書いていきますね。

 

 

 

 

Instagramやってます。


フォローはこちら
  

Twitterでも発信中。