WordPress’te özel bir başlık widget’ı nasıl yapılır
Sitenizde bir başlık widget’ı oluşturmanın yollarını mı arıyorsunuz? Doğru yere geldin. WordPress’te nasıl kolayca özel bir başlık widget’ı oluşturabileceğinizi göstereceğiz. Çekici bir başlığa sahip olmak, ziyaretçileriniz üzerinde bir izlenim bırakmanın anahtarıdır. Buna ek olarak, bu sınırlı zaman teklifleri veya özel fırsatlar sergilemek için mükemmel bir yer olabilir. Temanız bu widget alanını desteklemiyorsa, manuel olarak yapabilirsiniz. Bu kılavuzda, WordPress’te nasıl özel bir başlık widget’ının oluşturulacağını göstereceğiz. Nasıl yapılacağını görmeden önce, özel bir başlık widget’ının avantajlarını daha iyi anlayalım.
Neden WordPress’te özel bir başlık widget’ı yapıyorsunuz? Başlık, ziyaretçilerin web sitenizi ne zaman açtıklarını gördükleri ilk şeydir. Bu, kullanıcıların daha fazla dikkat ettiği şeylerden biridir, böylece çoğu sitenin başlıktaki özel teklifler ve menüler gibi en önemli içeriğini görüntüler.
Özel bir başlık widget’ı oluşturmak, reklam, bülten widget, afişler, metin içeriği, wooocommerce teklifleri ve sorunsuz özel widget’lar gibi bir şey göstermenizi sağlar. Bu şekilde, düzenli tutarken başlığınıza içerik ekleyebilirsiniz. Artık özel başlık widget’larının önemini daha iyi anladığımıza göre, bunu biraz çaba ile nasıl yapacağınızı öğrenelim. WordPress’te özel bir başlık widget nasıl yapılır daha önce WordPress başlığını ayarlamak için farklı bir yöntem gördük. Ancak, bu bölümde, özel bir başlık widget’ı oluşturarak başlığı nasıl düzenleyeceğimizi öğreneceğiz. Bu nedenle, PHP ve CSS parçalarını kullanacağız. Kitap: Devam etmeden önce, bazı temel dosyaları düzenleyeceğimiz için, web sitenizin tam bir yedeklemesini yapmanızı ve bir çocuğun temasını koymanızı öneririz. Çocuk teması oluşturmak için bu öğreticiyi takip edebilir veya bu özel eklentilerden birini kullanabilirsiniz. Bunu bitirdikten sonra bir sonraki bölüme devam edin. 1) İlk özel widget’ı yapın, yeni bir widget alanı oluşturmanız gerekir. Bunun için, WordPress kontrol panelinizde görünüm> widget’lar açın.
Bir kez, aktif temanızda bulunan tüm widget alanlarını göreceksiniz. Bu, temanıza bağlı olarak değişebilir, ancak çoğu durumda burada bazı alanları göreceksiniz. Bu gösteri için GeneratePress’i kullanıyoruz ve kayıtlı ve düzenlenmiş birçok widget alanı ile donatılmıştır. Özel başlık widget’ımızı ekleyeceğimiz yeni bir widget alanı oluşturmanız gerekir. Bunu yapmak için işlevleri değiştirmeniz gerekir. Bunun için, Snippets kodu gibi eklentileri doğrudan dosyalayabilir veya kullanabilirsiniz. Bu gösteri için snippets kodunu kullanacağız, bu nedenle eklentilere> yeni ekle ve Snippets kod eklentisini arıyoruz. Ardından, aşağıda gösterildiği gibi yüklüyor ve etkinleştiriyoruz. Aktivasyondan sonra sol taraftaki eklenti ayarlarını göreceksiniz. Tüm görüntüleri açın ve yeni snippet’ler oluşturmak için daha yeni basın. Snippet’i adlandırın ve ardından kod bölümüne aşağıdaki snippet’leri yapıştırın: {Register_sideBar (‘name’ => ” widget quadLayers ‘,’ id ‘=>’ quadLayers-liveader-widget ‘,’ önce_widget ‘=>’ ‘ , ‘After_widget’ => ”, ‘Önceden_title’ => ‘
‘, ‘After_title’ => ‘
‘,); } Add_action (‘widgets_init’, ‘quadLayers_widges_init’); Bu görüntüler WordPress sitenizde QuadLayers başlık widget adlı yeni bir widget oluşturur.
Ardından değişiklikleri kaydedin ve aktivasyondan sonra WordPress widget bölümünün altında yeni bir widget alanı göreceksiniz.Bu şekilde yeni bir widget kaydedebilirsiniz. Bundan sonra, web sitesi başlığınıza bir widget eklemeniz gerekir. Nasıl yapılacağını görelim. 2) Başlığınıza bir widget ekleyin, web sitenizde yeni bir widget oluşturmayı başardı, ancak henüz konumu belirlemediniz. Bu bölümde, bu yeni özel widget’ın WordPress başlığını nasıl ekleyeceğinizi göstereceğiz. Bunu yapmak için header.php dosyalarını düzenlemeniz gerekir. Bu dosyayı, görünüm> Tema Düzenleyicisi> Tema Başlığı (Header.php) girerek tema dizininde bulabilirsiniz. Dosyaları düzenlemeden önce çocuk temasını kullandığınızdan emin olun. Çocuğunuzun teması Header.php dosyaları yoksa, üst tema klasörünü açın, header.php dosyasını oradan indirin, ardından alt tema klasörüne yükleyin. Div class = “ql-widget-alan widget-alea” rol = “tamamlayıcı”> Kodu ekledikten sonra dosyayı güncelleyin. Kod ekleyeceğinizden emin değilseniz, farklı konumları test edebilir veya tema destek ekibinizle iletişime geçebilir ve ihtiyaçlarınıza bağlı olarak en iyi yeri isteyebilirsiniz. Kodu ekledikten sonra, bir widget ekleyerek widget alanını test edin. Bu örnekte, birkaç kukla içeriğe sahip bir paragraf bloğu ekledik.
Web sitesinin ön ucunda, gölgelikleri aşağıda gösterildiği gibi göreceksiniz.
Bu, widget ve kod işlevi anlamına gelir. Büyük! WordPress’e özel bir başlık widget’ı bu şekilde ekleyebilirsiniz. Alanı, pankartlar, reklamlar, sınırlı zaman teklifleri veya ne istersen görüntülemek için kullanabilirsiniz. Ama hepsi bu değil. Widget işlevleri vardır, ancak yine de düzeltebilirsiniz. Sitenizin görünümüne ve hissine uyacak şekilde küçük bir CSS ile widget’ları nasıl düzenleyebileceğimizi görelim. 3) Widget’ı CSS ile ayarlayın Başlık dosyasına bir widget ekledikten sonra, küçük bir CSS ile daha iyi görünmesini sağlama zamanı. CSS kodunuzu style.css tema dosyasına girebilir veya WordPress ayarını kullanabilirsiniz. Her iki yöntem de iyi çalışır, ancak Yönetici Gösterge Tablosundaki Ek CSS bölümünü kullanarak CSS kodunu eklemenizi öneririz. Bu şekilde, doğrudan önizleme sihirbazındaki değişiklikleri doğrudan göreceksiniz. Ancak, önceki bölümde oluşturduğunuz özel başlık widget’ını ayarlayabilmeniz için komut dosyası örneklerine bakalım. Aşağıdaki kodu kopyalayın, görünüm> Tema Düzenleyicisi> Ek CSS ve yapıştırın. div#Quadlayers-Forver-Widget {genişlik:%100; Arka plan rengi: #f5f5f5; Sınır dip: 1px katı #eeeeee; Metnin hizalanması: orta; } .ql-widget {genişlik:%100; Arka plan rengi: #f5f5f5; Metnin hizalanması: orta; } H2.ql-title {margin-upper: 0px; Metnin hizalanması: sol; Metin dönüşümü: büyük harf; Yazı tipi boyutu: küçük; Arka plan rengi: #feffce; Genişlik: 130 piksel; Rulman: 5 piksel; }
