賢威のヘッダーにあるh1タグを移動させる方法


賢威6.2のヘッダー領域には、h1タグが表示されています。

※賢威7からは、ヘッダー領域のh1タグは廃止されましたので、賢威7では以下の設定は必要ありません。

1

これですね。

これを移動させるのですが、ちょっとややこしいので、詳しく解説します。

h1タグを移動

2

ワードプレスのダッシュボード→外観→エディター→design.cssに行って、上の画像の部分を探してください。

この画像は前回→賢威のヘッダーにあるタイトル(ロゴ)・文章の横幅を変更する方法で使ったところです。

まずこの部分に注目して下さい。

#header h1{
margin-bottom: 1em;
font-size: 1.167em;
}

ここに、このコード「float: right;」を付け足します。

#header h1{
float: right;
margin-bottom: 1em;
font-size: 1.167em;
}

これがh1タグを配置させるコードです。今回は分かりやすいようにright(右側)にしてみました。

3

書き込んだら、「ファイルを更新」ボタンをクリックして保存し、トップページに行ってみます。

4

このようになります。

right(右端)なのにサイトの真ん中あたりにきている?

このh1タグはサイトのタイトルと同じblockの中に含まれているので、right(右端)というのは、「blockの中のright(右端)」ということになります。

ここのh1タグはあまり位置を移動しなくても良いところですが、もし移動させるのであれば、この方法を試してみて下さい。

今回の記事はお役にたてましたでしょうか?

もし、今回の記事を読んで感想や分からない事などありましたら、下のフォームよりお伝え下さい。

些細な事でも構いません。

おそらく、あなたが抱いた疑問は、これからこの記事を読む方も抱く疑問です。

そういった疑問を1つ1つ解決していきます。

コメントして頂ければ気づき次第、すぐに回答いたします。



総合案内

著者情報
著者情報
年収1000万円まで守る2つの事
読者さまの声
読者さまの声
もくじ
もくじ
超初心者講座
超初心者講座
ブログ基礎講座
ブログ基礎講座
トレンドブログ講座
トレンドブログ講座
パワーブログ講座
パワーブログ講座
マインドセット
マインドセット
コピーライティング
コピーライティング
ブログアフィリエイト
ブログアフィリエイト
トレンドアフィリエイト
トレンドアフィリエイト
ネットビジネス
ネットビジネス
SEO
SEO
コラム
Googleアドセンス
Googleアドセンス
与える事に徹する
与える事に徹する
先生の選び方
先生の選び方
Googleアドセンスの始め方
Googleアドセンスの始め方
賢威カスタマイズ
賢威カスタマイズ
このブログについて
このブログについて
女性のブログアフィリエイト
女性のブログアフィリエイト
そもそものステップが違う
そもそものステップが違う
中高年の方はシンプルな方法がお勧め
中高年の方はシンプルな方法がお勧め

このページの先頭へ