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 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

En yeni başlayanlar ve hatta orta düzey blog yazarları gibiyseniz, kesinlikle HTML / CSS bilginiz yok. çok blogcular (benim gibi) kullanmayı tercih et eklentileri kullanarak yayınlarına veya sayfalarına düğme eklemelerine olanak sağlayan kısa kod. Fakat 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, yüklemek ve etkinleştirmek 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 bir tanesini düzenlerseniz, Görsel Düzenleyicide başlıkla birlikte yeni bir düğme görürsünüz. « 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 metnini ve URL'yi eklemek, ardından metin ve arka plan renklerini seçmek. Ardından seçenek açılır menüsüne 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?

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]

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, değişikliklerin her birinin gerçek zamanlı bir önizlemesini görebilirsiniz. Görünümden memnun kaldığınızda, sadece üzerine tıklayın. 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 orta, 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üğmeyi çift tıklatın ve isterseniz düğmeyi değiştirebilirsiniz.

Bu seviyede, artık kısa kod kullanmadan WordPress'e düğmeler ekleyebiliyorsunuz. Ancak ayrılmadan önce, kısa kodları etkin bir şekilde yönetmenizi sağlayacak iki premium WordPress eklentisine başvurmanızı öneririz.

1. WPBakery Sayfa Oluşturucu

Eskiden Visual Composer olarak bilinen WPBakery Page Builder, bir başka premium ve son derece popüler sayfa oluşturucudur. Bu popülerliğin çoğu, WPBakery Page Builder'ın, ThemeForest WordPress temalarının neredeyse% 99'iyle gelmesinden kaynaklanıyor. Ancak gerçek şu ki çok sayıda web sitesinde kullanılıyor.


Divi Builder gibi, WPBakery Page Builder da arka uçta hem görsel düzenleme hem de düzenleme yapmanızı sağlar. Elementor veya Divi Builder gibi bir şeyle karşılaştırıldığında, WPBakery Page Builder'ın stil seçenekleri biraz sınırlıdır. Satırlar üzerinde iyi bir kontrol sizde var, ancak her bir öğenin stil seçenekleri biraz daha sınırlı.

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

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]

Indir | gösteri |Web hosting

2. Divi Oluşturucu

Divi Builder, Elegant Themes tarafından çok takdir edilen sayfaların yüksek kalitede oluşturucusudur. Genel olarak WordPress Divi temasının bir parçası olarak kullanılmasına rağmen, Divi Builder ayrıca diğer WordPress temalarında kullanabileceğiniz bağımsız bir eklentidir.

Önceki iki yapıcıdan 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üzenlemenizi sağlar .

Temel olarak, kenar çubukları yerine, her şey açılır pencerelerde ve kayan düğmelerdedir. Kendi tasarımlarınızı şablon olarak kaydetme yeteneğinin yanı sıra, 316 farklı sunum paketlerine yayılmış 40 önceden tanımlanmış şablonlarına erişmenizi 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.

Özel CSS bile ekleyebilirsiniz, çünkü CSS editörü temel doğrulama ve otomatik tamamlamayı entegre eder. Divi Builder'ın eleştirmenlerinden biri daima kısa kodlara dayanması olmuştur. Bu, bir gün devre dışı bırakırsanız içeriğinizde bir sürü kısa kod bırakacağı anlamına gelir. Bu biraz moral bozucu olsa da, artık Shortcode Cleaner gibi eklentiler mevcut olmaktan daha az problem.

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. [Ücretsiz]

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ı 3 içeriyor

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. 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üş
5 hisseleri
hisse3
cıvıltı
Enregistrer2