0
Kayıt Ol

Wordpress Akan Yazı Nasıl Yapabilirim?

8

●

290

  • 03-07-2023, 18:41:31
    #1
    iammert
    iammert
    Merhaba, Wordpress WoodMart temasını kullanıyorum. Web sitemin en üst kısmına akan yazı yapmak istiyorum. Bir türlü beceremedim. https://biristan.com/ şu sitedeki gibi ben de akan yazı oluşturup 500TL üzeri alışverişlerde kargo ücretsiz yazmak istiyorum. Nasıl yapabilirim? Eklentiyle vs. çözebilir miyim?
  • Kabul Edilen Cevap
    • EfendiBey
      1 Beğeni
      Mesaja Git
      Direkt marquee kullanmak CLS sorununa neden olabilir. Bunu CSS ile yapmak daha iyi olacaktır.

      Aşağıdaki CSS kodunu custom CSS içine ekleyin:

      .kayan-yazi
{
  padding: 15px;
  background: #3b5998;
  width: 200px;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
  width: 200px;
}
.yazi
{
  color: #fff;
  text-decoration:none;
  text-align: center;
  white-space: nowrap;
  display: inline-flex;
  line-height: 2;
}
.yazi_animasyon
{
  animation: backAndForth 5s linear infinite;
}
@keyframes backAndForth
{
  0% { transform: translateX(0); }
  10% { transform: translateX(0); }
  45% { transform: translateX(calc(-100% + 200px)); }
  55% { transform: translateX(calc(-100% + 200px)); }
  90% { transform: translateX(0); }
  100% { transform: translateX(0); }
}
      Not: CSS tasarımını sitenize göre değişebilirsiniz.

      Şimdi ise header.php dosyasını açın ve bulun:

      <body>
      Altına ekleyin:
      <div class="kayan-yazi">
  <span class="yazi yazi_animasyon">500TL üzeri alışverişlerde kargo ücretsi</span>
</div>
      Kaydedin ve kontrol edin olması gerekecek (ref: /a/47553567). Bu arada son kodu temanızın ayarları müsaitse oradan da header bölümüne ekleyebilirsiniz yapısı nasılsa artık size kalmış. Hiç uğraşmak istemiyorsanız yine de <marquee>Yazı</marquee> (ref: /a/36454739) şeklinde de yapabilirsiniz o da size kalmış.
  • 03-07-2023, 18:42:45
    #2
    Letyoudown
    Letyoudown
    Kimlik doğrulama veya yönetimden onay bekliyor.
    +takip
  • 03-07-2023, 18:47:36
    #4
    Shentaweb
    Shentaweb
    Wordpress Themes
    Eklentiye gerek yok, whatsapp dan iletişime geçin ücretsiz yardımcı olayım
  • 03-07-2023, 18:47:50
    #5
    Sazlon
    Sazlon
    Qui non proficit, deficit
    Whatsappdan iletişime geçildi
  • 03-07-2023, 18:49:52
    #6
    EnesCanturk
    EnesCanturk
    https://tr.wordpress.org/plugins/tags/marquee/

    Bu eklentileri inceleyiniz. Ücretli destek isterseniz pm atabilirsiniz
  • 03-07-2023, 18:50:16
    #7
    gfo
    gfo
    Merhaba,

    ChatGPT-4 şunları önerdi;

    -) https://chat.openai.com/share/4f8d23...0-c3df2a9304f5
    -) https://chat.openai.com/share/5144bb...e-827cff4c5fde

    Eklenti olarak şunları önerdi;

  • 03-07-2023, 18:56:36
    #8
    Misafir
    Misafir
    <marquee>yazı</marquee>
  • 03-07-2023, 21:49:54
    #9
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    EfendiBey
    EfendiBey
    Direkt marquee kullanmak CLS sorununa neden olabilir. Bunu CSS ile yapmak daha iyi olacaktır.

    Aşağıdaki CSS kodunu custom CSS içine ekleyin:

    .kayan-yazi
{
  padding: 15px;
  background: #3b5998;
  width: 200px;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
  width: 200px;
}
.yazi
{
  color: #fff;
  text-decoration:none;
  text-align: center;
  white-space: nowrap;
  display: inline-flex;
  line-height: 2;
}
.yazi_animasyon
{
  animation: backAndForth 5s linear infinite;
}
@keyframes backAndForth
{
  0% { transform: translateX(0); }
  10% { transform: translateX(0); }
  45% { transform: translateX(calc(-100% + 200px)); }
  55% { transform: translateX(calc(-100% + 200px)); }
  90% { transform: translateX(0); }
  100% { transform: translateX(0); }
}
    Not: CSS tasarımını sitenize göre değişebilirsiniz.

    Şimdi ise header.php dosyasını açın ve bulun:

    <body>
    Altına ekleyin:
    <div class="kayan-yazi">
  <span class="yazi yazi_animasyon">500TL üzeri alışverişlerde kargo ücretsi</span>
</div>
    Kaydedin ve kontrol edin olması gerekecek (ref: /a/47553567). Bu arada son kodu temanızın ayarları müsaitse oradan da header bölümüne ekleyebilirsiniz yapısı nasılsa artık size kalmış. Hiç uğraşmak istemiyorsanız yine de <marquee>Yazı</marquee> (ref: /a/36454739) şeklinde de yapabilirsiniz o da size kalmış.