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


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

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

次ページ

12次

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

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

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

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

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

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

このブログは、

・アフィリエイト開始初月から9万円のネット収入が得られた秘密

アフィリエイト開始2ヶ月目で以前勤めていた会社からの給料と
 同額
のネット収入を確保した方法

・5ヶ月目で月収120万円を達成した最先端テクニック

・これから流行り始めるブログマネタイズの新しい思考法

などを書いています。

只今、ブログの内容をより体系的にまとめたビジネス教科書を
無料でプレゼントしています。

以下のフォームに教科書を受け取るメールアドレスと、
あなたの苗字を記入してプレゼントをお受け取り下さい。





記事一覧


著者:ヒデアキ
現在は、毎月100万円の収入を得ているブログアフィリエイトの知識を活かして「新たな収入源を手に入れ大切な人を守りたい」と真剣に考えている方を全力でサポートしています。
更に詳しいプロフィールはこちら


このページの先頭へ