Site başlığınıza WordPress Widget nasıl eklenir (2 yol)
Eyewp.com _ Tüm lojistik, teknik ve pazarlama ihtiyaçlarınızda WordPress ve WooCommerce için binlerce ücretsiz ve ücretli ve ücretli temalarla işinizi geliştirmek. WordPress ve WooCommerce için indirilip eklenecek binlerce eklenti, uzantılı ve ücretsiz ve premium tema var – işte WordPress ve Woocommerce için en iyi eklentiler, uzantılar ve temalar, erişim sağladığınız ve güncellemeleri aldığınız web siteleri ne olursa olsun Mevcut olduktan sonra mevcut olduktan sonra
Geç kalma. Eyewp.com mağazasını şimdi ziyaret edin !!
Web sitenize WordPress widget’ları eklemek ister misiniz?
Widget, temanızın belirli kısımlarına kolayca içerik blokları eklemenizi sağlar, ancak her tema widget başlık alanını içermez. Bu makalede, web sitenize WordPress Widget’ları eklemenin kolay bir yolunu göstereceğiz.
Geç kalma. Eyewp.com mağazasını şimdi ziyaret edin !!
Web sitenize WordPress widget’ları eklemek ister misiniz?
Widget, temanızın belirli kısımlarına kolayca içerik blokları eklemenizi sağlar, ancak her tema widget başlık alanını içermez. Bu makalede, web sitenize WordPress Widget’ları eklemenin kolay bir yolunu göstereceğiz.
Neden başlık widget’ını WordPress sitenize ekliyorsunuz? Web sitesi başlığınız, ziyaretçilerinizin WordPress sitenizi ziyaret ederken göreceği ilk şeylerden biridir. Üstbilgiye WordPress widget’ı ekleyerek, okuyucunun dikkatini çekmek için bu alanı optimize edebilirsiniz. Canopy web sitesinin çoğu, ziyaretçilerin sitenizi keşfetmelerine yardımcı olmak için özel bir logo ve navigasyon menüsü içerecektir.
Yararlı içerik, banner reklamlar, sınırlı zaman teklifleri, bir satır formu ve daha fazlasını görüntülemek için bu alanın üstüne veya altına başlık widget’ını da ekleyebilirsiniz. Burada, WPBeginner’da doğrudan Navigasyon Menüsü altında hareket etme davetimiz var.
Yararlı içerik, banner reklamlar, sınırlı zaman teklifleri, bir satır formu ve daha fazlasını görüntülemek için bu alanın üstüne veya altına başlık widget’ını da ekleyebilirsiniz. Burada, WPBeginner’da doğrudan Navigasyon Menüsü altında hareket etme davetimiz var.
Çoğu WordPress temasının kenar çubuğu alanında ve site altbilgisinde widget için hazır bir alana sahip, ancak her tema başlıkta hazır bir widget alanı eklemez. Ama önce, mevcut temadaki web sitesi başlığınıza WordPress widget’larını nasıl ekleyeceğinizi görelim. Doğrudan kullanmak istediğiniz yönteme gitmek için aşağıdaki hızlı bağlantıyı kullanın. WordPress tema ayarlarına WordPress başlık widget’ı ekleyin
WordPress’e kod ekleyerek WordPress başlık widget’ı ekleyin
En iyi WordPress temalarının birçoğu, isteklerinize göre ayarlayabileceğiniz widget başlık alanını içerir. İlk olarak, WordPress temanızın şu anda başlıktaki WordPress widget alanını destekleyip desteklemediğini görmek istiyorsunuz. WordPress yönetici panelinizde WordPress temasını veya widget alanını açarak bulabilirsiniz. Bunu yapmak için görünüşe gidin »Özelleştirin ve başlıkları düzenleme seçeneği olup olmadığını görün. Bu örnekte, ücretsiz Astra temasının ‘Başlık Maker’ adlı bir seçeneği vardır. Bu özelliği Astra’da nasıl kullanacağınızı göstereceğiz, ancak bunun kullandığınız temaya bağlı olarak farklı görüneceğini unutmayın.
Bunu tıklarsanız, başlığınızı düzenlemek ve widget eklemek için ekrana götürür. Ekranın alt kısmında, gölgelikleri başlığın üstündeki ve altındaki alanla birlikte tamamen ayarlayabilirsiniz. İmleci boş alanlardan birine yönlendirin ve ‘artı’ simgesini tıklayın.
WordPress’e kod ekleyerek WordPress başlık widget’ı ekleyin
En iyi WordPress temalarının birçoğu, isteklerinize göre ayarlayabileceğiniz widget başlık alanını içerir. İlk olarak, WordPress temanızın şu anda başlıktaki WordPress widget alanını destekleyip desteklemediğini görmek istiyorsunuz. WordPress yönetici panelinizde WordPress temasını veya widget alanını açarak bulabilirsiniz. Bunu yapmak için görünüşe gidin »Özelleştirin ve başlıkları düzenleme seçeneği olup olmadığını görün. Bu örnekte, ücretsiz Astra temasının ‘Başlık Maker’ adlı bir seçeneği vardır. Bu özelliği Astra’da nasıl kullanacağınızı göstereceğiz, ancak bunun kullandığınız temaya bağlı olarak farklı görüneceğini unutmayın.
Bunu tıklarsanız, başlığınızı düzenlemek ve widget eklemek için ekrana götürür. Ekranın alt kısmında, gölgelikleri başlığın üstündeki ve altındaki alanla birlikte tamamen ayarlayabilirsiniz. İmleci boş alanlardan birine yönlendirin ve ‘artı’ simgesini tıklayın.
Bu, ‘Widget 1’i seçebileceğiniz bir açılır menü görüntüler. Aralarından seçim yapabileceğiniz ek seçenekler var, ancak başlık widget’ını hazır hale getirmek için ‘widget’ seçeneklerinden birini seçmelisiniz.
Widget alanını başlığınıza eklemek için başlık ayarındaki ‘Widget 1’ kutusunu tıklayın. Bu, bir widget ekleme seçeneğini gündeme getirir.
Ardından, ‘Plus’ simgesini tıklayın. Bloğu sol menüye ekleyin. Başlığınıza eklemek için bir widget seçebileceğiniz bir açılır pencere görüntüler.
Başlığı ayarlamaya ve istediğiniz kadar çok widget eklemeye devam edebilirsiniz. Bittiğinde, değişikliklerinizi kaydetmek için ‘Yayınla’ düğmesine tıkladığınızdan emin olun.
Başlığı ayarlamaya ve istediğiniz kadar çok widget eklemeye devam edebilirsiniz. Bittiğinde, değişikliklerinizi kaydetmek için ‘Yayınla’ düğmesine tıkladığınızdan emin olun.
Artık başlık alanınızı eklediğiniz widget veya widget ile görebilirsiniz.
Astra kullanmıyor musunuz? Temanızın zaten bir WordPress başlık widget’ının olup olmadığını görmenin bir başka yolu, WordPress yönetici panelinizdeki görünümde »widget’larına gitmektir.
Ardından, widget’ın ‘başlık’ veya benzeri etiketli kısımları olup olmadığına bakın.
Varsa, Widget menüsünü açmak için ‘artı’ blok ekle simgesini tıklamanız yeterlidir. Ardından, tıklamak istediğiniz widget’ları ekleyebilirsiniz.
Widget başlık alanına geçişinizi kaydetmek için ‘Güncelleme’ düğmesine tıkladığınızdan emin olun. Mevcut WordPress temanızın başlıkta bir WordPress widget alanı yoksa, WordPress’e bir kod ekleyerek manuel olarak eklemeniz gerekir. Bunu daha önce hiç yapmadıysanız, WordPress’e kodu nasıl kopyalayacağınız ve ekleyeceğiniz konusunda kılavuzumuza bakın.
Widget başlık alanına geçişinizi kaydetmek için ‘Güncelleme’ düğmesine tıkladığınızdan emin olun. Mevcut WordPress temanızın başlıkta bir WordPress widget alanı yoksa, WordPress’e bir kod ekleyerek manuel olarak eklemeniz gerekir. Bunu daha önce hiç yapmadıysanız, WordPress’e kodu nasıl kopyalayacağınız ve ekleyeceğiniz konusunda kılavuzumuza bakın.
Ardından, aşağıdaki kod görüntülerini Fonksiyonlarınıza, özel bir site eklentisine veya bir kod snippet eklentisi kullanarak ekleyebilirsiniz.
İşlev wpb_widgets_init () {register_ideBar (‘name’ => ‘özel başlık widget alanı’, ‘id’ => ‘özel-başlık-widget’, ‘Önceden_widget’ => ”, ‘Sonsuz_widget’ => ‘=>’ => ‘=>’ => ‘ ‘=>’ => ‘=>’ => ‘=>’ => ‘=>’ => ‘=>’ => ‘=>’ => ‘=>’ ‘
‘,’ Önce_title ‘=>’ ‘,’ After_title ‘=>’ ‘,); } Add_action (‘widgets_init’, ‘wpb_widgets_init’);
Bu kod, temanız için yeni bir kenar çubuğu veya hazır alan widget’ı kaydeder.
Görünüşe giderseniz »widget’larına giderseniz, ‘özel başlık widget alanı’ etiketli yeni bir widget alanı göreceksiniz.
Şimdi, widget’ınızı bu yeni alana ekleyebilirsiniz. Daha fazla ayrıntı için WordPress’e widget’ların nasıl ekleneceğini ve kullanıldığına dair kılavuzumuza bakın. Ancak, başlık widget’ınız doğrudan web sitenizde görüntülenmeyecektir. Daha sonra nasıl yapılacağını size göstereceğiz. Bir widget başlık alanı oluşturduktan sonra WordPress’te özel başlık widget’ınızı şimdi gösterin, WordPress’e web sitenizde görüntülemek için bir yer söylemeniz gerekir.
Bunu yapmak için header.php dosyanızı düzenlemeniz gerekir. Ardından, bir widget’ın görüntülenmesini istediğiniz aşağıdaki kodu eklemeniz gerekir.
Bu kod, daha önce oluşturduğunuz widget alanını web sitenizin başlık alanına ekleyecektir. Şimdi, başlık widget alanınızı doğrudan görmek için WordPress blogunuzu ziyaret edebilirsiniz.
‘,’ Önce_title ‘=>’ ‘,’ After_title ‘=>’ ‘,); } Add_action (‘widgets_init’, ‘wpb_widgets_init’);
Bu kod, temanız için yeni bir kenar çubuğu veya hazır alan widget’ı kaydeder.
Görünüşe giderseniz »widget’larına giderseniz, ‘özel başlık widget alanı’ etiketli yeni bir widget alanı göreceksiniz.
Şimdi, widget’ınızı bu yeni alana ekleyebilirsiniz. Daha fazla ayrıntı için WordPress’e widget’ların nasıl ekleneceğini ve kullanıldığına dair kılavuzumuza bakın. Ancak, başlık widget’ınız doğrudan web sitenizde görüntülenmeyecektir. Daha sonra nasıl yapılacağını size göstereceğiz. Bir widget başlık alanı oluşturduktan sonra WordPress’te özel başlık widget’ınızı şimdi gösterin, WordPress’e web sitenizde görüntülemek için bir yer söylemeniz gerekir.
Bunu yapmak için header.php dosyanızı düzenlemeniz gerekir. Ardından, bir widget’ın görüntülenmesini istediğiniz aşağıdaki kodu eklemeniz gerekir.
Bu kod, daha önce oluşturduğunuz widget alanını web sitenizin başlık alanına ekleyecektir. Şimdi, başlık widget alanınızı doğrudan görmek için WordPress blogunuzu ziyaret edebilirsiniz.
WordPress başlığı widget alanı stiliniz, temanıza bağlı olarak CSS kullanır, Widget başlık alanının ve içindeki her widget’ın nasıl görüntülendiğini kontrol etmek için WordPress’e CSS eklemeniz gerekebilir. CSS bilmiyorsanız, CSS Hero gibi eklentileri kullanabilirsiniz. Daha fazla bilgi edinmek için WordPress sitenize kolayca özel CSS ekleyeceğiniz konusunda kılavuzumuza bakın. Ardından, görünüşe gidin »WordPress yönetici panelinizde özelleştirin. Bir WordPress tema ayar paneline sahiptir. ‘Ek CSS’ sekmesini tıklamanız gerekir.
Bu, doğrudan temanıza ek CSS eklemenizi ve gerçek zamanlı değişiklikleri görmenizi sağlar. İşte başlamanıza yardımcı olacak bazı CSS kodu örnekleri:
Div#header-widget-alea {genişlik:%100; Arka plan rengi: #f7f7f7; Sınır dip: 1px katı #eeeeee; Metnin hizalanması: orta; Rulman: 20 piksel; } H2.chw-title {marj-üst: 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; }
Bu, doğrudan temanıza ek CSS eklemenizi ve gerçek zamanlı değişiklikleri görmenizi sağlar. İşte başlamanıza yardımcı olacak bazı CSS kodu örnekleri:
Div#header-widget-alea {genişlik:%100; Arka plan rengi: #f7f7f7; Sınır dip: 1px katı #eeeeee; Metnin hizalanması: orta; Rulman: 20 piksel; } H2.chw-title {marj-üst: 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; }
CSS kodunu ‘Ek CSS’ kutusuna eklemeniz yeterlidir.
CSS’nizi eklemeyi bitirdikten sonra, değişikliklerinizi kaydetmek için ‘Yayınla’ düğmesine tıkladığınızdan emin olun. İşte doğrudan CSS değişiklikleri ile özel bir başlık widget’ının görüntülenmesi.
CSS’nizi eklemeyi bitirdikten sonra, değişikliklerinizi kaydetmek için ‘Yayınla’ düğmesine tıkladığınızdan emin olun. İşte doğrudan CSS değişiklikleri ile özel bir başlık widget’ının görüntülenmesi.
Bu makalenin Web sitenize WordPress Widget’ları nasıl ekleyeceğinizi öğrenmenize yardımcı olacağını umuyoruz. Ayrıca, küçük işletmeler için en iyi doğrudan sohbet yazılımından en iyi WordPress barındırma ve uzman seçimimizi nasıl seçeceğiniz konusunda rehberimizi görmek isteyebilirsiniz. Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube kanalımıza abone olun. Bizi Twitter ve Facebook’ta da bulabilirsiniz. Açıklama: İçeriğimiz okuyucu tarafından desteklenir. Bu, bazı bağlantılarımıza tıklarsanız, bir komisyon alabileceğimiz anlamına gelir. WPBeginner’ın nasıl finanse edildiğini, neden önemli olduğunu ve bizi nasıl destekleyebileceğinizi görün.
WPBeginner’daki editoryal personel editoryal personeli hakkında Syed Balki liderliğindeki bir WordPress uzman ekibi. Dünya çapında 1,3 milyondan fazla okuyucu tarafından güvenilir.
Artık kendi web sitenizi oluşturabilirsiniz. Bugün başlayarak … WooCommerce ve WordPress için geniş bir eklenti, uzantılar ve temalar koleksiyonu ile, onu epeyp.com aracılığıyla alabilirsiniz.
WPBeginner’daki editoryal personel editoryal personeli hakkında Syed Balki liderliğindeki bir WordPress uzman ekibi. Dünya çapında 1,3 milyondan fazla okuyucu tarafından güvenilir.
Artık kendi web sitenizi oluşturabilirsiniz. Bugün başlayarak … WooCommerce ve WordPress için geniş bir eklenti, uzantılar ve temalar koleksiyonu ile, onu epeyp.com aracılığıyla alabilirsiniz.
Bir Web Sitesi Oluştur
Geç kalma. Devewp.com’u şimdi ziyaret edin !!
WooCommerce abonelikleri, müşterilerin ürünlerinize veya hizmetlerinize abone olmasına ve haftalık, aylık veya yıllık ödeme yapmasına izin verir.
WooCommerce abonelikleri, müşterilerin ürünlerinize veya hizmetlerinize abone olmasına ve haftalık, aylık veya yıllık ödeme yapmasına izin verir.
Şimdi sahip ol
WooCommerce siparişi, müşterilerin sitenizden ayrılmadan randevu almasına, rezervasyon yapmasına veya ekipman kiralamasına izin verir.
Şimdi sahip ol
WooCommerce Google Analytics Pro, WooCommerce sitenize gelişmiş etkinliği izlemek ve e -ticaret izleme ekler. Şimdi sahip ol
WooCommerce abonelik indirmeleri, mağazanıza kayıtlı indirilen ürünler aracılığıyla müşterilerinize ek indirmeler sunar. Şimdi WooCommerce aboneliğine ekleyin WooCommerce abonelikleri için mevcut kullanıcılar için fiyat güncellemeleri, iptal, otomatik uzatma hatırlatıcıları vb. Şimdi sahip ol
WooCommerce abonelikleri için tüm ürünler, WooCommerce abonelikleri için bu güçlü eklenti ile abone olurken mevcut ürünlerinizi sunar. Şimdi sahip ol
WooCommerce üyeliği, üyelik derneğinizi, çevrimiçi dergilerinizi, e -öğrenme sitelerini ve içerik/ürünlere erişime erişimi olan diğerlerini güçlendirir ve üyelerin indirimleri. Şimdi sahip ol
WooCommerce Zapier, WooCommerce mağazanızı bugün 4000’den fazla bulut uygulaması ve hizmetiyle bütünleştiriyor. 11.000’den fazla kullanıcı tarafından güvenilir. Şimdi sahip ol
WooCommerce ürün ruhları, ürününüz için hediyeler, özel mesajlar veya diğer özel seçenekler gibi eklenti sunar. Şimdi sahip ol
WooCommerce siparişi, müşterilerin sitenizden ayrılmadan randevu almasına, rezervasyon yapmasına veya ekipman kiralamasına izin verir.
Şimdi sahip ol
WooCommerce Google Analytics Pro, WooCommerce sitenize gelişmiş etkinliği izlemek ve e -ticaret izleme ekler. Şimdi sahip ol
WooCommerce abonelik indirmeleri, mağazanıza kayıtlı indirilen ürünler aracılığıyla müşterilerinize ek indirmeler sunar. Şimdi WooCommerce aboneliğine ekleyin WooCommerce abonelikleri için mevcut kullanıcılar için fiyat güncellemeleri, iptal, otomatik uzatma hatırlatıcıları vb. Şimdi sahip ol
WooCommerce abonelikleri için tüm ürünler, WooCommerce abonelikleri için bu güçlü eklenti ile abone olurken mevcut ürünlerinizi sunar. Şimdi sahip ol
WooCommerce üyeliği, üyelik derneğinizi, çevrimiçi dergilerinizi, e -öğrenme sitelerini ve içerik/ürünlere erişime erişimi olan diğerlerini güçlendirir ve üyelerin indirimleri. Şimdi sahip ol
WooCommerce Zapier, WooCommerce mağazanızı bugün 4000’den fazla bulut uygulaması ve hizmetiyle bütünleştiriyor. 11.000’den fazla kullanıcı tarafından güvenilir. Şimdi sahip ol
WooCommerce ürün ruhları, ürününüz için hediyeler, özel mesajlar veya diğer özel seçenekler gibi eklenti sunar. Şimdi sahip ol
