CG
(@du-bist-der-lenz)
beauti_plusでは、class="logo"とある周囲に入れてみましょう。
モバイル等でタッチすることで電話がかかる仕組みにできると大変ありがたいです。
こちらは、下記ページが参考になると思います。
https://webliker.info/65145/
CGさま。
いつもありがとうございます。
お返事が遅くなり、申し訳ございませんでした。
おかげさまで、コードを入れる場所が特定できました！
また、ぜひ教えてください。
ishitakaさま。
いつも丁寧に教えていただき、ありがとうございます。
お返事が遅くなり、申し訳ございませんでした。
色々とやっておりましたが、自分の理想に近いコードで大変助かりました。
少しやってみましたが、もう少し教えていただけないでしょうか？
・電話アイコンを追加したボタンにする場合
ロゴに少し被ってしまうようなので、もう少しアイコンを上にズラす方法。
ロゴと同じ高さで、画面の右端にズラす方法。
CSS
.btn-tel{
position: relative;
display: block;
border-radius: 50px;
color: white;
font-weight: bold;
text-align: center;
background: #f75065;
padding: 5px 0;
margin: auto;
max-width: 250px;
}
.btn-tel::after{
content: "";
background: url(img/telephone.svg) no-repeat center;
background-size: contain;
width: 24px;
height: 24px;
position: absolute;
top: calc(50% - 12px);
left: 15px;
}
・画面の下にボタンを固定する
画面下に表示はされるが、?マークになってしまう。別途電話アイコンが必要だと思われるが、コードのどこへどの様に入れれば良いのか？
HTML
<a href="tel:00000000000">
<img class="tel-fixed" src="img-telephone">
</a>
です。
伝わるように簡潔にした為、乱筆乱文となりました事をお許しください。
どうぞよろしくお願いします。
どのような HTML なのか分からないので、分かりません。
また、WordPress とはもう関係がなさそうなので、HTML や CSS 全般について質問できるところでお聞きになるといいと思います。
ishitakaさま。
遅くまでお付き合いいただき、ありがとうございます。
わかりました、もう少し自身でも調べてみます！
色々とご指導いただき、ありがとうございます。
またよろしくお願いします。
