www.wanichan.com

Expression Webではてなダイアリーのスタイルをカスタマイズ

ブログ記事アーカイブ
最終更新日時: 2020/06/30 00:34:38
  • このエントリーをはてなブックマークに追加
Internet Explorerから[ページ]メニューの[Microsoft Expression Web 4で編集]コマンドを実行すると、Expression Web 4で確認が行えます。[スタイルの適用]パネルを活用してブログスタイルをカスタマイズしてみましょう。

Expression Web 4で確認するには

はてなダイアリーの既定のCSSスタイルの記事の行間は1.5行だったりします。それぞれどのようにしてスタイルが構成されているのかひと目で判別するには、Internet Explorerから自分のはてなダイアリーのサイトを開き、右上の[ページ]メニューから[Microsoft Expression Web 4で編集]コマンドを実行すると、Expression Web 4で確認が行えます。

Expression Web 4でスタイルを確認するには

クラススタイル .hatena-body をポイントすると、行間が1.5になっていますよね?

Windows Live Writerではてなダイアリーを投稿する際でも、段落内改行(<br>)はShift+Enterキーで、Expression Webと同じ要領で行えますが、新しい段落を始めるのと段落内改行との差があんましなかったりします。

その謎を解くためには、その記事内の段落を選択します。すると、[スタイルの適用]パネルでは.body .sectiion p というスタイルが黒く囲まれます。

そのスタイルにマウスカーソルを重ねると、上下マージンが微妙に設定されていることがわかります。

これははてなダイアリーに限らず、他のブログでも確認ができると思います。一度やってみてください!

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

▲このページのトップへ