アフィリエイト初心者が確実に稼ぐための方法、検証、口コミ、情報商材レビュー

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

流です。
さて
本日は

当サイトのヘッダー画像を
編集しました。
慣れない作業なので
8時間かかりました。

そこで
貴方には
数時間で
編集していただきたいので

マニュアルをしめすことにします。
それでは
以下から
お願いします。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

１－ＧＩＭＰ　か
アクセサリーの
プリントで

自分は
画像作成得意ではないので
プリントで
作成しました。

2-ワードプレス内の
ＵＰローダを使い

画像をＵＰして
ＵＲＬをメモリます。

ＦＦＦＴＰ使わなくてもいいです。

簡単にするには
過去記事に
画像をＵＰしますと

ＵＲＬが出ますので
それを
メモるだけでいいです。

3ーワードプレスの管理画面から

そこで
ＣＳＳを
テラパットに保存します。

4－

#header{
background-image: url(images/headers/header_text.jpg);
background-repeat: no-repeat;
background-position:center top;
height:182px;
display: block;
z-index:0;
}

の中の

この（）内を変更したい画像URLに差し替えればOKです。
サイズはwidthとheightで調整して下さい。

５－あと
画像内に
サイトタイトルと
説明文が
白字で反転されます。

ＣＳＳで

twenty ten

を使っていれば

の　チェックを外します。

twenty ten

使っていなければ

前の記事に書いたように

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

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

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

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

を　ＣＳＳの
一番下に
書き入れれば

完了です。

初めてなので

8時間　かかりましたが

なれれば
2時間くらいでできると
思います。

以上
よろしくお願いします。

最近
ＣＳＳの本を
購入して読んでいます。

そうすると
ソースを触るのに

不安感がないんです。

この点は
大きいと思います。

稼ぐには
とにかく
勉強が必要です。

ぜひとも
がんばっていくださいね。

よろしければ
クリックしてくださいね。

人気ブログランキングへＧＯ