【賢威6.2】ヘッダーのh1テキストの折り返し幅を変更する方法 | 元インストラクターが教えます!超・初心者さん向けネットビジネスの始め方

ネットビジネス初めの一歩 ~初心者さん向け講座~

初心者講座

wordpress

賢威

【賢威6.2】ヘッダーのh1テキストの折り返し幅を変更する方法

ヘッダー部分のh1テキストとは、タイトルの下に表示される文字列です。

賢威6.2の初期設定では、次の行への折り返し位置が既に決定されているので、

これを、自分の好きな位置に変更する方法を図解入りで詳しく説明します^^

 

ヘッダーのh1テキストの折り返し幅の変更例

下の画像をご覧ください。

ヘッダー画像の左下に文章がありますが、
文章の途中で無理やり改行されていてちょっと読みにくいですね。

【賢威6.2】の初期設定ではこのように
真ん中より少し右あたりで強制的に改行されるようになっています。

賢威カスタマイズ

 

 今回は、これを下の図のように変更していきたいと思います♪
改行が無く一行に収まっていますね^^
それでは作業に入って行きましょう!

賢威カスタマイズ

 

 【賢威6.2】design.cssの記述を変更しよう

WordPressのダッシュボードにログインしておきます。
①【外観】にマウスをあて、
 出て来たメニューから【テーマの編集】をクリックします。

賢威カスタマイズ

 

 画面が切り替わりましたら、
右側のリストから【design.css】を探してクリックします。

賢威カスタマイズ

 

 更に画面が切り替わったら、
下の図と同じ部分を探します。

width: 59.5%
↑↑↑
これが、ブログ全体の横幅を100として、
左から何%の所で折り返すかを決定している数値です。

賢威カスタマイズ

 

 59.5%を、100%に変更しました。

賢威カスタマイズ

 

 変更ができたら、
【ファイルを更新】をクリックします。

賢威カスタマイズ

 

 画面左上のブログタイトルをクリックして
プレビューを表示してみましょう。

keni-h1-8

 

 じゃん♪♪
改行なく一行に収まっていますね^^

賢威カスタマイズ

 

いかがでしたでしょうか ?

今回は、100%にしましたが、
載せたい文章によって、ちょうど良い所で折り返されるように
プレビューを見ながら数値を自由に変更して頂いてOKです^^

それでは、今回はこのへんで^^

PS.

何か相談したいこと、聞きたいこと、雑談でも、ありましたら

遠慮なくお問い合わせください^^

心を込めてお返事させて頂きます。

【こんなことも教えて!】というご要望も絶賛募集中です!
↓↓↓
マルコにメッセージを送る

 

マルコは、パソコン1台でインターネットで収入を得て暮らしています。
そして、月収130万円を達成して、家庭を犠牲にして働きづめだった生活から、救われました。
ネットビジネスというと胡散臭いイメージがありますが、まっとうなビジネスもちゃんとあります。
そんなビジネスを解りやすく、1から解説していますので
良ければこちらもご覧ください♪♪
↓↓↓
マルコのネットビジネス初心者講座

コメントを残す

サブコンテンツ

このページの先頭へ