バナー広告

 

今回は、はてなブログの文字装飾の方法を図解でお伝えします。文字ばかりで真っ黒な記事よりも、文字や背景に色がついていたり、文字の大きさや下線でメリハリがついていた方が見やすいですね。

そこで今回は「最低限これだけは覚えておきたい文字の装飾方法」をまとめましたので是非マスターして下さいね。

追記:当記事は2017年11月4日に書いたものを2019年11月20日再編集したものとなります。この記事に書かれている内容は最新版にアップデートしましたので安心してご覧ください。

 

文字の色を変更する方法

文章の目立たせたい箇所は文字色を変更しましょう。記事の編集画面に移動してください。

 

はてな文字色赤

上記「ひつまぶし」という文字を赤色にしてみますね。

 

ひつまぶしドラッグ

文字色を変更したい文字をドラッグ(クリックしながら移動)します。

 

ひつまぶし青色のまま

その状態で「」というアイコンをクリック。

 

はてな色パレット

するとこのようなパレットが表示されるので使いたい色を選んでクリックします。

ブログを確認してみましょう。

 

はてな色変更確認

「ひつまぶし」という文字が赤くなっていますね。

文字のサイズを大きく(小さく)する方法

次は文字のサイズを変更する方法をお伝えします。

 

はてなブログ文字サイズ

サイズ変更したい文字をドラッグして上部「T」というアイコンをクリック。

 

はてなサイズ選択

大、中、標準、小の中から選べます。今回は「中」をクリックしてみます。

ブログを確認してみましょう。

 

はてなサイズ変更チェック

文字サイズが変更されていたら成功です。

文字に下線(アンダーライン)を引く方法

文章の重要ポイントなどは下線を引いて強調すると読みやすくて効果的です。

 

はてな下線の引き方

下線を引きたい文字をドラッグして「U」のアイコンをクリック。

 

はてなアンダーライン確認

このように下線が引かれていたら成功です。

打消し線(取り消し線)を入れる方法

古くなった情報などは消してしまうのではなく「打消し線」を入れると、過去との比較ができてユーザーにも便利です。

 

はてな打消し線

打消し線を入れたいテキストをドラッグした状態で、上記アイコンをクリック。

 

はてな打消し線確認

 

 

ちなみに私はブログアフィリエイトで人生が激変しました。もし現状が不安な方はぜひ私の稼いでいる秘密をご覧ください。

後藤の稼いでいる生の情報や裏ワザ的なノウハウもお伝えしております。

後藤の稼いでいる方法と秘密を見る

 

 

このように打消し線が入っていたらOKです。

文字を太くする方法

次は文字を太くする方法です。

 

はてな太字

太くしたい文字をドラッグして「B」のアイコンをクリック。

 

はてな太字確認

きちんと太字になっていますね。

箇条書きの方法

文章を並べる時は単純に「・」と入力していくのではなく、正式な箇条書きのタグを使った方がSEO的にも効果があると言われています。

 

はてな箇条書き

箇条書きにしたい箇所を全部ドラッグした状態で上記アイコンをクリック。

 

はてな箇条書き確認

このように文字の左側にスペースができて箇条書きされていたら成功です。

 

はてな箇条書き追加

また箇条書きの最後をクリックして「Enter」キーをクリックすると、

 

箇条書き追加チェック

リストを追加することができます。

番号付きリストを作る方法

次は番号付きで箇条書きを作る方法をお伝えします。

 

はてな番号付きリスト

番号を付けたい箇所を全部ドラッグした状態で上記アイコンをクリック。

 

はてな番号付きリスト確認

このように左側にスペースが入り番号が入力されます。

 

【稼げるキーワード暴露中】
▼ ▼ ▼
中断バナー

 

 

はてな番号付きリストエンター

リストの最後で「Enter」をクリックすると、

 

はてな番号付きリスト追加

番号が追加されてリストを増やす事ができます。

文字にリンクを貼る方法

文字にリンクを入れるのはとっても簡単です。

 

はてなテキストリンク

リンクを貼りたいテキストをドラッグして「鎖マーク」のアイコンをクリック。

 

はてなブログのリンクの貼り方

「URL」にリンクしたいURLを入力して「プレビュー」をクリック。

 

はてなブログリンク方法を選択

リンク方法を1と2で選択できます。

1はそのまま選択したテキストでリンクされます。2は上記のようにカードのように挿入されます。

記事の文中にリンクを貼りたい場合は1、「参考文献」のように文章の終わりにリンクを貼りたい場合は2を選択すると見やすいと思います。

 

はてなテキストリンク保存

プレビューではリンクがきちんと飛ぶか確認できないので一度公開して確認してブログをチェックしましょう。

 

はてなリンク最終チェック

テキストリンクをクリックして飛んだら成功です。

テキストリンクを新しいタブで開く設定

通常はリンクをクリックすると、今のページが閉じてリンク先が表示されますねそこで。今のページを残したまま新しいタブでリンクを開くようにする設定を解説します。

とっても簡単なので一緒にやってみましょう。

 

はてな新しいウィンドウでリンク

「HTML編集」をクリック。

 

実は私が稼げるようになった理由は美しいデザインや画像、文章力などの小手先のスキルを諦めて「最短で稼ぐためのノウハウに集中して取り組んだから」です。

最短で稼ぐためのノウハウを見てみる

 

 

はてなURL検索

新しいタブで開きたいURLを探します。

<a href=”https://yahoo.co.jp“>

上記、「」と「>」の間に、「target=”_blank”」をコピーして貼り付けてください。

このように記述します⇒ <a href=”https://yahoo.co.jptarget=”_blank”>

記述ができたら公開してブログを確認してみましょう。新しいタブで開いたら成功です。

文字に背景色をつける方法

文字の背景の色を変更すると大変見やすくなりますね。←こんな感じです。

ただ、はてなブログは文字の背景色の変更をHTMLで行う必要があります。これもとっても簡単なのでサクッとやってしまいましょう。

【テキストに背景色を入れる記述】

<span style=” background : #カラーコード;”>テキスト</span>

 

カラーコードは下記を参考にしてください。

【文字の背景色によく使うカラーコード】

薄い水色ccffff
黄色ffff00
薄い黄色ffff99
ピンクffc0cb
薄い緑ccffcc
薄い紫cc99ff
薄いオレンジffcc99

背景色でよく使うカラーコードより

実際にやってみましょう。

 

はてなテキスト背景色変更

「HTML編集」をクリックしてください。

 

はてな背景色HTML

今回は上記「ひつまぶし」という文字の背景をピンク(カラーコードffc0cb)にしてみたいと思います。

記述出来たらプレビューで見てみましょう。

 

はてなテキスト背景色チェック

きちんと背景がピンクになっていますね。

引用文の使い方

はてなブログは引用文を簡単に挿入することができます。

 

はてな引用文の挿入方法

引用文として枠で囲いたい箇所をドラッグした状態で上部アイコンをクリックします。

 

はてな引用文チェック

このように文章が枠で囲われていたら成功です。

他人の記事を引用するにはいくつか注意点があります。

(注5)引用における注意事項

 他人の著作物を自分の著作物の中に取り込む場合,すなわち引用を行う場合,一般的には,以下の事項に注意しなければなりません。

  • (1)他人の著作物を引用する必然性があること。
  • (2)かぎ括弧をつけるなど,自分の著作物と引用部分とが区別されていること。
  • (3)自分の著作物と引用する著作物との主従関係が明確であること(自分の著作物が主体)。
  • (4)出所の明示がなされていること。(第48条)

引用元:著作物が自由に使える場合

上記のように「引用元」をつけたり枠でくくって引用部分を区別する必要があります。

引用文の使い方に関しては下記にて詳しくまとめておきましたのでご確認ください。

説得力のある文章が書けるコピーライティング術

ブログで稼ぐために大切なこと

今回は、はてなブログの文字色や背景色の変更、文字のサイズ変更や、リンク掲載、引用文の挿入の仕方などをお伝えしました。

HTMLを覚えれば、まだまだ色々なカスタマイズはできるのですが、稼ぐ事を目的とした場合そこまで凝る必要はありません。

稼ぐためには見た目やデザインよりも、ブログの本質を学ぶ必要があります。

ブログの本質は簡単に言うと「アクセスを集めて商品を紹介する事」ですね。記事の見た目も多少は大切ですがそれよりも重要なのは、「アクセスアップ」であったり「売るための文章術」を学ぶことだと思います。

下記にてブログで大きく稼ぐために学んでおきたいノウハウをまとめましたので是非ご一読いただければと思います。

ブログアフィリエイトの始め方!初心者が30万稼ぐ方法とコツ

ブログで100万円を簡単に稼ぐ方法と考え方

ブログ開始3カ月から半年過ぎてもアクセスも収入も上がらない時の改善策

 

最後までありがとうございました。

 

【追伸】
最近、一軒家の賃貸物件が増えてきました。愛娘も、あと半年もたてば歩き始めるころだと思うのでそろそろ引越を考えようかな・・・と思う今日この頃です。

記事を読んだらコチラ
▼  ▼  ▼

バナー広告