BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» はてなブログカスタマイズ はてなブログの左寄せ 中央寄せ 右寄せ設定の方法

このエントリーをはてなブックマークに追加

はてなブログカスタマイズ はてなブログの左寄せ 中央寄せ 右寄せ設定の方法

   投稿日: 2018/02/10    投稿者:webコラム

8c0834fee3c0a0882cc767d9138d57b9_s.jpg


 こんにちは! ライターのモモタロウです。

今回は、はてなブログカスタマイズ はてなブログの文章を左に寄せ、中央寄せ、右寄せの設定方法についてお伝えいたします。

はてなブログの文章寄せ方法


まず、はてなブログにログインします。

その後、CSS編集にて、以下のコードを入力します。

センター寄りにするには、
.center {text-align: center}

右寄せにするには、
.right {text-align: right}

(左寄せは、すでにデフォルト設定となっているため、何もしません)

―と入力します。

CSS編集は、
「ダッシュボード」→「デザイン」→「スパナ」ボタン→「CSS編集」の順にクリックしていきます。
20171230-1.jpg





CSS編集の一番下にコードを入力しよう。



20171230-2.jpg

その後、「記事を書く」より、タイトルを入力して、「HTML編集」タブより、
以下のコードを入力します。

20171230-3.jpg

左寄せ文章は、以下の通りです。

<p>はてなブログカスタマイズCSS指定なしの文</p>



センター寄りの文章にするには、以下の通りです。

<p class="center">はてなブログカスタマイズ中央寄せの文</p>



右寄せ文章は、以下の通りです。

<p class="right">はてなブログカスタマイズ右寄せの文</p>



青い部分は、任意の文章を入力します。

編集が終わったら、「公開」ボタンをクリックして、ブログを確認すると・・・


20171230-4.jpg



まとめ


如何でしたか? はてなブログの文章の寄せ方をお伝えしました。

是非、試してみて下さいね。




カテゴリ:

TOPへ