Ana İçeriğe Geç

kısa kod kullanmadan WordPress için düğme eklemek nasıl

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Çoğu acemi ve hatta orta düzey blog yazarları gibiyseniz, o zaman kesinlikle HTML / CSS bilginiz yoktur. Birçok blogcular (benim gibi) kullanmayı tercih et eklentileri kullanarak gönderilerine veya sayfalarına düğme eklemelerine olanak tanıyan kısa kod. Ancak bu kısa kodlar - kısa kodlar - hatırlaması zor ve yapılandırması zor.

düğmeler eklemek için nasıl bu yazıda size göstereceğim WordPress kısa kod kullanmadan.

WordPress dünyasında yeniyseniz, Bir WordPress blog 7 adımlarını nasıl yüklenir

Yapmanız gereken ilk şey, fişe takmak « Kısa kod Düğmeler Hakkında Forget '.

Bunu etkinleştirdikten sonra fişe takmak, sadece bir oluşturmanız gerekir yeni yayın veya mevcut olanı değiştirirseniz, Görsel düzenleyicide başlığa sahip yeni bir düğme göreceksiniz. « Düğme Ekle » (Ayriyeten Bir düğme).

fasb-editorbutton

Yayınınıza veya sayfanıza yeni bir düğme eklemek için, düğmeyi tıklamanız gerekir Bir düğme ekle. Bu, yeni düğmenizi tasarlayabileceğiniz bir pencere açacaktır.

designyourbutton

Tek yapmanız gereken düğme metni ve url eklemek, ardından metin ve arka plan renklerini seçmek. Ardından seçeneğin açılır menüsünü tıklayın 'Tür'senin düğmeye şeklini seçmek için. Ayrıca düğmenin boyutunu da seçebilirsiniz.

Bilginizi keşfederek tamamlayın kullanmak ve kısa kod WordPress nasıl yönetilir?

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Sekmeye tıklarsanız « ikon », sonra düğmelerinizin metninden önce veya sonra ekleyebileceğiniz simgeleri görebilirsiniz. bunlar simgeler daha çok ikon yazı tipleri.

buttonswithicons

Düğme oluşturma işlemi sırasında, her bir değişikliğin gerçek zamanlı bir önizlemesine sahip olacaksınız. Görünümden memnun kaldığınızda, eklemek.

Bu makaleye göz atın ve hayran olun Bu ücretsiz kısa kod ile WordPress öğelerin tasarımını geliştirmek için nasıl

Düğmeyi ortaya, sola veya sağa hizalamak için düzenleyiciden hizalama yöntemlerini de seçebilirsiniz. Düğme düzenleme penceresini açmak için düğmeye çift tıklayın ve isterseniz düğmeyi düzenleyebilirsiniz.

Bu seviyede, artık kısa kodlar kullanmadan WordPress'e buton ekleme olanağına sahipsiniz. Ancak sizden ayrılmadan önce, kısa kodları etkili bir şekilde yönetmenizi sağlayacak iki premium WordPress eklentisine göz atmanızı öneririz.

1. WPBakery Sayfa Oluşturucu

Bir başka premium ve son derece popüler sayfa oluşturucu, daha önce Görsel Besteci olarak bilinen WPBakery Sayfa Oluşturucu'dur. Bu popülerliğin büyük bir kısmı, WPBakery Sayfa Oluşturucu'nun ThemeForest'in WordPress temalarının neredeyse% 99'uyla birlikte gelmesinden kaynaklanıyor. Ancak gerçek şu ki, çok sayıda web sitesinde kullanılıyor.

wp fırın sayfası oluşturucu e1544277016913
Divi Builder gibi, WPBakery Page Builder hem görsel düzenlemeye hem de arka uç düzenlemeye izin verir. Elementor veya Divi Builder gibi bir şeye kıyasla, WPBakery Page Builder'ın stil seçenekleri biraz sınırlıdır. Çizgiler üzerinde iyi bir kontrole sahipsiniz, ancak tek tek öğeler için stil seçenekleri biraz daha sınırlıdır.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

Kendi CSS'nizi kullanmak istiyorsanız, tek tek öğelere özel bir CSS sınıfı veya kimliği ekleyebilir veya sayfa düzeyine gerçek stiller ekleyebilirsiniz.

WPBakery Page Builder'ın özellikle dikkat çekici benzersiz özelliklere sahip olduğundan emin değilim. Ama sahip olduğu şey, geniş bir uzantı topluluğu. Divi Builder gibi, WPBakery Page Builder da etkisiz hale getirirseniz içeriğinizde çok sayıda kısa kod kalıyor. Öğreticiyi keşfedin

Indir | gösteri | Web hosting

2. Divi Oluşturucu

Divi Builder, Elegant Themes tarafından son derece değerli olan yüksek kaliteli bir sayfa oluşturucudur. Genellikle Divi WordPress temasının bir parçası olarak kullanılmasına rağmen, Divi Builder aynı zamanda diğer WordPress temalarında kullanabileceğiniz bağımsız bir eklentidir.

bölme e1544278044306

Önceki iki kurucudan farklı olarak Divi Builder, çoğu kullanıcı ilk arayüzü tercih etse de, içeriğinizi ön uçta görsel bir arabirim ve arka uçta bir arabirim kullanarak düzenlemenize olanak tanır. .

Temelde kenar çubukları yerine, hepsi pop-up'larda ve kayan düğmelerde. 316 farklı sunum paketine yayılmış 40 önceden tasarlanmış şablona erişimin yanı sıra kendi tasarımlarınızı şablon olarak kaydetme olanağı sağlar.

Divi'nin özelliklerinden biri her zaman size verdiği stillerin kontrolü olmuştur. Üç farklı sekmede, duyarlı kontroller, özelleştirilebilir boşluklar ve daha fazlası dahil olmak üzere çeşitli ayarları yapılandırabilirsiniz.

CSS düzenleyicisi temel doğrulama ve otomatik tamamlamayı içerdiğinden, özel CSS bile ekleyebilirsiniz. Divi Builder'ın eleştirilerinden biri her zaman kısa kodlara dayanması olmuştur. Bu, eğer kapatırsanız, içeriğinizde bir sürü kısa kod bırakacağı anlamına gelir. Bu biraz iç karartıcı olsa da, Shortcode Cleaner gibi eklentilerin var olması artık daha az sorun teşkil ediyor. 

Indir | gösteri | Web hosting

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

Diğer önerilen kaynaklar

Bu önerilen kaynaklara da danışarak WordPress web sitenizde ustalaşmaya devam edin.

Sonuç

İşte bu! Umarız bu yazı size düğmeler eklemenize yardımcı olur. WordPress Kısa kod kullanmadan. Herhangi bir öneriniz veya yorumunuz varsa, memnuniyetle karşılanacaktır.

Ayrıca sizi danışmaya davet ediyoruz. acemi bir blogcuysanız, kaynaklar. Ama nSizi istiyoruz bu makaleyi farklı sosyal ağlarınızda paylaşın.

...  

Bu makale yorumları 4 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
2 hisseleri
hisse
cıvıltı
Enregistrer2