marker_water”文章に線を引く場合はu-inを付与。class=””></li>箇条書きコンテンツは基本的にLIで囲む。DIVやLIを囲むのはWORDPRESSのP文章ラインの影響を受けないように補正している。箇条書きコンテンツに使う。箇条書きコンテンツに使う。箇条書きコンテンツに使う。class=”suji1′′スマホで文章が折り返しても、ずれたり影響がないバルーン吹き出しballoon-1-bottomバルーンの吹き出しはクラスにballoon-1-bottomを付与。mojiback2注釈のイメージはこちらmojiback1。注釈のイメージはこちらmojiback1。注釈のイメージはこちらmojiback1。注釈のイメージはこちらmojiback2。注釈のイメージはこちらmojiback2。注釈のイメージはこちらmojiback2。class=”mojiback1-t2′′></div>目立たない系のタイトルとなっています。クラスはclass=”mojiback0′′。ダブルクォートがつくのでユーザーにも引用と分かりやすい事。自分で書いたコンテンツと引用コンテンツをしっかり分ける事は失礼や勘違いを避けたり、著作権問題を回避する事にもつながります。他のサイトからの引用、書籍や他のメディアからの引用など。他のサイトからの引用、書籍や他のメディアからの引用など。他のサイトからの引用、書籍や他のメディアからの引用など。お風呂入浴法アイコンicon-yu-watericon-yu-peticon-yu-not-everydayicon-yu-aftericon-yu-too-washicon-yu-h2-o2icon-yu-massageicon-yu-foot-handicon-yu-showericon-yu-plusicon-yu-harficon-yu-how-toicon-yu-normalログインXMLサイトマップ画像ワードプレスの投稿では画像を挿入した時点で標準のスタイルが適用される。wp-image-671′′などのクラスが自動適用されるが正直かなり邪魔。このclass部分をクリアし、分かりやすくまとめる。/>alt=””の部分は基本必要。ALT属性は画像検索した時の検索キーワードになったり、目の見えない人のパソコンでは音声でALT属性が読み上げられるので親切で何の写真があるかイメージしてもらえるようになるので、できるだけ分かりやすく正直に設定します。このテンプレでの画像のPOINTを頭に入れておく主に最大”幅”での制御。「最小での制御」はない。小さい画像はそのまま小さい。画面一杯大きく表示したい画像は横幅が最低650px以上のものを使ってください。縦に長い画像は印象が全然違うので注意。極端に長い長方形ではなく、適度な長方形の画像を使用する事。class=”size-full”下記画像は元々横幅がテンプレより大きい画像だからぴったり表示されているが、小さい画像はそのままの小さい画像となる。横幅は最大400pxまで。これがMAX400px幅の目安だおすすめclass=”toukouimg1-c”toukouimgと一緒でmax-width:400pxだが、スマホで画像が中央に表示される。おすすめclass=”toukouimg2′′max-width:250px;max-height:300px;以上大きくなる事はない。サイトデザインを考えた際に大きい画像の場合だと扱いにくい場合があるから、このくらいの大きさの画像を統一で使っているとデザイン的にも安定感があり便利。画像横幅がスマホ縦幅より小さくなると、縦補正も考える事ができる。おすすめclass=”toukouimg2-c”toukouimg2一緒でmax-width:250px;max-height:300px;だが、スマホで画像が中央に表示される。付与で縦150px横150px以上大きくなる事はない。書籍や人の顔の画像などに便利。幅が650px以上の画像を使います。class=”nobimax300′′その中で高さを300pxに抑えたい場合(nobimax300)縦のみ強制で300pxになるので縦横比率は変わり歪みます。class=”nobimax200′′その中で高さを200pxに抑えたい場合(nobimax200)縦横比率は変わり歪みます。横幅をMAX220pxとしている。英語や記号などを使うと予期せぬ所で折り返してしまう場合があるので注意。画像⇒文章の順番にかく。回り込み画像を入れる場合はimgleftを付与。注意はワードプレス投稿画面でimg要素に対して段落をおかず文章を記述する事。class=”floatclear”></div>で最後に回り込みを解除する事。基本「画右」ボタンを訂正すると分かりやすい。class=”imgcenter”PCでもスマホでも最初っから画像をセンタリング(中央)したい場合はこちら。プラスで(classの複数付与は半角スペースで区切り)shadowをつける。center”toukouimg系とokaoに関してはその画像サイズにプラスでcenterと複数クラスを付与する事で最初からセンタリングできる。LIGHTBOX風ポップアップが可能。画像をクリック(タップ)してください。wakuやShadowを使って他の画像と区別すると分かりやすい。