賢威8をカスタマイズしています。
全く知識がないので、試行錯誤の繰り返しです。
この記事では、
- トップページに画像を入れる方法
- 画像の上に文字を入る方法
を紹介します。
賢威8を使ってるけど、フォーラムに質問するのもはずかしいので、必死でああでもないこうでもないとやっています。
HTMLサイトみたいにヘッダー画像を入れてみたいという方は参考にしてくださいね。
賢威8にヘッダー画像を入れたい。
私がやりたいことは、
こんな風に画像を入れたいのです。
早速やっていきましょう。
管理画面→賢威の設定→メインビジュアル→背景画像を開きます。
画像の幅は、テンプレート幅とブラウザ幅のどちらかお好みで選んでください。
画像をアップロードします。
アップロードすると、
キチンと画像が入りました。
でも、折角だから文字を入れたいと思いませんか？
ヘッダー画像に文字を入る方法
ヘッダー画像が入っただけでも、雰囲気が変わりましたが、文字が入るとまた感じが変わりますね。
背景画像をヘッダー画像にすることで、文字を入れることができるんです。
管理画面→賢威の設定→メインビジュアルを開きます。
赤で囲っているテキストの部分に文字を入れます。
すると、
文字にグレーの背景が付きました。
愛され続けて20年のグレー背景ですね？
グレーの背景を取る方法は、
を参考にさせてもらいました。
とても詳しく書かれていますので、私のようなものでも理解できるますので、助かります。
ただ、親テーマに書き込んでいるので、親テーマがバージョンアップしたときにまた同じように書き換えないといけないので、大変です。
そこで、子テーマに書き込むようにしましょう。
親テーマがバージョンアップしても、書き換える必要がありません。
早速行ってみましょう。
管理画面から外観→カスタマイズ→追加CSSに書き込んでもOKです。
この場合はとても簡単です。
すぐに反映されるので、やった感がありますよ！！
賢威8の子テーマを選びます。
以下のCSSをコピペすればOKです。
.catch-area_inner{
padding: 15px;
background-color: rgba(255,0,0,0);
color: #fff;
text-align: left;
}
賢威8の子テーマの張り付けたところが、
すると、
やっと、できました。
ヘッダー画像の文字を大きくするには？
今度は、文字を大きくしたいと思いました。
でも、どうしていいのかわかりませんでした。
でも、管理画面を見ていたら、
わたしは、テキスト表示にしていたのです。
ビジュアルに変更すると、いつも見慣れている画面になりました。
そこで簡単に文字の大きさを変えることができました。
賢威を使い慣れている人にはすぐ文字の大きさなど変更できると思います。
使いながら覚えていかないといけませんね。
まとめ：賢威8ヘッダーに画像と文字を入れる方法
私がヘッダー画像を挿入したいと思っても、どこをさわっていいのかわからずに、いろいろググりました。
サポートフォーラムを見ても賢威8については、まだ情報が少ないようです。
わたしのように、賢威8のヘッダーに画像を入れたいと思う方やヘッダー文字の背景のグレーを消したいと思う方はいらっしゃると思います。
賢威8の使い方が難しいと感じる人の手助けになれるとうれしいです。
賢威のテンプレートは上位表示できるといわれています。
頑張って使いこなせるようなりたいですね。
