アドバンスで自己紹介欄が縦書きになる場合:
アドバンスでCSSやHTMLや編集をおこなうと、自己紹介欄のレイアウトが崩れる場合があり、修正するためにはHTML部分の修正を行う必要がある。
…これTIPSというよりはバグ対応かも…。
gooブログアドバンスで、
テンプレートに「カスタムメタル」または「カスタムブルー」を選択。
そのまま「テンプレートの編集」を行い、保存すると、
自己紹介欄が下の画像(図1)のように、「性別」「都道府県」が縦書きになってしまいます。
(カスタムブルーテンプレートで確認)
![](https://blogimg.goo.ne.jp/user_image/61/0a/16e91b2899add8b980ef3e521480517e.png)
(図1)
で、対処法ですが、2つの方法があります。
![](https://blogimg.goo.ne.jp/user_image/03/d2/389fcdf797df7bc55c6cf0931e3920d9.png)
(図2)
1.列の%指定を削除する
HTML編集で、「性別」の部分にある%指定(上図2の赤で囲んだ部分)を削除します。
![](https://blogimg.goo.ne.jp/user_image/57/cc/3fafe38d34fe98de45793913d5e7b79d.png)
(図3)
2.nowrap属性の追加
HTML編集で、「都道府県」「自己紹介」の部分(上図2の青で指定した部分)に
nowrap = "nowrap" を追加します。
![](https://blogimg.goo.ne.jp/user_image/0f/16/0c8a94b385c96c626b77a003e9720795.png)
(図4)
1の方法は今回細かい調査をする前に「とりあえず」で対処した方法。
レイアウトが崩れる前に戻すのであれば2の方法をお勧めします。
私は、1表示のされ方がどちらかというと好きなので、あえて1の対処のままにしました。
それで、この原因は…多少専門的な話だし、こちら↓で解説します。
アドバンスで自己紹介欄が縦書きになる場合。(補足)
| Trackback ( )
|
コピペできない欠点はあるけど、記事の編集の手間考えたら、コレいいかも。
とはいえ、結構めんどくさかったんですけどね…。
今回は矢印とか囲みとかの説明がほしかったので画像にしました。
ただ、やっぱり編集の手間を考えたら(追記とか好きなので)ここに直接ソースは書かないかも。
本当にめんどくさかったらブックマークレットみたいにジオシティーズに飛ばして、そこでソースは記述する方法もあるかなと今思いました…。
そしてふと気づいたら、自分とこも「あれ?」って感じで縦になってました。
(気づかな過ぎ?)
でも、まあ、どーしていいもんやら状態だったので放置。
わたしは「ここだけ縦書きはイヤ」だったので、ありがたく参考にさせていただき、修正しました。
選択は、「2」ということで。
ありがとうございました~~。
ふむふむ これは うちも 直さなければいけないなぁ
って 思って自宅に帰ってきたら
TBが来てたので びっくりしました。
まだ、直していないのですが
先にお礼だけ。
ありがとうございました。
実際、私自身、特に巡回先ならなおさらプロフィール欄なんてなかなかチェックしないし、なかなか気付かないんですが…。
気付いたら直したくなるので調べてみました。
●π氏さんへ
今のところ他には送ってませんが…とりあえず、気付いたところでTB送りやすい記事があったのでTB送りました。
結構手間がかかった記事なので、少しは反応ほしかったんですよ…。
ついでに、都道府県と自己紹介を他のものに変更してしまいました。
確かにそんな感じで1行ぶち抜きにしちゃうというのも手ですね。