Topbar tıkla ara için cep tel numarası düzenleme

functions-header.php dosyamda ilgili kod bölümü bu şekildedir. Cep tel linkini nasıl yazmalıyım? Teşekkürler

$contact = '';
  if ( get_theme_mod('tel', '111.222.333') != '' ) {
  $contact .= "<span class='tel'>" . esc_html(get_theme_mod("tel", "+1 (0) 999-000")) . "</span>";
}

 

HMTL'de telefon numaralarına bağlantı vermek için aşağıda ki kodu kullanabilirsin.

<a href="tel:+905370123456">Beni ara</a>

 

Kodu biliyorum, uyguladığımda mobil telefon ikonu kayboluyor, kod değişikliğine izin vermiyor "satırı düzeltin" diyor. Temanın kodlarına entegresini sormuştum dostum..

http://w.tuyograf.com/

Muhtemelen tel sınıfını sildiğinden dolayı telefon ikonu gizlenmiştir. Kodunu aşağıda ki gibi değiştirip dener misin.

$contact = '';
  if ( get_theme_mod('tel', '111.222.333') != '' ) {
  $contact .= "<span class='tel'><a href='tel:" . esc_html(get_theme_mod("tel", "+1 (0) 999-000")) . "'>" . esc_html(get_theme_mod("tel", "+1 (0) 999-000")) . "</a></span>";
}

 

$contact = '';
if ( get_theme_mod('tel', '111.222.333') != '' ) {
$contact .= "<a href='tel:+9005423141341'>" . esc_html(get_theme_mod("tel", "+90 542 314 13 41")) . "</a>";
}

Bu şekilde cep tel ikonu kayboluyordu, padding ayarı ve yazı rengi değişiyordu. İlgili kodları elde edince sıkıntı kalmadı ilgine teşekkür ederim dostum..

ikon kodları;

.topbar a:nth-child(1) {
  color: #fff;
  display: inline-block;
  padding: 10px 15px 10px 0;
}

.topbar a:nth-child(1)::before {
  content: "\f10b";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 24px;
  line-height: 0;
  padding: 0 10px 0 0;
  position: relative;
  top: 2px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

 

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git