画像に縁取りをする
環境
無料版はてなブログ
iPhoneSE
デザインCSSで設定していきます。
まず、[はてなブログ 画像 縁取り CSS]をGoogleで検索すると色々出てくるので、好きなコードをコピーしてきます。
Safariで自分のブログのデザインタブまで行き、上部のURLの、左側大小マークをクリックし、デスクトップ用の画面を表示させます。
🔧マークをタッチし、デザインCSSを開きます。
テーマなどのコードがもう入力されていますので、その下にコピーしてきたコードを貼り付けます。
コードのところをタッチすると、ズームされますが、入力できません。
なぜか、入力用の画面は下側に表示されます。ピンチアウトして、下に移動すると入力画面が現れます。
1234と段落があるところです。
自分のiPhoneはぺーストできなかったので、まず辞書へ登録を行います。
設定→一般→キーボード→ユーザ辞書
で、なんでもいいので読みを入力して、単語のところにペーストします。
自分は、読み方[あ]に登録しました。
登録が完了したら、先ほどの入力画面に戻ります。
今回で言うと、4の段にコードを入れます。
入力が終わったら、変更を保存するを忘れずにタッチしてください。
これで、画像の縁取りの設定が完了です。
そのほかのやり方
その他のやり方で、headタグにコードを書く方法もありましたが、アドセンスの申請の時にこのコードが邪魔をする恐れがあるのでデザインCSSで行った方が良さそうです。