現在パソコン版のマニュアルを表示中
投稿した記事中に使用する画像に枠をつけてみましょう。
本文中の画像に対してスタイルを適用するだけで枠線をつけることができます。
このマニュアルは公式テンプレートの「sample」をベースにしております。
基本編として、画像を囲うような装飾の線をつけてみましょう。
本文を展開する独自タグを囲っている親要素は<div class="entry-body">です。
テンプレートの設定ページ内スタイルシート（CSS）編集にて「entry-body」を
指定している箇所を探してみましょう。
（Windowsの場合はCtrl+F、Macの場合はcommand+Fでページ検索が行えます）
▼該当の箇所に入力するスタイル
※本文中にある画像すべてに枠がつくので、必要に応じてクラス追加、セレクタ指定してください。
応用編として、画像にポラロイド写真のような装飾の線をつけてみましょう。
まず、基本編と同様に、テンプレートの設定ページ内スタイルシート（CSS）編集にて
「entry-body」を指定している箇所を探してみましょう。
（Windowsの場合はCtrl+F、Macの場合はcommand+Fでページ検索が行えます）
▼該当の箇所に入力するスタイル
記事へ画像挿入を行うと、下記のような画像タグが自動挿入されます。
（※アルバムページへリンクしている場合は異なったアドレスとなります）
挿入される画像タグの一例：
<a href="画像のリンク先" target="_blank"><img src="画像のパス" alt="画像が表示されない場合の代替テキスト" border="0"></a>
<p><span><a href="画像のリンク先" target="_blank"><img src="画像のパス" alt="画像が表示されない場合の代替テキスト" border="0"></a></p></span>
<p><span></p></span>タグで囲った画像タグのみ、
テンプレートの編集で指定した枠線を適用できます。
ヘルプをご覧になっても問題が解決されない場合は、サポートへお問い合わせください。
2NTブログに関するお問い合わせはこちら