サイトのロゴ画像などについて

のんちゃん

↓こんな感じのサイトを作りたいんだけど。

https://www.xn--u-ieura6wvbc7415c697bqq3bvxp00l.xyz/

そのために、次のような設定はどうすれば出来るの?

1)サイトのタイトルはロゴ画像にして、クリックするとHOMEに飛ぶ

2)キャッチフレーズは、1)のタイトルロゴ画像の上にくるようにする。

3)ヘッダー画像の上は開ける(サイトロゴとキャッチフレーズだけにする)

4)メニューバーの色を自由に変えて、触ると色が変わるようにする。

AI

上記サイトはAFFINGER4というテーマを使用しているようです。

のんちゃんが現在使用しているテーマはSimplicityでしょうか?

以下、Simplicityを使用している前提で回答いたします。

1)サイトのタイトルはロゴ画像にして、クリックするとHOMEに飛ぶ

こちらはSimplicityの外観→カスタマイズ→ヘッダーと進んでいただき、
「ロゴ画像」にロゴ画像のファイルをアップロードして、
「ロゴを画像にする」にチェックを入れれば実装可能です。

2)キャッチフレーズは、1)のタイトルロゴ画像の上にくるようにする。

これはSimplicityのカスタマイズ機能では実装できないので、
やろうと思ったらコードの改造が必要です。
以下URLを参考にしてみてください。

こちらを参照

3)ヘッダー画像の上は開ける(サイトロゴとキャッチフレーズだけにする)

ヘッダーの背景画像を表示したくないという意味でしたら、
外観→カスタマイズ→ヘッダーと進んだ先でヘッダー画像を非表示にしてみてください。

ヘッダー背景画像を表示しつつ、その上部にサイトロゴとキャッチフレーズを置きたいという場合は、
ヘッダー部分のCSS等の調整が必須かと思います。

こちらはかなり難しいですが、以下URLが参考になるかと思います。

こちらを参照

4)メニューバーの色を自由に変えて、触ると色が変わるようにする。

外観→カスタマイズ→色 と進んでください。
そこにある「グローバルナビ色」でメニューバーの色が、
「グローバルナビリンクホバー色」でマウスカーソルが触れた際の色が変更できます。

CSS等のコードを変更される際は、必ずバックアップを取ってから作業することをおすすめいたします。

にほんブログ村 小遣いブログ ネットビジネスへ
にほんブログ村

にほんブログ村 その他生活ブログ 家計管理・貯蓄へ
にほんブログ村

ブログランキング・にほんブログ村へにほんブログ村

https://www.xn--u-ieura6wvbc7415c697bqq3bvxp00l.xyz/

ご連絡いただいた上記サイトはAFFINGER4というテーマを使用しているのですが、本間さんが現在使用しているテーマはSimplicityでしょうか?

以下、Simplicityを使用している前提で回答いたします。

1)サイトのタイトルはロゴ画像にして、クリックするとHOMEに飛ぶ

こちらはSimplicityの外観→カスタマイズ→ヘッダーと進んでいただき、
「ロゴ画像」にロゴ画像のファイルをアップロードして、
「ロゴを画像にする」にチェックを入れれば実装可能です。

2)キャッチフレーズは、1)のタイトルロゴ画像の上にくるようにする。

これはSimplicityのカスタマイズ機能では実装できないので、
やろうと思ったらコードの改造が必要です。
以下URLを参考にしてみてください。

https://wp-simplicity.com/suport/topic/%E3%82%AD%E3%83%A3%E3%83%83%E3%83%81%E3%83%95%E3%83%AC%E3%83%BC%E3%82%BA%E4%BD%8D%E7%BD%AE%E5%A4%89%E6%9B%B4/

3)ヘッダー画像の上は開ける(サイトロゴとキャッチフレーズだけにする)

ヘッダーの背景画像を表示したくないという意味でしたら、
外観→カスタマイズ→ヘッダーと進んだ先でヘッダー画像を非表示にしてみてください。

ヘッダー背景画像を表示しつつ、その上部にサイトロゴとキャッチフレーズを置きたいという場合は、
ヘッダー部分のCSS等の調整が必須かと思います。

こちらはかなり難しいですが、以下URLが参考になるかと思います。

https://wp-simplicity.com/suport/topic/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E7%94%BB%E5%83%8F%E3%81%A8%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%82%92%E9%87%8D%E3%81%AD%E3%81%AA%E3%81%84%E6%96%B9%E6%B3%95/

シェアする

  • このエントリーをはてなブックマークに追加

フォローする