0
Kayıt Ol

Bunu nasıl yapmışlar?

16

●

544

  • 25-02-2022, 16:36:08
    #1
    Erc_Orc
    Erc_Orc
    Herkese iyi forumlar, wordpress sitesi için sadece mobilde görünecek aşağıdaki gibi bir şey nasıl yapabilirim. Sadece whatsapp için olan var ama bu şekilde daha zengin görünüyor. Bunu bir sitede görmüştüm ama siteyi hatırlamıyorum şuan.
  • 25-02-2022, 16:40:06
    #3
    Hurtech
    Hurtech
    örnek kullanım https://bursadakombiservisi.com/
  • 25-02-2022, 16:40:06
    #4
    Caxing
    Caxing
    CSS / HTML ile çok kolay bir şekilde yapabilirsiniz. Böyle bir şey için eklenti kullanmaya gerek yok. Siteniz responsive ise ve fontawesome destekliyorsa, kodlayıp atabilirim.
  • 25-02-2022, 16:43:39
    #5
    Erc_Orc
    Erc_Orc
    Hurtech adlı üyeden alıntı: mesajı görüntüle
    https://wordpress.org/plugins/mobile-contact-bar/
    Hurtech adlı üyeden alıntı: mesajı görüntüle
    örnek kullanım https://bursadakombiservisi.com/
    Hocam bakacağım bu eklentiye, teşekkür ederim
    Caxing adlı üyeden alıntı: mesajı görüntüle
    CSS / HTML ile çok kolay bir şekilde yapabilirsiniz. Böyle bir şey için eklenti kullanmaya gerek yok. Siteniz responsive ise ve fontawesome destekliyorsa, kodlayıp atabilirim.
    Hocam destekliyor, çalıştığım şirketin sitesi, ücret nedir?
  • 25-02-2022, 16:48:41
    #6
    Caxing
    Caxing
    Erc_Orc adlı üyeden alıntı: mesajı görüntüle
    Hocam bakacağım bu eklentiye, teşekkür ederim

    Hocam destekliyor, çalıştığım şirketin sitesi, ücret nedir?
    Ücrete gerek yok hocam, umarım işiniz görülür. Birazdan gönderiyorum.
  • 25-02-2022, 16:49:45
    #7
    Erc_Orc
    Erc_Orc
    Caxing adlı üyeden alıntı: mesajı görüntüle
    Ücrete gerek yok hocam, umarım işiniz görülür. Birazdan gönderiyorum.
    Eyvalah hocam çok sağolun, dm'den link atarım yapınca
  • 25-02-2022, 17:08:39
    #8
    MikailAvci
    MikailAvci
    Mobile contact bar arkadaş iletmiş tavsiye ederim sürekli tercihimiz
  • 25-02-2022, 17:24:20
    #9
    Caxing
    Caxing


    Bu şekilde yaptım. WhatsApp mesaj ve hemen ara butonu için gerekli linklemeyi sizin yapmanız lazım. Aşağıdaki CSS kodunu, hangi çözünürlükten sonra gözükmesini istiyorsanız oraya ekleyin.

    /* MOBİL BAR */

.mobilbararkaplan {
    width: 100%;
    position:fixed;
    bottom:0;
    height: 50px;
    z-index:9999;
}

.mobilbararkaplan a {
    color:white;
    text-decoration:none;
}

.mobilbarwhatsapp, .mobilbarhemenara{
    width: 50%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.mobilbarwhatsapp i, .mobilbarhemenara i{
    margin-right: 10px;
}

.mobilbarwhatsapp {
    float:left;
    background:#189e0e;
}

.mobilbarhemenara {
    float:right;
    background:#085fcb;
}

/* MOBİL BAR SON */
    Ardından header.php dosyasını açın ve aşağıdaki HTML kodunu sayfanın en altına ekleyin.
    <div class="mobilbararkaplan">
    <a href="https://www.LİNKEKLEYİN.com">
    <div class="mobilbarwhatsapp">
        <i class="fab fa-whatsapp"></i>WhatsApp
    </div>
    </a>
    <a href="https://www.LİNKEKLEYİN.com">
    <div class="mobilbarhemenara">
        <i class="fas fa-phone-volume"></i>Hemen Ara
    </div>
    </a>
</div>
    LİNKEKLEYİN yazan kısımları düzenlemeniz gerekiyor.

    NOT : İkonlar için FontAwesome'un 5.15.4 sürümünü kullandım. Sizde yeni çıkan sürüm kuruluysa ikonları değiştirmeniz gerekebilir. Bunun için sitesini ziyaret edebilirsiniz.