Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!


1Beğeni
  • 1 Yazan Lions

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > WordPress

Kapandı:Sol Liste nasıl yaparım?

  #1  
Okunmamış 09 Eylül 2019, 12:05
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 10 Mart 2018
Yaş / Cinsiyet: 45 / Erkek
Meslek: Bilişim
Ad, Soyad: Ay... Ta...
Mesajlar: 95
Beğeniler: 10 / 43
Ticaret: 1, 100%
Merhaba

https://theblondeabroad.com/ sitesinin ana sayfasındaki EXPLORE BY DESTINATION bölümündeki gibi Ana Kategori ve Alt kategorileri gösteren bir sol liste (EXPAND Menu) nasıl yapabilirim?

Teşekkürler
Konu Sailort tarafından (10 Eylül 2019, 10:58 ) değiştirilmiştir. Sebep: Bileşen ile çözüldü
  #2  
Okunmamış 09 Eylül 2019, 12:36
Lions Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 05 Mayıs 2017
Cinsiyet: Erkek
Meslek: Web-Developer
Ad, Soyad: Me... Ko...
Mesajlar: 755
Beğeniler: 388 / 302
Ticaret: 1, 100%
İlgili web sitesinde ana sayfadaki row kısmına eklenmiş ve sayfa düzenleyicisinin bir özelliği. Bileşenlerde menü olarak ekleyip o bileşeni oraya çektirebilirsiniz veya html ile bu tip bir menü box tasarımı yapıp yine htmli oraya ekleyebilirsiniz. Temanızın düzenleyicisi Wp-Page-Bakery/Visual Composer ise çok daha rahat olur düzenlemeniz.

İlgili tablonun HTML kodu:

Kod:
<div class="dest-expand"><h4>Click to expand</h4><div class="expand-box" data-collapse="accordion"><h5 data-collapse-summary="" aria-expanded="false"><a href="#"><span>1 <i class="fas fa-plus"></i></span>Africa</a></h5><ul aria-hidden="true" style="display: none;"><li><a href="https://theblondeabroad.com/ultimate-africa-travel-guide/">VIEW REGION</a></li><li><a href="https://theblondeabroad.com/ultimate-botswana-travel-guide/">BOTSWANA</a></li><li><a href="https://theblondeabroad.com/category/egypt/">EGYPT</a></li><li><a href="https://theblondeabroad.com/ultimate-kenya-travel-guide/">KENYA</a></li><li><a href="https://theblondeabroad.com/category/mauritius">MAURITIUS</a></li><li><a href="https://theblondeabroad.com/ultimate-morocco-travel-guide/">MOROCCO</a></li><li><a href="https://theblondeabroad.com/category/mozambique">MOZAMBIQUE</a></li><li><a href="https://theblondeabroad.com/ultimate-namibia-travel-guide/">NAMIBIA</a></li><li><a href="https://theblondeabroad.com/ultimate-seychelles-travel-guide/">THE SEYCHELLES</a></li><li><a href="https://theblondeabroad.com/ultimate-south-africa-travel-guide/">SOUTH AFRICA</a></li><li><a href="https://theblondeabroad.com/category/tanzania">TANZANIA</a></li><li><a href="https://theblondeabroad.com/category/zambia">ZAMBIA</a></li><li><a href="https://theblondeabroad.com/category/zimbabwe/">ZIMBABWE</a></li></ul><h5 data-collapse-summary="" aria-expanded="false"><a href="#"><span>2 <i class="fas fa-plus"></i></span>Asia</a></h5><ul aria-hidden="true" style="display: none;"><li><a href="https://theblondeabroad.com/ultimate-asia-travel-guide/">VIEW REGION</a></li><li><a href="https://theblondeabroad.com/ultimate-cambodia-travel-guide/">CAMBODIA</a></li><li><a href="https://theblondeabroad.com/ultimate-china-travel-guide/">CHINA</a></li><li><a href="https://theblondeabroad.com/tag/hong-kong/">HONG KONG</a></li><li><a href="https://theblondeabroad.com/ultimate-indonesia-travel-guide/">INDONESIA</a></li><li><a href="https://theblondeabroad.com/ultimate-japan-travel-guide/">JAPAN</a></li><li><a href="https://theblondeabroad.com/category/maldives">THE MALDIVES</a></li><li><a href="https://theblondeabroad.com/ultimate-singapore-travel-guide/">SINGAPORE</a></li><li><a href="https://theblondeabroad.com/ultimate-sri-lanka-travel-guide/">SRI LANKA</a></li><li><a href="https://theblondeabroad.com/ultimate-thailand-travel-guide/">THAILAND</a></li><li><a href="https://theblondeabroad.com/ultimate-vietnam-travel-guide/">VIETNAM</a></li></ul><h5 data-collapse-summary="" aria-expanded="false"><a href="#"><span>3 <i class="fas fa-plus"></i></span>The Caribbean</a></h5><ul aria-hidden="true" style="display: none;"><li><a href="https://theblondeabroad.com/ultimate-central-america-travel-guide/">VIEW REGION</a></li><li><a href="https://theblondeabroad.com/category/aruba">ARUBA</a></li><li><a href="https://theblondeabroad.com/category/bahamas">THE BAHAMAS</a></li><li><a href="https://theblondeabroad.com/category/british-virgin-islands/">BRITISH VIRGIN ISLANDS</a></li><li><a href="https://theblondeabroad.com/category/cuba">CUBA</a></li><li><a href="https://theblondeabroad.com/category/dominican-republic">THE DOMINICAN REPUBLIC</a></li></ul><h5 data-collapse-summary="" aria-expanded="false"><a href="#"><span>4 <i class="fas fa-plus"></i></span>Central America</a></h5><ul aria-hidden="true" style="display: none;"><li><a href="https://theblondeabroad.com/central-america">VIEW REGION</a></li><li><a href="https://theblondeabroad.com/category/belize">BELIZE</a></li><li><a href="https://theblondeabroad.com/category/costa-rica/">COSTA RICA</a></li><li><a href="https://theblondeabroad.com/category/central-america/guatemala/"></a></li><li><a href="https://theblondeabroad.com/category/central-america/guatemala/">GUATEMALA</a></li><li><a href="https://theblondeabroad.com/category/honduras/">HONDURAS</a></li><li><a href="https://theblondeabroad.com/ultimate-panama-travel-guide/">PANAMA</a></li></ul><h5 data-collapse-summary="" aria-expanded="false"><a href="#"><span>5 <i class="fas fa-plus"></i></span>Europe</a></h5><ul aria-hidden="true" style="display: none;"><li><a href="https://theblondeabroad.com/ultimate-europe-travel-guide/">VIEW REGION</a></li><li><a href="https://theblondeabroad.com/category/austria/">AUSTRIA</a></li><li><a href="https://theblondeabroad.com/ultimate-belgium-travel-guide/">BELGIUM</a></li><li><a href="https://theblondeabroad.com/ultimate-croatia-travel-guide/">CROATIA</a></li><li><a href="https://theblondeabroad.com/category/czech-republic/">CZECH REPUBLIC</a></li><li><a href="https://theblondeabroad.com/category/denmark">DENMARK</a></li><li><a href="https://theblondeabroad.com/ultimate-england-travel-guide/">ENGLAND</a></li><li><a href="https://theblondeabroad.com/ultimate-france-travel-guide/">FRANCE</a></li><li><a href="https://theblondeabroad.com/ultimate-germany-travel-guide/">GERMANY</a></li><li><a href="https://theblondeabroad.com/ultimate-greece-travel-guide/">GREECE</a></li><li><a href="https://theblondeabroad.com/category/hungary">HUNGARY</a></li><li><a href="https://theblondeabroad.com/ultimate-iceland-travel-guide/">ICELAND</a></li><li><a href="https://theblondeabroad.com/category/ireland/">IRELAND</a></li><li><a href="https://theblondeabroad.com/ultimate-italy-travel-guide/">ITALY</a></li><li><a href="https://theblondeabroad.com/ultimate-malta-travel-guide/">MALTA</a></li><li><a href="https://theblondeabroad.com/ultimate-netherlands-travel-guide/">THE NETHERLANDS</a></li><li><a href="https://theblondeabroad.com/category/poland/">POLAND</a></li><li><a href="https://theblondeabroad.com/ultimate-portugal-travel-guide/">PORTUGAL</a></li><li><a href="https://theblondeabroad.com/category/scotland">SCOTLAND</a></li><li><a href="https://theblondeabroad.com/category/slovakia">SLOVAKIA</a></li><li><a href="https://theblondeabroad.com/ultimate-spain-travel-guide/">SPAIN</a></li><li><a href="https://theblondeabroad.com/ultimate-sweden-travel-guide/">SWEDEN</a></li><li><a href="https://theblondeabroad.com/ultimate-switzerland-travel-guide/">SWITZERLAND</a></li><li><a href="https://theblondeabroad.com/category/turkey">TURKEY</a></li></ul><h5 data-collapse-summary="" aria-expanded="false"><a href="#"><span>6 <i class="fas fa-plus"></i></span>The Middle East</a></h5><ul aria-hidden="true" style="display: none;"><li><a href="https://theblondeabroad.com/ultimate-middle-east-travel-guide/">VIEW REGION</a></li><li><a href="https://theblondeabroad.com/category/egypt/">EGYPT</a></li><li><a href="https://theblondeabroad.com/ultimate-jordan-travel-guide/">JORDAN</a></li><li><a href="https://theblondeabroad.com/category/turkey">TURKEY</a></li><li><a href="https://theblondeabroad.com/ultimate-uae-travel-guide/">UNITED ARAB EMIRATES</a></li></ul><h5 data-collapse-summary="" aria-expanded="false"><a href="#"><span>7 <i class="fas fa-plus"></i></span>North America</a></h5><ul aria-hidden="true" style="display: none;"><li><a href="https://theblondeabroad.com/ultimate-north-america-travel-guide/">NORTH AMERICA</a></li><li><a href="https://theblondeabroad.com/ultimate-canada-travel-guide/">CANADA</a></li><li><a href="https://theblondeabroad.com/ultimate-mexico-travel-guide/">MEXICO</a></li><li><a href="https://theblondeabroad.com/category/puerto-rico">PUERTO RICO</a></li><li><a href="https://theblondeabroad.com/ultimate-usa-travel-guide/">USA</a></li></ul><h5 data-collapse-summary="" aria-expanded="false"><a href="#"><span>8 <i class="fas fa-plus"></i></span>Oceania</a></h5><ul aria-hidden="true" style="display: none;"><li><a href="https://theblondeabroad.com/ultimate-oceania-travel-guide/">VIEW REGION</a></li><li><a href="https://theblondeabroad.com/ultimate-australia-travel-guide/">AUSTRALIA</a></li><li><a href="https://theblondeabroad.com/ultimate-french-polynesia-travel-guide/">FRENCH POLYNESIA</a></li><li><a href="https://theblondeabroad.com/ultimate-new-zealand-travel-guide/">NEW ZEALAND</a></li></ul><h5 data-collapse-summary="" aria-expanded="false"><a href="#"><span>9 <i class="fas fa-plus"></i></span>South America</a></h5><ul aria-hidden="true" style="display: none;"><li><a href="https://theblondeabroad.com/ultimate-south-america-travel-guide/">VIEW REGION</a></li><li><a href="https://theblondeabroad.com/ultimate-bolivia-travel-guide/">BOLIVIA</a></li><li><a href="https://theblondeabroad.com/ultimate-brazil-travel-guide/">BRAZIL</a></li><li><a href="https://theblondeabroad.com/category/colombia/">COLOMBIA</a></li><li><a href="https://theblondeabroad.com/category/ecuador"></a></li><li><a href="https://theblondeabroad.com/category/ecuador">ECUADOR</a></li><li><a href="https://theblondeabroad.com/ultimate-peru-travel-guide/">PERU</a></li></ul></div><div class="tba-currently-in"> <img class="tba-currently" src="https://theblondeabroad.com/wp-content/themes/tba/images/Currently-Traveling.png" width="243" height="118"> <a href="https://theblondeabroad.com/ultimate-south-africa-travel-guide/">Cape Town</a></div></div>

İlgili tablonun CSS kodu:

Kod:
.tba-destinations .dest-expand {
    background: #fff;
    padding: 20px;
    width: 279px;
    float: left;
    box-shadow: 0 0 0 1px #e3c9b6 inset;
    border: 10px solid #fff;
    position: relative;
    margin-bottom: 100px;
}
  #3  
Okunmamış 09 Eylül 2019, 12:41
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 10 Mart 2018
Yaş / Cinsiyet: 45 / Erkek
Meslek: Bilişim
Ad, Soyad: Ay... Ta...
Mesajlar: 95
Beğeniler: 10 / 43
Ticaret: 1, 100%
[QUOTE=Lions;3354873]İlgili web sitesinde ana sayfadaki row kısmına eklenmiş ve sayfa düzenleyicisinin bir özelliği. Bileşenlerde menü olarak ekleyip o bileşeni oraya çektirebilirsiniz veya html ile bu tip bir menü box tasarımı yapıp yine htmli oraya ekleyebilirsiniz. Temanızın düzenleyicisi Wp-Page-Bakery/Visual Composer ise çok daha rahat olur düzenlemeniz.

İlgili tablonun HTML kodu:





Açıkçası o kadar profesyonel sayılmam deneme yanılma araştırma ile ilerliyorum
Elementor kulanıyorum düzenlemelerde işimi görür mü?
  #4  
Okunmamış 09 Eylül 2019, 12:45
Lions Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 05 Mayıs 2017
Cinsiyet: Erkek
Meslek: Web-Developer
Ad, Soyad: Me... Ko...
Mesajlar: 755
Beğeniler: 388 / 302
Ticaret: 1, 100%
Row'un tasarımını 2 ye bölüp sol tarafa yeni bir bileşen ekleyip Menü yazarsanız arama kısmına sonuçlar çıkar. Eğer tema buna olanak sağlamıyor derseniz yine aynı rowa ekleme kısmından HTML diye aratırsanız özel HTML kod eklemenize yarayacak özellik vardır. Oraya yukarıdaki HTML i yapıştırıp hem içeriğini hem de CSS'ini kendinize göre düzenleyebilirsiniz.
Sailort bunu beğendi.
  #5  
Okunmamış 09 Eylül 2019, 12:46
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 10 Mart 2018
Yaş / Cinsiyet: 45 / Erkek
Meslek: Bilişim
Ad, Soyad: Ay... Ta...
Mesajlar: 95
Beğeniler: 10 / 43
Ticaret: 1, 100%
Alıntı:
Lions Adlı Üyeden Alıntı
Row'un tasarımını 2 ye bölüp sol tarafa yeni bir bileşen ekleyip Menü yazarsanız arama kısmına sonuçlar çıkar. Eğer tema buna olanak sağlamıyor derseniz yine aynı rowa ekleme kısmından HTML diye aratırsanız özel HTML kod eklemenize yarayacak özellik vardır. Oraya yukarıdaki HTML i yapıştırıp hem içeriğini hem de CSS'ini kendinize göre düzenleyebilirsiniz.
Çok teşekkür ederim. hemen deniyorum
  #6  
Okunmamış 09 Eylül 2019, 13:01
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 10 Mart 2018
Yaş / Cinsiyet: 45 / Erkek
Meslek: Bilişim
Ad, Soyad: Ay... Ta...
Mesajlar: 95
Beğeniler: 10 / 43
Ticaret: 1, 100%
Alıntı:
Sailort Adlı Üyeden Alıntı
Çok teşekkür ederim. hemen deniyorum
Alıntı:
Lions Adlı Üyeden Alıntı
Row'un tasarımını 2 ye bölüp sol tarafa yeni bir bileşen ekleyip Menü yazarsanız arama kısmına sonuçlar çıkar. Eğer tema buna olanak sağlamıyor derseniz yine aynı rowa ekleme kısmından HTML diye aratırsanız özel HTML kod eklemenize yarayacak özellik vardır. Oraya yukarıdaki HTML i yapıştırıp hem içeriğini hem de CSS'ini kendinize göre düzenleyebilirsiniz.

Maalesef sonuç olumsuz.
  #7  
Okunmamış 09 Eylül 2019, 13:47
Lions Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 05 Mayıs 2017
Cinsiyet: Erkek
Meslek: Web-Developer
Ad, Soyad: Me... Ko...
Mesajlar: 755
Beğeniler: 388 / 302
Ticaret: 1, 100%
Web sitesini özelden gönderirseniz yardımcı olurum.
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > WordPress


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 23:59.