2023年11月29日
ファンブログの見出し矩形枠の書き方が便利になった
遠ざかっていた、ファンブログをしばらくぶりに使ってみました。
ログインのIDとパスワードを忘れてしまったり、マイページにたどり着くのに一苦労したり、記事編集画面では使い方もおぼつかなく、デザイン機能に至っては手が出ずパソコンの前で固まってしまいました。
何とか使ってみると、記憶違いでなければ過去になかった新しい便利な機能もありました。
便利な記事編集機能
- 箇条書き機能
- 見出し機能
- デフォルト?の先頭にデザインもあるパターン
- 文の下に破線が引かれたパターン
- 文の下に線が引かれたパターン
- 背景が色付けされたパターン
- 線のみの矩形枠のパターン
- 番外、編集機能には無いけどこんなことも
- 引用機能
箇条書き機能
※上記の「便利な記事編集機能」は、箇条書きの機能を使っています。
見出し機能
見出し機能は、マイページの記事投稿 → 記事編集画面(修飾・定型文)の ❘あ 見出し → と進みます。
以下は見出し機能を使った例です。
デフォルト?の先頭にデザインもあるパターン
ちなみにこのパターンのソースコードは次のようになっています。
<div style="margin:20px 0 0; border-left: 7px solid #FF0000; padding:4px 0 4px 6px;">デフォルト?の先頭にデザインもあるパターン</div>
hタグを使用してないです。ほかの全てのパターンも同様です。
文の下に破線が引かれたパターン
文の下に線が引かれたパターン
背景が色付けされたパターン
線のみの矩形枠のパターン
番外、編集機能には無いけどこんなことも(丸みを持たせた優しい矩形)
ファンブログで丸みを持たせた優しい(角が丸い囲い枠)を使う方法は、以下の通りです。(コピペして、ファンブログのエディタに貼り付けるだけです)
※次のCSSをコピーして、文字列の部分を適当な文に置き換えます。
文字色は、「#a9a9a9」の部分を好みの色に置き換えます。
<div style="border:solid 2px #a9a9a9; border-radius: 8px; padding:10px;">文字列</div>
引用機能
次の背景塗りつぶしの文は、引用の例です。
以前勤めていた会社の後輩が
3歳になる子供を連れて親子三人で遊びに来た。
久しぶりに会社のこと、同僚のことを懐かしく話した。
若い夫婦は家のことが気になるらしい。
二人は、
「ふ〜ん、なるほどね」
などと頷いたりして
台所、風呂場、居間、階段などを興味深く見て回った。
突然、
「あっ、これいいね」当ブログの、テニスボールの足カバーより一部転載
最後に
以前は枠線を引くのも、枠内の背景を塗りつぶすのも苦労していました。
備忘録として書き記しました。
この記事を書き終えるころには、記事編集機能の記憶が戻ってきました。
(この部分は、見出し機能の「背景が色付けされたパターン」を使っています)