Divi Eklentisi Vurgusu – AC Kısa Kodları

Başka bir Divi modülünün içine bir Divi modülü, hatta tam bir düzen yerleştirmeniz gerekti mi? Haritaları, formları, sayaçları, tanıtım yazılarını, referansları veya başka herhangi bir modülü metin düzenleyicili başka herhangi bir modüle yerleştirmenin tasarım olanaklarını hayal edin. Bu modülleri kenar çubuğunuza yerleştirebilseydiniz ne olurdu? AC Kısa Kodları adlı üçüncü taraf eklentisi tam olarak bunu yapar.

AC Shortcodes, Divi modüllerini başka bir modüle yerleştirebilmeniz için kısa kodlara dönüştüren Ayanize'nin üçüncü taraf eklentisidir. Tek bir modül veya düzen ile bir kısa kod oluşturun ve ardından bu kısa kodu bir modülün metin düzenleyicisine yapıştırın. Divi, Extra ve Divi Builder eklentisini kullanan herhangi bir tema ile çalışır.

Bu eklentiye genel bakışta AC Kısa Kodlarını bir tur atacağız ve onunla yapılabilecek bazı şeyleri ve kullanımının ne kadar kolay olduğunu göreceğiz. Örnek sayfalarımın resimleri Unsplash.com'dan alınmıştır.

AC Kısa Kod Eklentisini Yükleme

Eklentiyi normal şekilde yükleyin ve etkinleştirin. Eklenti etkinleştirildiğinde, kalıcı bağlantılarınızı yeniden kaydetmeniz için bir mesaj göreceksiniz. Bu, eklentinin düzgün çalışmasını sağlayacaktır. Mesajdaki Kalıcı Bağlantıları Güncelle'ye tıklayın. Bu sizi kalıcı bağlantı ayarlarına götürecektir. Sayfanın alt kısmındaki Değişiklikleri Kaydet'e ve ardından mesaj içinde TAMAM'a tıklayın. Mesaj kaybolacak ve artık AC Kısa Kodlarını kullanabilirsiniz.

Kısa Kod Oluşturma

Panodaki Divi menüsüne yeni bir menü öğesi eklenir (Pano, Divi, AC Kısa Kodlarına gidin). Buna tıklamak, kısa kodlar oluşturabileceğiniz AC Kısa Kodları menüsünü açacaktır. Oluşturduğunuz tüm kısa kodlar burada listede görüntülenecektir. Yeni bir kısa kod oluşturmak için Kısa Kod Oluştur'a tıklayın.

Bu sizi Divi Builder ile oluşturmayı seçebileceğiniz bir düzenleyiciye götürür. Kısa kod sağda sağlanır. Bunu kopyalayıp başka bir modülün içeriğine yapıştırabilirsiniz. Divi Builder'ı kullanarak bir düzen oluşturun ve kaydetmek için Oluştur'a tıklayın.

Kısa kodlarınızı oluşturduktan sonra bunları gösterge tablosu menüsündeki listede göreceksiniz. Burada içeriğinize yapıştırmak için kısa kodu düzenleyebilir, silebilir ve kopyalayabilirsiniz. Kısa kodlar Divi Builder modüllerinde, standart WordPress düzenleyicisinde (Divi veya Extra kullanırken) veya metin widget'larında (Divi veya Extra gerektirir) kullanılabilir.

AC Kısa Kod Örnekleri

Örneklerim için tam genişlikte bir başlık içeren standart bir Divi blog sayfası oluşturdum. Bölüm için degrade bir arka plan oluşturdum.

Tam genişlikte Başlık

Bu örnek sayfadır. Normalde başlık alanına yerleştirilemeyen modülleri kullanarak standart başlığı yeni bir başlıkla değiştirmek istiyorum.

Bu, shortcode'un düzenidir. Harita, Galeri ve Harekete Geçirici Mesaj modüllerini ve Tam Genişlik Bölümünde Tam Genişlik Menüsünü içerir. Arka planı saydam yaptım, böylece sayfadaki stil görüntülenecek ve Fullwidth Menu modülüne arka plan stili üzerinde görüntülenmesi için degrade bir arka plan verdim.

Sayfanın kendisi, kısa kodu yerleştirdiğim bir Metin modülü ve bir Blog modülü içeriyor. Bu bölümler arka plan stilini sağlayacaktır.

İşte yeni başlığa bir bakış. Bu başlıkla neler yapılabileceğinin olasılıklarını hayal etmek kolaydır.

Sekmeler

Sekmeler modülü, kısa kodların nasıl çalıştığını görmenin en kolaylarından biridir. Normalde, Sekmeler modülü, bir düzenleyiciye yerleştirebileceğiniz herhangi bir tür içeriği bir sekmeye yerleştirmenize olanak tanır. Buna resimler, videolar vb. gibi metin ve medya dahildir. Haritalar, iletişim formları, CTA'lar veya başka bir Divi modülü yerleştirmek isterseniz ne olur? Haydi Yapalım şunu!

Birkaç modül kısa kodu oluşturdum ve her birini ayrı bir sekmeye yapıştırdım. Modüllerden bazıları kendi arka plan stillerini içerir.

Modüller, onlar için oluşturduğum aynı tasarım özellikleriyle görüntüleniyor. Bu örnekte, bölüm için bir gradyan arka planı kullandım.

Bu sekme bir iletişim formu kullanır. Özel bir stil vermedim.

Bu sekme bir blog gönderisini görüntüler. Sayfa için gradyan arka planını kullandım ancak blog yazısı kısa kodu için hiçbirini kullanmadım. Sekmelerin her biri, bağımsız olarak oluşturuldukları için kendi arka plan rengine ve bireysel stillerine sahiptir.

Kısa kodlar olarak görüntülemek için eksiksiz düzenler bile oluşturabilirsiniz.

Bu düzen, resim, blog, portföy ve iletişim formu içeren özel bir bölüm kullanır. Düzen sekmesine yerleştirdim.

İşte bir sekme içindeki mağaza modülüne bir bakış. Sekmeler içindeki modülleri kullanmak, bilgileri, formları, CTA'ları ve daha fazlasını görüntülemek için bazı fırsatlar açar.

Kenar çubukları ve Widget'lar

Kısa kodları, bir metin widget'ına yapıştırarak da kenar çubuklarınızdaki kullanabilirsiniz.

Burada harita sol kenar çubuğunda görüntülenir. Hala arka plan stiline sahip olduğunu görebilirsiniz. Bunu değiştirmek kolaydır.

Kısa kodu güncellemek için AC Kısa Kodlar listesinden yükleyin ve değişikliklerinizi yapın. Değişiklikler, kısa kodun kullanıldığı her yere yansıtılacaktır. Bu örnekte, harita kısa kodundaki bölüme eklediğim arka planı kaldırdım. Arka planı şeffaf olarak ayarladım. Harita artık arka plan olmadan görüntüleniyor.

Burada, kenar çubuğuna modülleri olan birkaç widget daha ekledim.

WooCommerce Ürün Sayfaları

AC Kısa Kodları için en sevdiğim kullanımlardan biri, bunları WooCommerce ürün sayfalarına yerleştirmektir.

Ürün açıklama alanına iki slaytlı bir kaydırıcı için kısa kod yerleştirdim. Her slayt kendi ayarlarını kullanır.

Bu örnek için, ürünün kısa açıklamasına bir metin modülü ve galeri modülü içeren bir düzen yerleştirdim. Ve evet, yine arka plan gradyanlarıyla oynuyorum.

AC Kısa Kodlarını Ekstra ile Kullanma

İşte Extra'daki sekmeler modülüne bir bakış. Haritayı ve iletişim formu modüllerini görüntülemek için birkaç metin widget'ındaki kısa kodlu kenar çubuğunu kullanıyor. Her şey beklendiği gibi çalıştı.

AC Kısa Kodlarını Divi Builder Eklentisiyle Kullanma

İşte Twenty Seventeen temalı Divi Builder eklentisini kullanan harita modülü. Bu aslında içinde Harita kısa kodu olan bir Sekme kısa kodudur. Kısa kod içinde bir kısa kod. Nasıl direnebilirdim?

Kenar çubukları için kısa kodlar yalnızca Divi veya Extra teması kullanılırken çalışır. Divi veya Extra kullanılmadığı sürece kısa kodlar da Divi Builder modülüne yerleştirilmelidir. Divi Builder eklentisini kullanarak, gösterge tablosunda Görünüm altında AC Kısa Kodları menüsü görünecektir.

belgeler

Belgeler, AC Kısa Kodları menüsünde sağlanır. Ekranın sağ üst köşesinde Yardım kelimesini göreceksiniz. Yardım ekranını açmak için buna tıklayın. Bu, soldaki dört sekmeyi ortaya çıkarır:

• genel bakış
• belgeler
• uyumluluk
• Şablon Kullanımı

Sağda bir video ve bir blog gönderisini görüntülemek için bağlantılar bulunur.

Lisans

AC Kısa Kodları sınırsız bir lisans içerir. Siz ve müşterileriniz için istediğiniz kadar web sitesine yükleyebilirsiniz. Ömür boyu güncellemeler ve 6 aylık destek içerir.

Satın Almak için – bu üçüncü taraf eklentisi, Divi pazaryerlerinin çoğunda ve tedarikçinin web sitesinde mevcuttur: Ayanize

Son düşünceler

Divi modüllerini diğer modüller ve kenar çubukları içinde kısa kodlar olarak kullanma yeteneği, yeni bir tasarım olanakları dünyasının kapılarını açar. Bu eklenti vurgusunda oluşturduğum örnekler sadece yüzeyi çiziyor. Eklentinin kullanımı kolaydır, yalnızca Divi Builder becerileri ve bir kısa kodu kopyalayıp yapıştırma becerisi gerektirir. Divi modüllerinin kullanışlılığını genişletmekle ilgileniyorsanız, AC Kısa Kodları bir göz atmaya değer.

Sizden haber almak isteriz! AC Kısa Kodlarını denediniz mi? Yorumlarda deneyiminizi bize bildirin.

Photoroyalty / Shutterstock.com aracılığıyla Öne Çıkan Görsel