Sekmelerle Site Dağınıklığını En Aza İndirin ve Etkileşimi İyileştirin

Sitenizi düzene sokmak için yapabileceğiniz her şey iyi bir şeydir. Sonuçta, site ziyaretçilerinin istedikleri bilgileri almak için ne kadar az yapması gerekiyorsa o kadar iyi. Ancak, sitenizin doğası gereği çok fazla bilgi içermesi gerekiyorsa, bu zor olabilir. Bu tür sitelerin nihai sonucu, tipik olarak, neredeyse hiç kimsenin tamamen kaydırmayacağı çok uzun sayfaları olan ve benzer şekilde, neredeyse hiç kimsenin tıklamayacağı bir ton sayfaya sahip siteleri içerir.

Peki, süper uzun bir sayfanın veya çok fazla sayfanın alternatifi nedir? Neden, tabii ki sekmeler! Endişelenmeyin – sitenizde sekmeler almak için kodlama dehası olmanıza gerek yok. Bu işlevi etkinleştiren birçok eklenti var. WordPress sitenize hızlı ve kolay bir şekilde sekmeli içerik eklemenize yardımcı olacak en iyi birkaç tanesini topladım.

Kullanıcı Arayüzü Sekmeleri Yayınla

Kullanıcı Arayüzü Sekmelerini Gönder, içeriğinize gönderiler, sayfalar veya diğer gönderi türleri olsun, jQuery sekmeleri eklemeyi kolaylaştırır. Tek yapmanız gereken editöre kısa kodlar eklemek ve sekmeleri etkinleştireceksiniz.

Eklenti, mevcut temanızı eşleştirmeyi kolaylaştırmak için 24 farklı UI teması içerir. Ya da ustaysanız, görünümü ve hissi daha da geliştirmek için özel bir stil sayfası oluşturun.

Eklenti yüklendikten sonra, uygun kısa kodu eklemek için yazı düzenleyicideki ilgili TinyMCE düğmesine tıklamanız yeterlidir. Kullanıcı Arayüzü Sekmeleri Sonrası için resmi WordPress dizin listesine göre, aşağıdaki kısa kodları kullanarak doğrudan sekmeler de ekleyebilirsiniz:

Sekme içeriğiniz

[sekme adı=”Sekme adınız 2″]Sekme içeriğiniz[/tab] [sekme adı=”Sekme adınız 3″]Sekme içeriğiniz [/tab] [end_tabset]

Bu sekmelere HTML eklemekten çekinmeyin. Sorunsuz bir şekilde ele alınmalıdır ve içeriğinizin yalnızca sitenizin herhangi bir yerinde olduğu gibi görüntülendiğini göreceksiniz, tahmin edebileceğiniz gibi, bir sekmede yer almaktadır.

Kolay Duyarlı Sekmeler

Sitenize sekme eklemek istiyorsanız kesinlikle kontrol etmeniz gereken bir diğer eklenti de Kolay Duyarlı Sekmeler. Yalnızca bootstrap 3.0 uyumlu olmakla kalmaz, aynı zamanda görsel düzenleyiciye TinyMCE düğmeleri ekleyerek bir düğmeyi tıklatarak duyarlı sekmeler eklemeyi son derece basit hale getirir.

Bu düğmeyi tıkladığınızda, başlıklar, etkin sekmeler, fareyle üzerine gelme, arka plan ve daha fazlası dahil olmak üzere sekmelerin birkaç farklı yönü için renk seçmenize olanak tanıyan bir ayarlar paneli açılır. Ayrıca sekmeleri üstte veya altta görünecek şekilde ayarlayabilirsiniz. Bu eklenti, kurulumunun ve hemen çalışmaya başlamasının ne kadar kolay olduğu nedeniyle gerçek bir favoridir.

Tekir Duyarlı Sekmeler

Duyarlılık birincil endişelerinizden biriyse, Tabby Duyarlı Sekmeler sizin için iyi bir seçenektir. Oldukça basit, bu eklenti kısa kodları kullanarak gönderilere ve sayfalara duyarlı sekmeler eklemenize izin verir. Basit bir sayfada veya gönderide birden fazla sekme grubunu destekler ve daha küçük ekranlarda sekmeler ve akordeon efekti oluşturmak için jQuery kullanır. Sekmelere klavyenizle de erişebilirsiniz.

Sekme eklemek için tek yapmanız gereken iki kısa kod eklemek: [tabby] ve [tabbyending]. Özellikle, sekme adını ayarlamak için [tabby title=“tabname”] kullanırsınız. Ardından, istediğiniz HTML dahil olmak üzere bu sekmede bulunması gereken içeriği yazarsınız. İsterseniz daha fazla sekme ekleyebilirsiniz. Ardından bu sekme grubunu bitirmek için sekme grubunu kapatmak için [tabbyending] kısa kodunu kullanın.

Şimdi, bu sekmelerde stil değişiklikleri yapmak istiyorsanız, kodu biraz daha incelemeniz gerekecek. Eklentinin WordPress dizin sayfasına göre, eklentinin stil sayfasını bir alt temaya kopyalamanız ve orada uygun gördüğünüz şekilde sekme stilinde veya akordeon stilinde değişiklikler yapmanız gerekir.

Sekmelerdeki Widget'lar

Bazen, bireysel sekmelerdeki ihtiyaçlarınız biraz daha karmaşık olabilir. Bu durumlar için, Sekmelerdeki Widget'lar eklentisi var. Yerden tasarruf etmek ve web sitenizde daha düzenli bir deneyim oluşturmak için istediğiniz widget'ları sekmelere koymanıza olanak tanır. Çok sayıda kullanımı vardır.

Örneğin, Son Gönderiler ve Son Yorumlar pencere öğelerini görüntülemek için sekmeleri kullanmayı seçebilirsiniz. Sekme görünümünü daha da tamamlamak için Kategoriler ekleyebilirsiniz. Veya Facebook Beğen Kutusu, Twitter beslemesi, Google+, Pinterest panosu ve benzeri gibi gömülü sosyal medya widget'larına ayrılmış bir grup sekme oluşturabilirsiniz.

Sekmelerdeki Widget'lar hakkında gerçekten sevdiğim bir şey, kendi stillerini içermemesidir, bu da onun temanıza göre şekillendirilmesine izin verir. Sekmeler sitenize tam olarak uyum sağlar ve aitmiş gibi görünür.

Sekmelerin başlıkları da kaydırılabilir, bu da geleneksel yığın yaklaşımına güzel bir alternatif. Widget'lar arasındaki geçişler için de animasyon seçenekleri var ve bir sekmeden diğerine geçiş arasında kaç saniye bekleyeceğini ayarlayabilirsiniz.

Burada listelenen diğer tüm sekme eklentilerinde olduğu gibi, kısa kod [wit] sayesinde kolayca eklenebilir.

WP UI – Sekmeler, Akordeonlar, Kaydırıcılar

Burada bahsedeceğim son eklenti WP UI – Tabs, Accordions, Sliders. Bu eklenti yalnızca sekmeleri yazılara ve sayfalara yerleştirmeyi kolaylaştırmakla kalmaz, aynı zamanda akordeonlar, kaydırıcılar ve diyaloglar gibi diğer biçimlendirme stillerinin basit entegrasyonuna da olanak tanır. Eklenti jQuery tarafından desteklenmektedir ve isterseniz her sayfada birden fazla jQuery UI teması kullanabilirsiniz.

Kurulumu ve kullanımı basitleştiren, kullanımı kolay bir seçenekler sayfasıyla birlikte gelir. Ayrıca daha basit gezinme için özel menüler ve diyaloglar ekler. Yukarıdaki eklentilerin tümü gibi, bu eklenti de hızlı uygulama için öncelikle kısa kodlara dayanır. Kısa kod [wp sekmeleri], sekmelere temanızla daha uyumlu bir görünüm kazandırmak için "wpui-blue" gibi yaklaşık 24 farklı şekilde değiştirilebilen stil argümanıyla kolayca geliştirilebilir.

Bununla birlikte, bu eklentinin benim için en önemli özelliği, gönderileri ve beslemeleri sekmelerde veya akordeonlarda görüntüleme yeteneğidir. Kısa kod [wptabposts]'dur ve gönderileri bir dizi sekmede görüntülemenize olanak tanır. Veya bir sayfa veya gönderi içinde bir besleme görüntülemek istiyorsanız, sadece [wpuifeeds] kısa kodunu kullanın. WP UI için WordPress dizin listesine göre, bu özel biçimde yalnızca bir gönderiyi görüntülemek için [wpspoiler post=“3028”] kullanabilirsiniz.

Basit Kısa Kodlar

Tabii ki, sadece temel sekmelere ihtiyacınız varsa, burada WPExplorer'da el yapımı olan Symple Shortcodes WordPress eklentisini dikkate aldığınızdan emin olun. Eklenti, sitenizin herhangi bir sayfasında kullanabileceğiniz bazı hoş minimal sekmelerin yanı sıra birçok harika içerik düzenleme özelliği içerir. Sütunlar, geçişler, akordeonlar ve birçok başka vurgu (düğmeler, sosyal simgeler vb.) ekleyin.

---

İlk başta karmaşık görünse de, sitenize sekme ekleme işlemi aslında oldukça basittir. Yukarıdaki eklentiler onu bir çırpıda yapar ve sonuç hem çekici hem de işlevseldir. Bana göre incelemeye değer. Sitenizin ziyaretçileri, genel tasarımı bozmadan, ihtiyaç duyduğunuz kadar bilgiye erişebilir. Çok fazla kaynak ve içeriğe sahip siteler için hızlı bir çözümdür.

Sitenizde sekme kullanıyor musunuz? Peki ya bu eklentilerden herhangi biri, özellikle? Eğer öyleyse, sizin için çalıştılar mı? Sekmeleri sitenize dahil etmenin başka bir yolunu buldunuz mu? Bu şık organizasyon hilesiyle ilgili deneyiminizi yorumlarda duymayı çok isterim!