ワードプレスサイトで ヘッダーの文字を非表示にする方法

こんにちわ
流 一哉です。

さて
当ワードプレスサイト

ヘッダー画像を
交換しました。

画像を作成して
それを
FFFTPではなく

ワードプレス内のサーバーで
UP

CSSから編集しました。

ところが

ヘッダーに
サイトのタイトル
説明文が

白字として映る羽目に。

この白字を消すには

と模索していました。

調べれば
わかるもんです。

==============

通常
近年のワードプレスには

テーマとして
twenty ten

が入ってるんらしいんです。

そうすると
テキスト非表示

をクリックすると
表示されなくなるんですね。

=============

ところが
当サイトは

初期のヘッダーを導入する際
twenty ten

が入っていなかったんです。

困りました。

============

そこで
調べると

CSSの

一番下に

=======================

#header h1 {
text-indent: -9000px; /* 文字は説明非表示 */
}

#header h1 a { /* トップに戻るとき画像をクリック */
display: block;
width: 800px;
height: 400px;
overflow: hidden;
}
#header h2 {
display: none; /* ブログの説明非表示 */
}

=======================

を入れればいいんですね。

そうすれば

ヘッダーの白字テキストがなくなりました

ヘッダーをクリックすると
トップページに
戻るようになりました。

さすが
グーグルさんです。

twenty ten

が入っていない場合には

↑の
処置をとってくださいね。

ちなみに

ヘッダーのサイズは
1000px*182px

でした。


JRブログランキング

«  ワードプレスサイトで ヘッダーの文字を非表示にする方法  »
★彡スマイルアフィリエイト最強軍団【SAG】 チーム生募集中
の、メルマガ登録フォームです。
お客様を笑顔にする
そんなビジネスをはじめませんか!!!
お名前
例)山田 健
メールアドレス
例)mas11aki@yahoo.co.jp
メールアドレスを入力して、送信すると
勝 信彦のメールマガジンに登録されます。

こちらからコメント送信してください。


コメントはまだありません

  1. コメントはまだありません。