こんにちわ。

元SEOコンサルタントであり、現在web集客のコンサル企業で働きながら副業でアフィリエイターをしている秋田 健です。

賢威最新版の賢威8での見出しのカスタマイズ方法をこちらの記事ではご紹介します。

見出しの色やデザインを変えるだけでグッと記事のクオリティーが上がりますし、記事も見やすくなり読了率も上がることでSEOの観点から見ても高い効果を期待することができます。

あなたも見出しをカスタマイズしてオリジナルのサイトやブログを構築していきましょう。

 

※あきけん(@akitaken0530

 

◆見出しとは?

見出しとは?

 

記事の見出しとはサイトやブログなどで他の文字とは大きめの文字で記載されているものやデザインされている文字の部分を見出しといいます。

上記の「見出しとは?」がまさに見出しとなります。

 

文章をまとめた表題やどんなことが書かれているかの要約になるのが見出しになります。

見出しを見ることでどんなことが書かれているのか理解出来る見出しが読者にとっても良い見出しになり、読了率も上がりますので記事の中でも見出しはとても大切な部分になりますし時間をかけて考えるべきパーツになります。

表記的にはH2やH3などが見出しになります。

表記例<H2></H2>、<H3></H3>

 

使用方法としてはH2が大見出し、H3が見出し、H4が小見出しのように段階的に使用するのがSEO的に好ましいとされていますのでSEOを意識するなら絶対的に段階的Hタグは使っていきましょう。

 

使用例<H2>お肉の種類について</H2>
テキスト、テキスト、テキスト<H3>豚肉</H3>
テキスト、テキスト、テキスト<H4>黒豚</H4>
黒豚は・・・

 

<H4>ホエー豚</H4>
ホエー豚―は・・・

 

<H3>鶏肉</H3>
テキスト、テキスト、テキスト

 

<H4>名古屋コーチン</H4>
名古屋コーチンは・・・

 

<H4>比内地鶏</H4>
比内地鶏は・・・

 

<H3>牛肉</H3>
テキスト、テキスト、テキスト

 

<H4>松阪牛</H4>
松阪牛は・・・

 

<H4>仙台牛</H4>
仙台牛は・・・

 

<H2>終わりに</H2>
テキスト、テキスト、テキスト

 

このような流れでHタグを使うのが有効的なSEO対策にもなります。

 

◆文字色のカスタマイズ設定

文字色のカスタマイズ設定

 

やり方は実際は3つありますがこちらでは2つ紹介します。

最後のデザインをカスタマイズする欄で最後の1つは紹介しますのでHタグの文字色だけ変えたい方は以下で紹介する2つのカスタマイズ方法が簡単ですのでおすすめです。

1,文字色を投稿ページから変更する方法

非常に簡単に文字色を変更できますし、画像付きで解説しますので初心者の方でもご安心ください。

では早速文字色の替え方を紹介しましょう。

 

まず記事投稿画面で

丸い+マークの「ブロックを追加」をクリック

丸い+マークの「ブロックを追加」をクリック

 

一般ブロックから見出しをクリック

丸い+マークの「ブロックを追加」をクリック

丸い+マークの「ブロックを追加」をクリック

 

見出しを記入して文字色を変えたい文章をドラッグする

一般ブロックから見出しをクリック

 

▼マークをクリックして文字色を選択する

 

見出しを記入して文字色を変えたい文章をドラッグする

 

好みの色を選ぶとドラッグで選択した文章の文字色が変更される。

好みの色を選ぶとドラッグで選択した文章の文字色が変更される。

※好みの色がない場合はカスタムカラーからお好きな色をに変更可能です。

※好みの色がない場合はカスタムカラーからお好きな色をに変更可能です。

 

または右側画面のブロックから色設定を選択してお好みに色を指定することでHタグの文字色を変えることもできます。

または右側画面のブロックから色設定を選択してお好みに色を指定することでHタグの文字色を変えることもできます。

こちらの方が簡単に変更できますし、選択する回数なども少ないので右側で変更するのに慣れると記事執筆作業の効率化に繋がります。

どちらからでも文字色は変更することができますので自分の行いやすい方法で行いましょう。

 

2,賢威8の設定から文字色を変更する方法

上で紹介したHタグの文字色の変更方法はいちいちHタグを編集しなければいけないので面倒くさいという方も中にはいらっしゃると思います。

そのような方は賢威の設定から文字色を変更することで投稿画面では記事作成だけに集中できるメリットがありますので是非参考にしてみてください。

 

外観⇒カスタマイズをクリックしてください。

外観→カスタマイズ

 

カスタマイズの中にある「色」をクリックです。

外観→カスタマイズ→色→

 

カラー1をお好きな色に変更しましょう。

カラー1を変更。

 

カラー1を変更することでH3、H4の文字色を変更させることができます。

ですがTOPページの投稿ページの続きを読むなどの文字などもカラー1で設定した色になりますのでご注意ください。

 

◆背景色のカスタマイズ設定

背景色のカスタマイズ設定

 

基本的には賢威8のデフォルトではH3とH4の背景色は白で統一されています。

そのためH2の背景色しか変更することができませんのでご注意ください。

 

先ほど同様に「外観⇒カスタマイズ⇒色」と進み、カラー2を変更しましょう。

 

外観→カスタマイズ→色→カラー2

カラー2を変更することでH2の背景色が変更されます。

ですがH2の背景色だけでなくサイト、ブログ全て色が変わってしまうのでHタグの背景色だけ変更したい場合はCSSを個別で編集する必要があります。

 

◆デザインのカスタマイズ設定

デザインのカスタマイズ設定

 

見出しのデザインをカスタマイズする方法は初心者の方でも簡単に変更できますので安心してください。

また文字色のカスタマイズや背景色のカスタマイズをしたい方もこの設定を行っておけば、一度の変更であとは投稿画面で変更する手間がなくなりますのでやって損はありませんよ。

 

他のサイトと差別化することもできますのでより一層愛着が湧くサイト、ブログになっていくと思います。

 

やり方としては「見出し CSS」などでグーグル検索していただくとさまざまなサイトで見出しのCSSのコードが紹介されていますのでそれをコピー・ペーストしていただければ作業は簡単に終わります。

中でもサルワカさんなどで紹介している見出しタグはデザインもおしゃれできっと好みのデザインの見出しが見つかると思いますので参考にしてみてください。

 

それでは早速賢威8の見出しのカスタマイズ方法を紹介していきます。

 

・賢威8のデフォルトの見出しデザインを無効化する

サルワカさんなどで好みの見出しをコピーペーストしても賢威8のデフォルトの見出しデザインを無効化しないと新しい見出しデザインが反映されませんのでご注意ください。

そのためにまずは賢威8のデフォルトの見出しデザインを無効化していきましょう。

 

ダッシュボード→外観→カスタマイズ→追加CSS

ダッシュボード→外観→カスタマイズ→追加CSS

 

以下コードを追加CSSにコピペしてください。

 

/*h2~h4を無効化する*/
.article-body h2 {
background: transparent!important;
color: #000;
}

.article-body h3 {
border: none;
color: #333!important;
}

.article-body h4 {
border: none;
color: #333!important;
}

.article-body h5 {
border: none;
color: #333!important;
}

.article-body h6 {
border: none;
color: #333!important;
}

 

以下コードを追加CSSにコピペしてください。

公開をクリックしてください。

 

これで賢威8のデフォルトの見出しのデザインを無効化することができました。

次はあなたの変更したい見出しデザインのCSSを追加していく方法になります。

 

・お好みの見出しデザインのCSSを追加する

先ほど紹介したサルワカさんなどでお好みの見出しデザインのCSSをコピーしてきてください。

コピーしましたら再度無効化した時と同じ手順でダッシュボード→外観→カスタマイズ→追加CSSと進んでください。

 

先ほど無効化したCSSのコードの下に新しい見出しCSSのコードをペーストしてください。

先ほど無効化したCSSのコードの下に新しい見出しCSSのコードをペーストしてください。

 

コピペした場合は通常h1タグのCSSになっていますので変更したい見出しのhタグに変更してください。

数字を1から2に変更すればh2の見出しを変更することができますので変えたい見出しの数字に変更することを忘れないでください。

 

またH2〜4まで無効化されていますので、H2〜4全てのデザインを変更するなら問題ないのですがH3だけ変更した場合はH2とH4のタグは無効化されていますのでデザインのない大きな文字だけの見出しになってしまいます。

そのような場合は無効化でコピペした部分の無効化したくない部分だけを消去して公開をクリックしてください。

 

例)H3だけ変更する場合は
.article-body h3 {
border: none;
color: #333!important;
}

上記記述だけ残してあとは消去しましょう。

この下に新しいH3タグのCSSをコピーすればH3タグだけカスタマイズすることができます。

 

賢威8での見出しカスタマイズ方法はお分かり頂けたでしょうか。

見出しは文言もさることながら、目立つからこそデザインも重要になります。

是非自分らしい見出しにしてサイトデザインを整えてください。

 

賢威公式サイトはこちら

2万人を超えるユーザーが選んだSEOテンプレート【賢威】

 

☆アフィリエイトで稼ぐ「0Start」とは☆

 

まず「0Start」とは・・・

定して継続的に稼ぐ為の放置システムを最短最速で構築するためのアフィリエイト教材」になります。

 

<こんな不安を解決>

 

 

<如何にして放置で稼ぐか>

時間がない中で、最短最速で「稼ぐ仕組み=放置システム」を作り上げること。

 

※0Startで公開しています。

 

私は普段サラリーマンをしています。

つまり、日中はほぼ放置した状態で「月収100万円」を安定して継続的に稼いでいます。

 

<どんな方でも簡単実践可能!>

 

そんなことは一切関係ありません

 

ありがたいことに、数多くの方からご質問を頂く中で多かった質問が・・・

 

「どうやって月収100万を稼いだんですか?」

 

これに親身にご回答したいのは山々ですが、とんでもない文量になってしまいます。

そこで、「本当に知りたい」「本気で稼ぎたい」という方だけにお伝えしたいと考え、アフィリエイトのバイブル「0Start~放置システム最短サイト構築~」の販売に踏み切りました。

 

後悔はさせないほどの圧倒的なノウハウと特典の数々。

そして、手にして頂いたならば、実践し、極論真似してください

現時点で私が持ちうる全てのノウハウを「0Start」に注いでいます。

 

これからのアフィリエイトライフの一助に「0Start~放置システム最短サイト構築~」がなれば幸いです。

 

≪不労所得で月収100万円以上稼ぐ教科書「0 Start」≫

☑月収100万円以上を目指すための放置システムを構築

☑誰でも「稼ぐ仕組み」を徹底的に最短で作りあげられる

☑当サイト管理人の秋田健が長い歳月を掛け、本気で作成

☑24時間365日フル稼働で働くもう一人の自分を構築

☑放置で稼ぎ続ける「不変型」ノウハウを赤裸々に大公開

本気で稼ぎたい方だけ手に取ってみて下さい☆

【公式】0Start~放置システム最短サイト構築~

 

でわ!秋田 健でした!

 

≪使うべきNo1テーマついに決定!≫

☑デザイン性・自由カスタマイズ・簡単設定

☑会話・ボックス・ランキングで脅威のCTR

☑初心者~上級者まで圧倒的な利用者を誇る

☑秋田健が太鼓判を押す間違いないテーマ

☑2つの限定特典を付け初心者安心サポート

限定特典付き「AFFINGER5(WING)」購入はこちら

限定特典付きAFFINGER PACK3(WING対応)購入へ

 

 

≪無料メルマガ「アフィマガ」好評配信中≫

☑「月収100万円への道」をメルマガで無料配信!

☑SEO・ライティング・Googleアップデート情報!

☑アフィリで稼ぐ為の必要な情報を限定配信

☑サイト未完成の方・サイト完成後それぞれで配信!

☆「あなた」の状況に応じて選んでくださいね☆

メルマガ登録

無料メルマガ「アフィマガ」について

サイト未完成向けメルマガ登録ページ

サイト完成済み向けメルマガ登録ページ

 

 

<合わせて読まれている記事>