ワードプレス ヘッダー画像編集方法

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

流です。
さて
本日は

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

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

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

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

1-GIMP か
アクセサリーの
プリントで

1000 x 182 PX
の 画像を作成する。

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

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

画像をUPして
URLをメモリます。

FFFTP使わなくてもいいです。

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

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

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

外観→テーマ編集→スタイルシートに入ります。

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

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;
}

の中の

background-image: url(images/headers/header_text.jpg);

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

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

CSSで

twenty ten

を使っていれば

テキストを表示する

の チェックを外します。

twenty ten

使っていなければ

前の記事に書いたように

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

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

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

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

を CSSの
一番下に
書き入れれば

完了です。

初めてなので

8時間 かかりましたが

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

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

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

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

不安感がないんです。

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

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

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

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

人気ブログランキングへGO

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

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


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

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