Ana İçeriğe Geç

Bu ücretsiz kısa kod ile WordPress öğelerin tasarımını geliştirmek için 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]

İyi tasarlanmış kısa kodlar üreten eklentilerin patlaması geç geldi. Bu eklentiler, sütunlar, sekmeler, fiyat tabloları, özel başlıklar ve çok daha fazlası gibi şeyleri çok profesyonel hale getirerek yayınlarınızı veya sayfalarınızı kolayca gösterir.

Bu eklentilerin geç geliştirilmesinden dolayı, zamanla gelişmemiş diğer eklentiler terk edildi. Ve "bootstrap" kitaplığının özelliklerini eklemiş olsalar bile (Bazıları aşağıdaki şekilde)diğer alanlarda gelişme göstermediler.

Bu eğiticide, gerçekten iyi sonuç vermeyen bir dizi eklenti eklemek yerine, kendimizi yapanlarla sınırlayacağız.

Ama başlamadan önce, bakmak için zaman ayırın Bir WordPress tema nasıl kurulurKaç eklentileri WordPress yüklemeniz gerekir.

O zaman işe başlayalım!

1. Kolay Boostrap Kısa Kodları

Le eklentisi Kolay Önyükleme Kısa Kodları sütunlar, düğmeler, renkli kutular gibi temel öğeler için çok iyidir. ilerleme çubukları, görüntülere farklı efektler vermek vb.

kolay önyükleme özellikli

Bu eklentiyle ilgili en iyi şeylerden biri, her yere koyabileceğiniz tonlarca simge - düğmelerde, kutularda, başlıklarda, vs… tam olarak istediğiniz görünümü elde etmek için simgelerin boyutunu ve rengini kolayca değiştirebilirsiniz. Bu eklenti ideal olarak kısa kod görsel düzenleyicide üçüncü satır olarak.

kolay önyükleme yayınların-düzenleyici

Bu düğmelerden biri etkinleştirildiğinde, birçok seçeneğin bulunduğu bir pencere açılır (tabii ki düğmeye bağlı olarak). Sipariş vermek uygun olduğunda, genellikle çok sayıda çekici simge bulunur. Ve bu simgelerin rengini bile değiştirebilirsiniz.

Burada, bir düğme eklerken açılan pencerenin kısmi bir önizlemesi verilmiştir.

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

kolay önyükleme-pop-up

Ekleyebileceğiniz her türlü kısa kod vardır. Ve elbette, onları da birleştirebilirsiniz.

İşte birleştirilmiş bazı kısa kodlara hızlı bir örnek: bir kutu (mavi arka plan), başlık için bir simge (istediğim renk ve boyut), sonra başka bir simgeye sahip bir düğme (istediğim kadar renkli).

kolay önyükleme-box

İşte farklı kısa kodların bir listesi:

  • Akordeon
  • İlerleme etiketlerle Barlar
  • Sekmeler
  • Simgeler
  • Liste
  • Etiketler
  • Bildirim
  • Düğmeler
  • popover
  • IconHeading
  • Tooltip
  • tablolar
  • Panel
  • Duyarlı görüntü
  • Resim efektleri
  • Araç çubuğu düğmesi grubu
  • İyi
  • Liste Açıklaması
  • ButtonDropdown
  • kutu Servisi
  • düğme Grubu
  • Duyarlı kaymak

Burada eklentinin yazarı tarafından sağlanan kısa kodların bir videosunu burada bulabilirsiniz.

IndirgösteriWeb hosting

2. Nihai kısa kod

Le eklentisi Nihai shortcode Kullanılacak çok etkileyici kısa kodların yanı sıra farklı öğelere eklemek için etkileyici sayıda simge vardır. Buna ek olarak, kısa kodları veya simgeleri kontrol etme yeteneği (Boyutu değiştir, renk, konum vb.) da etkileyici.

shortcode-nihai özellikli

Kısacası, gördüğüm en etkileyici kısa kod eklentisiydi. Görsel düzenleyicide bulunan butona tıklayarak başlayın.

Kısa kod-nihai düğmeli

Daha sonra pop-up olası kısa kod listesini almak.

Kısa kod-nihai-seçimleri

Hiç şüphesiz fark edeceğiniz gibi, sadece birkaç tane (tam olarak 51) değil, aynı zamanda bunları sayfanın üstünden türe göre filtreleyebilir veya hatta istediğinizi arayabilirsiniz.

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]

Ayrıca bakınız: WordPress editörü görsel stil eklemek için nasıl

Sahip olduğunuz kısa kod ve kontrole ek olarak, eklemeden önce kısa kodunuzu önizlemenizi sağlar.

Bu eklentinin sahip olduğu bir başka iyi şey de daha az deneyime sahip olanlar için bazı kısa kod örnekleri ve kodlarını vermesi.

Burada eklentinin yazarı tarafından sağlanan kısa kodların bir videosunu burada bulabilirsiniz.

Ve burada mevcut kısa kodların bir listesi.

  • Başlık
  • bölen
  • Pullquote
  • Liste
  • Hafif kutu
  • Vimeo
  • tablolar
  • Menü
  • kaydırıcı
  • kukla Görüntü
  • şablon
  • Sekmeler
  • Spacer
  • DropCap
  • düğme
  • Tooltip
  • Screenr
  • Kalıcı
  • alt sayfalar
  • atlıkarınca
  • Animasyon
  • çıkıntı
  • Vurgulamak
  • çerçeve
  • Hizmet
  • Özel
  • Dailymotion
  • Üyeler
  • Kardeşler
  • Galeri
  • Meta
  • Spoiler
  • etiket
  • Sıra
  • kutu
  • Youtube
  • ses
  • Misafir
  • belge
  • Mesajlar
  • kullanıcı
  • Akordeon
  • alıntı
  • Sütun
  • not
  • Gelişmiş YouTube
  • Video
  • RSS Feed
  • gmap
  • kukla metin
  • Çivi

IndirgösteriWeb hosting

3. Olevmedya

Bu eklenti, birçok unsurda önceki ikisine kıyasla gerçekten çok basit. Diğer eklentilerin sahip olmadığı birkaç öğe ile aynı anda parlar.

olevmedia özellikli

Örneğin, bu eklenti, metin alanları için belirli stilleri çok iyi yapmanıza izin verir. Ortadaki profesyonel olarak yerleştirilmiş simgeye dikkat edin. Gördüğüm başka hiçbir eklenti aynısını yapmanıza izin vermiyor.

Ayrıca bakınız: Bir WordPress blog harici linkler ayırt etmek nasıl

olevmedia-box

Sıfırdan girdiğiniz sayıya kadar animasyonlu bir sayacı vardır.

numaralı karşıt

Bu eklenti ayrıca düğmelerle çok fazla stil yapmanıza izin verir. Ayrıca kolayca içeriğinize yeni yayınlar ekleyin ve hoş fiyat listeniz.

Bu eklentinin bir dezavantajı, size kullanabileceğiniz simgeler verdiğinde, simgelerin grafiksel temsillerini değil, yalnızca adların bir listesini göstermesidir. Bazılarının isimleriyle tahmin edilmesi oldukça kolaydır. Ve diğerleri değil.

Ancak simgeyi ismine göre bulabilseniz bile, görünüşünü beğeneceğiniz anlamına gelmez. Ancak bunu yalnızca projeyi ekleyip kaydettikten sonra bileceksiniz ve gönderiyi önizle.

Bazı eklentiler çok iyi performans gösterdiğinden, bunu ana eklentiniz olarak benimsemeyebilirsiniz; Ancak, hiçbir şey bunu diğerine ek olarak kullanmanızı engellemez.

İşte sunduğu ana kısa kodların bir listesi.

<

  • Akordeon
  • toggle
  • Sekmeler
  • Satria Nugraha
  • kutu
  • Düğmeler
  • Sütunlar
  • sayaç
  • bölen
  • Dropcaps
  • Simgeler
  • Bilgikutusu
  • Listeler
  • logolar
  • Harita
  • İşaretleyici
  • Son Yazılar
  • tablo
  • Fiyatlandırma tabloları
  • Video

IndirgösteriWeb hosting

4. CPO Kısa Kodları

Bu eklenti, sütunlar ve kutular gibi bulmayı umabileceğiniz birkaç temel kısa koda sahiptir.

Bunu söyledikten sonra, çalışmak biraz sinir bozucu. Genellikle bir renk veya boyut seçmek gibi seçimler yapmanıza izin vermeden gönderinize kısa kodlar ekler.

CPO özellikli

WordPress widget kısa kod nasıl kullanılır bir zorunluluktur okumak.

Kısa kodların kendileri bazen bu şeyler için boşluklarla birlikte gelir, ancak bunların tümü için bir açıklama yoktur. Bu eklentiyi listeden çıkarmak çok kolay olacaktır; Ancak, onu farklı kılan birkaç şeyle geldi. Ve bu nedenle, bu öğeleri gözden geçirmek için zaman ayırın.

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]

Bu unsurlardan biri "arka plan bölümü" sayfanızda istediğiniz renkli bir arka planı yerleştirin. Bir kenar çubuğunuz varsa, yalnızca sayfalarda tam ekranda kullanmak istiyorsanız, onu da kapsayacağını unutmayın (ki bu hoş değildir).

İşte mavi arka plana sahip bir öğenin önizlemesi.

CPO-arkaplan

Ayrıca ekip üyeleri bölümü için bir kısa kod içerir. Temelde şunları yapmanızı sağlar resim koy, bir ad, bir başlık, daha sonra sosyal ağlara bağlanabilecek bazı metinler.

CPO-ekip-üyeler

Aynı zamanda oldukça fiyatlandırma bir ızgara içerir.

CPO fiyatlandırma

IndirgösteriWeb hosting

Genel Bakış

  • Ultimate Kısa Kod: 5/5
  • Kolay Boostrap Kısa Kodları: 4/5
  • Olevmedia: 3,5 / 5
  • CPO Kısa Kodları: 2,5 / 5

Kanımca, Ultimate Shortcode eklentisi ellerimde sahip olduğum en iyisiydi. Diğer eklentilerden bazıları çok iyi olsa da, sundukları için gerçekten ileri geri gider.

Ancak, Shortcode Ultimate ile birleştirmek için kısa kodlar arıyor olsaydım, tamamlayıcı eklenti olarak Olevmedia'yı yüklemeyi seçerdim.

Ayrıca oku Neden WordPress ve alan adı ayrılmalıdır

İki eklenti kurarken dikkat etmeniz gereken tek şey, ikisinin aynı kısa kod adlarını kullanmadığından emin olmaktır.

Ayrıca bazı premium WordPress eklentilerini keşfedin  

Modern bir görünüm kazandırmak ve blogunuzun veya web sitenizin rahatlığını artırmak için diğer WordPress eklentilerini kullanabilirsiniz.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. TPlayer

Duyarlı WordPress tPlayer eklentisi, web sitenize bir ses ve radyo oynatıcı entegre etmenize yardımcı olur. Çok işlevseldir ve birçok özelleştirme olasılığını destekler. Ayrıca, ses ve radyo akışı ile ilgili ayrıntıların yanı sıra kullanıcıların ses dinleme alışkanlıklarıyla ilgili istatistikleri de görüntüleyebilir.

tPlaye Audio Player premium wordpress eklentileri ses oynatıcı ekler

Bu eklenti, sınırsız çalma listelerini ve her çalma listesinde sınırsız sayıda parçayı destekler. Şarkılarını Google Drive, Amazon S3 vb. Harici depolama sistemlerinden kurtarma olanağına sahip olacaksınız.

Ayrıca bizim makalemizi okuyun. 10 WordPress eklentileri blogunuza korumak için

Ayrıca, bir ziyaretçi bir sayfayı veya gönderiyi ziyaret eder etmez radyoyu veya belirli bir ses dosyasını başlatan otomatik oynatma özelliği de vardır. Ayrıca, ses çaların görünümünü değiştirmeye yardımcı olmak için başka özelleştirme seçenekleri de sunar.

Indir | gösteri | Web hosting

2. Xili dil

xili-language, resmi WordPress eklentileri dizininde bulunan güçlü bir WordPress çeviri eklentisidir. Xili dilini başarıyla kullanabilmek için web sitenizde çevrilmeye hazır bir WordPress teması kullanmanız gerekir.

xili dili

Tüm WordPress temaları çok dili desteklemediğinden, bu eklentiyi yüklemeden önce sizinkinin bu özelliği desteklediğinden emin olmanız şiddetle tavsiye edilir.

Ayrıca bizim makalemizi okuyun. WordPress blogunuzu birkaç dile nasıl çevirin

Xili-language yalnızca çok dilli içerik oluşturmanıza değil, aynı zamanda WordPress temanızın dil dosyalarını içeriğin diline göre değiştirmenize de izin verir. Geliştirici dostudur ve web sitenizin davranışını özelleştirmenize olanak tanıyan bir bağlantı noktaları ve API listesi ile birlikte gelir.

Indir gösteri | Web hosting

3. WooCommerce Masa Ücreti Nakliye Eklentisi

Le eklentisi WooCommerce Tablo Oranı Kargo yönetici tarafından belirlenen çeşitli koşullara bağlı olarak belirli bir müşteri için birden çok ücret ekleme yeteneğine sahiptir. Bunlar, gönderinin varış yerini, sepet ara toplamını, gönderilecek ürünün kategorisini, fiyatı, ağırlığı ve daha fazlasını içerebilir.

WooCommerce 2 için Masa Fiyatı Gönderimi

Ç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]

Bu WordPress eklentisi yeni bir ekleyecek Nakliye Yöntemi doğrudan WooCommerce ayarlarına.

Çok keşfetmek 7 WordPress eklentileri teslimat sistemi geliştirmek için

Il varış yerine, ağırlığa ve / veya alışveriş sepetinin tamamına göre gönderim maliyetlerini hesaplaması gereken herkes için kullanışlıdır.

Indir | gösteri | Web hosting

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

Sonuç

Buraya ! Bu eğitim için bu kadar, umarım bu ücretsiz kısa kodlarla WordPress yazılarınızın tasarımını geliştirmenize izin verir. Çekinme En sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşın

Ancak, ayrıca kaynaklarımız, İnternet sitesi oluşturma projelerinizi gerçekleştirmek için daha fazla öğeye ihtiyacınız varsa, WordPress blog oluşturma.

Öneriniz veya yorumunuz varsa, bunları bölümümüzde bırakın. Yorumlar.

... 

Bu makale yorumları 2 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