FC2ブログの書き方について。

質問

FC2ブログを始めたばかりです。
高機能テキストエディタを使用しています。
いろいろ戸惑っているので、アドバイスしてください。

http://orangelemonsoda.blog.fc2.com/blog-entry-4.html
この記事についてお尋ねします。

(1)記事編集中に改行（Enterキー）を一度すると、2行空白ができることがある。
その時のプレビューには1行だけ反映されてたりする。

(2)エディタ上で改行により1行空白にしているのに、プレビューでは空白がないことがある。

(3)PC表示とスマホ（iPhone）で改行の反映が違う。
PCでは一枚目の写真の下に空白なしにテキストが来ています。（こちらが意図です。）
スマホでは一枚目の写真の下に空白が一行あり、その下にテキストがあります。

(4)画像にリンクがついてくることがあります。
『ファイル管理』→『この画像で記事を書く』→挿入された画像に続いてテキストを打ち込むと、その画像へのリンクがついてくることがあります。
リンクを解除したいです。
リンクがついてきたりついてこなかったり、統一したいです。

(5)写真にテキストを回り込ませたい。
二枚目の写真の右側に
『オーダーは一番人気と書かれたアメリランチ＝￥1620。
食前酒
前菜盛合せ
焼きたてパン
本日のスープ
選べるパスタ
本日のお肉料理かお魚料理
デザート・ドリンク』
を移動させたい。
写真の上下の真ん中寄せにしたいです。

よろしくお願いします。

回答No.1

Yumikoit · ベストアンサー

見せていただきました。

判らなくなったら、一旦高機能エディタの機能を切り、タグを直接見て編集するのが一番いいです。

まず、<div>～</div>で段落区切りをしている箇所が多いですね。<div>～</div>タグの前後にスペースが入るので、これに更に改行<br />が入る時と入らない時で段落間のスペースが変わります。
スマホとPCとで段落前後のスペースの取り方が違うのも、ここが原因です。
恐らくスタイルシートの設定画面(テンプレートの設定)で、スマホ向けとPC向けとでは<div>～</div>の前後の空間の取り方の設定が異なっているのでしょう。

テンプレートの設定画面でそこを修正すれば調整することができます。

写真については、ある大きさ以上の写真をアップする際に自動でサムネイル画像を作る機能があります。チェックが入っていなかったり入っていたり。あるいはアップした画像がトリミングされているようですからその画像の大きさでサムネイルが入ったり入らなかったりするのでしょう。

記事としての統一感を出したい場合には、せっかくきれいな写真を加工もしてアップしているのですから、加工する際にサイズも合わせてしまうこと。

更に、[この画像で記事を書く]か[サムネイルで記事を書く]かで動作は変わります。
更に、[環境設定]-[投稿設定]画面で、サムネイル画像のサイズ指定とサムネイルで記事を書いたときの動作の設定をかえることができます。

記事を右寄せにしたり、写真を左寄せにしたり、色々ありますが、これもタグを覚えれば割と自由自在です。
例えば、写真の前後を<div style="float:left;">　～　</div>で挟めば、写真の周りに文章を回り込ませることができます。

blog、ではありますが、基礎知識はホームページを作成するのに使うHTMLタグとスタイルシート。入門サイトがたくさんありますので検索してください。一通り覚えたら、あとはタグとスタイルシートが辞書的にのっているサイトなどを使うと便利です。
私は、主にここを使っています。
http://www.tohoho-web.com/www.htm

細かなレイアウトの処理には、やはりタグとスタイルシートを覚えるのが一番効率が良く、美しい記事になります。頑張ってください。