会員サイトをリニューアルしました! 新サイトはこちら

トップページの右端に電話番号のアイコンを設置し電話番号をリンクさせるにはどうすれば良いですか < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

トップページの右端に電話番号のアイコン...
 
通知
すべてクリア

[解決済] トップページの右端に電話番号のアイコンを設置し電話番号をリンクさせるにはどうすれば良いですか

6 投稿
2 ユーザー
3 Likes
2,009 表示
free2021
(@free2021)
Eminent Member
Topic starter
 

添付の参考HPのように、PCでの表示の際も右端にボタンを設置して、
お問い合わせの電話番号にリンクするようにしたいです。

SWELLでもこのように設定できますでしょうか?

 
投稿済 : 24/05/2021 4:29 am
しらこ
(@96ssbike)
Prominent Member
 

SWELL公式サイトの、右上「購入する」ボタンの位置でしたら、「ヘッダー内部」ウィジェットに何かを入れていただければと思います。(スマホでは表示されません)

※SWELL公式サイトではCSSで多少調整しています。必要に応じて調整したりしてください。

にゃーん .

 
投稿済 : 24/05/2021 5:07 am
free2021
(@free2021)
Eminent Member
Topic starter
 

@96ssbike

返信ありがとうございます。

すいません。スキル不足で、こちらはちょっと理解できずで、できませんでした、、、。

 
投稿済 : 24/05/2021 6:35 am
しらこ
(@96ssbike)
Prominent Member
 

難しかったですかね。

個人的には、WordPressを使いこなすには(完全コピペじゃ著作権的にマズイですが)、他人のサイトのHTML・CSSを読めたほうが良いと思いますよ。といいますのも、そもそもの質問が「SWELLではできますでしょうか?」というのは、途中まで何をどのようにしようと考えられてないようにこちらでは受け止めます。

一番手軽なのは、追加CSSに

.c-gnav .menu-item:last-child {
  background: var(--color_main);
  color: #fff;
}

でしょうか。これはグローバルナビの:last-childつまり最後の要素の背景色をSWELLで設定したメインカラーに割り当てて、文字色を#fffつまり白にしているということです。背景色を好きな色に変えても良いかもしれませんね。

これ以上はご自身で勉強したりしてがんばってください。できなければ今は諦める。けど、悔しいと思い続けてなんとかやり通すのが何よりも大切です。そうすれば質問しなくても出来ますから。

にゃーん .

 
投稿済 : 24/05/2021 7:24 am
kotouri and あさひ reacted
free2021
(@free2021)
Eminent Member
Topic starter
 

@96ssbikeご返信ありがとうございます。精進してやってみます。

 
投稿済 : 24/05/2021 9:54 am
free2021
(@free2021)
Eminent Member
Topic starter
 

@96ssbike

ご教示いただいたやり方で、PCのグローバルメニューのお問合せのメニューのところだけ、ボタンのような表記にできました!

もっとHTML,CSSの勉強、しっかりやっていきたいと思います!

また、ご指導よろしくお願いいたします!

 
投稿済 : 24/05/2021 11:33 am
しらこ reacted
共有: