そして、毎回記事の下に同じ囲み記事を入れるのはどうするのかというと・・・
なんのことはない、
毎回コピペしているんですけどね（笑）
※パソコン表示だけ、で、よければ、
毎回コピペしなくても表示させる技はありますが、
残念ながらスマホ版で読む方には
見えなくなっちゃうのよね・・・。
さて、毎回コピペと言っても、
前回の記事に表示されているのを画面で範囲選択して、コピー！
ってするのは、実はお勧めしません。
何故かというと・・・・・・。
ものすごい、ムダなタグが勝手に生成されるから！
※タグって、「HTML表示」ってしたときに表示される
とかの記号ね。
ちなみに、↑これは【改行タグ】です。
どれくらいムダが勝手についてくるかというと・・・。
こんな感じのシンプルな枠を作る場合、
・テスト枠
解りやすく、オリジナルとコピーを重ねるごとに、
タグデータがどう変化するのかを比較してみましょう！
①【オリジナル】一番シンプルな形のHTML表示の中身
<br>
<div style="padding:10px;border-radius: 5px;border: 2px solid #ffc0cb;">
・テスト枠
<br>
</div>
<br>
<br>
<div style="padding:10px;border-radius: 5px;border: 2px solid #ffc0cb;">
・テスト枠
<br>
</div>
<br>
<br>
②公開済みのページから【コピペ】したときのHTML表示の中身
<div>
<br>
</div>
<div>
<div class="articleText" style="overflow: hidden; padding-bottom: 30px; font-size: 14px; line-height: 1.5; color: rgb(51, 51, 51); font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; background-color: rgb(255, 255, 255);">
<div style="padding: 10px; border-radius: 5px; border: 2px solid rgb(255, 192, 203);">
・テスト枠
<br>
</div>
<br>
<br>
</div>
</div>
<br>
</div>
<div>
<div class="articleText" style="overflow: hidden; padding-bottom: 30px; font-size: 14px; line-height: 1.5; color: rgb(51, 51, 51); font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; background-color: rgb(255, 255, 255);">
<div style="padding: 10px; border-radius: 5px; border: 2px solid rgb(255, 192, 203);">
・テスト枠
<br>
</div>
<br>
<br>
</div>
</div>
③②を更にコピペした時の、HTMLの中身
<div>
<br>
</div>
<div>
<div style="color: rgb(51, 51, 51); font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 14px; line-height: 21px; padding: 10px; border-radius: 5px; border: 2px solid rgb(255, 192, 203);">
・テスト枠
<br>
</div>
<br style="color: rgb(51, 51, 51); font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 14px; line-height: 21px;"></div>
<br>
</div>
<div>
<div style="color: rgb(51, 51, 51); font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 14px; line-height: 21px; padding: 10px; border-radius: 5px; border: 2px solid rgb(255, 192, 203);">
・テスト枠
<br>
</div>
<br style="color: rgb(51, 51, 51); font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 14px; line-height: 21px;"></div>
もう、勝手に追加記載されてるところのほうが多いじゃんっ！
枠線の色指定も、微妙に表記が変わっていますね。
この為だけに、
過去日付でテスト枠だけのデータを３つも作りました（笑）
実際どう表示されているかも、合わせてみてみてくださいね♪
①テスト１
②テスト２
③テスト３
ほーら。
出来上がりの見た目同じなのに、中身こんなに違う！！！
見た目同じなら、別にいいじゃないかって？(￣∩￣#
とんでもないっ！
アメブロには１記事の文字制限というものがあります。
これは、HTMLタグ含めて制限文字数があるということ！
※HTMLタグ表示で半角40000文字以内
と、いうことは、何度も「前回のをコピー♪」ってすると、
勝手に生成されるタグが増え続け・・・、
しまいには、全然記事内に文字を入力していないのに、
文字数制限に引っかかる！なんてことになりかねません。
じゃぁ、どうするか。
それは、一番シンプルな形で作った定型囲み記事を、
毎回元データのHTMLタグをコピーして持ってくること！
ペーストするときは、記事編集の「HTML表示」に切り替えてから、ペーストしましょうね☆
ペーストし終わったら、「通常表示」に戻すと、枠やそのほかの装飾を確認しながら記事編集ができますよ♪
これなら、ムダなタグ生成が起こりません。
そのためにも、定型として、毎回記事に挿入したい内容は、
下書き保存で定型文のみの記事を一つ作っておくと非常に便利です。
HTML表示は見慣れないと、
どこからが、必要なタグの一式なのか、わかりにくいからです。
変な開始点を選択してしまうと、記事全体の表示が
グッダグダに崩れます。
定型文だけの記事を作っておけば、
迷わず、全範囲選択でコピーできます
からね♪('-^*)/
定型の囲みを作りたかったら、
手間を惜しまず、定型文だけの記事を一つ作りましょう♪
本日はここまで☆
2016/3/19（土)
13時～17時(最終入場)☆
最新の出展者情報などは、フェイスブックイベントページを
ご参照くださいませ★
アロマリーディング セッション♪
期間限定価格実施中☆
フルリーディング 50分￥10,000- →￥6,000-
ショートリーディング 20分￥5,000- →￥3,000-
阪急宝塚線 蛍池駅スグのJoy's cafeにて、行いますので
ご希望日時を第３希望まで、お知らせください♪
アロマリーディングって何？と思ったら、ココをクリック！
★簡易版・無料お試しリーディングはこちら！★
また、ご指定場所での開催も可能です。
詳細は下記メールにてお問い合わせくださいませ☆
お問い合わせ＆メッセージは、
こちらの妖怪ポストへどうぞ！
または、kafresh_m☆yahoo.co.jpまで♪
☆は@に変更してくださーい（＾＾）
トップページへ戻る
ぽちっとして頂くと、励みになります(*^-^*)