WordPress temamız için Kısa Kodlar oluşturun

Bu projeye başladığımızdan beri, her zaman kendi etiketimize sahip olmasını istedik ve bu yüzden kullandığımız ikinci şablonu DesdeLinux% 100 tarafımızdan oluşturulmuştur.

Ardından, diğer sürümler geldi ve tasarımlarımızınki gibi tasarımlarımızı oluşturmak için belirli web hizmetlerini satın alabilir veya kiralayabiliriz. StudioDWeb.comveya önceden oluşturulmuş şablonları satın alın ThemeForest.nether zaman kendimize ait olmak, ihtiyaçlarımıza adapte olmak ve uğramak istedik WebDevelopment.com yardımcı olabilir 😀

Her neyse, Web Tasarımı ve Geliştirme konusunda tutkuluyum ve şimdiden yeni konu üzerinde çalışıyorum. DesdeLinux ve size nasıl göründüğüne dair bazı ekran görüntülerini göstereceğim.

Fikir, halihazırda adapte olduğumuz şeyden kurtulmak değildir, bu nedenle birçok öğe aynı veya benzer şekilde kalır. Ana sayfayla başlıyorum

ekran görüntüsü-dl

Ve makaleler şöyle görünecek:

ekran görüntüsü-dl-post

Gördüğünüz gibi bizim önlemimize uyuyor ve yenilerini ekledik. kısa kod makalelerin detaylandırılması için.

Bu nedenle, onları konularınıza dahil etmek istemeniz durumunda bunlardan birini (bilgi olanı) nasıl oluşturacağınızı sizinle paylaşmak bana geldi. WordPress. Demek istediğim, bunun gibi bir şey:

Bu örnek Kısa Kod olacak

Bu CMS ile programlama konusunda uzman değilim, bu yüzden neden ve nasıl bu şekilde çalıştığını açıklamaya çalışmayacağım, size sadece nasıl yapılacağını göstereceğim, nokta.

Bunun için "İsviçre çakısı" ndan yararlanıyoruz. WordPress, Dosyayı kastediyorum function.php normalde neredeyse tüm konularda bulduğumuz.

Parantez_İşlev

Ejemplo del Function.php con los ShortCodes de DesdeLinux

Bu dosyada yapacağımız şey, Kısa Kodumuzun yapısını ve tabii ki onu gösteren etiketi eklemektir. Öyleyse başlayalım.

Function.php İçinde

Function.php dosyamızın içine koyacağımız şey ShortCode'un HTML yapısı olacaktır, ancak bu sadece HTML etiketlerini bunun gibi koymak değildir. Bunun gibi bir şeye sahip olurduk:

// Bilgi işlevi bilgi kutusu ($ atts, $ içerik = null, $ kod = "") {$ return = ' '; $ dönüş. = $ içerik; $ dönüş. = ' '; return $ return; } // KısaKod add_shortcode ('bilgi', 'bilgi kutusu');

Buradan birkaç şeyi açıklığa kavuşturuyoruz. İlk olarak, iki çubuk kullandığımızda çizgiyi yorumlarız, bu nedenle // Bilgi bu sadece bir yorum.

Bu durumda işlevin adı bilgi kutusu İstediğimiz gibi değiştirilebilir, ancak son satırda kullandığımız adla eşleşmelidir.

Her birinde $ dönüş HTML etiketlerinin ne olduğunu döndürürüz ve ilkinden sonra, etiketinin önüne bir nokta eklememiz gerektiğini unutmamalıyız. eşittir işareti ve çizgi bir işaret ile bitiyor noktalı virgül

Örnek:

$ dönüş. = $ içerik;

değişken $ içerik Bu, ShortCode'a koyduğumuz içeriğin varsayılan olarak gittiği yerdir, eğer hiçbir şey koymazsak boş bir değer döndürür.

Şimdi ShortCode'un adı, belirlediğimiz şeydir:

add_shortcode( 'info', 'infobox' );

Nerede değiştirebilirsin bilgi istediğimiz şey için. Şimdi, koymamız gereken örnek gibi görünmesi için:

[ info ]Este será el ShortCode de ejemplo[ /info ]

Tabii ki, koyduğum boşluklar olmadan, çünkü açıkçası ShortCode etkinleştirilecek.

ShortCode stili

Yukarıdaki satıra, PHP kodu ve değişkenler olmadan bakarsanız, saf HTML'deki ShortCode şöyle bir şey olacaktır:

<div class="alert-info"></div>

Bu yüzden sadece CSS stilini uygulamamız gerekiyor.

.alert.alert-info {arka plan: # d9edf7 url (info.png) no-tekrar 7px% 50; kenarlık yarıçapı: 4px; kenarlık: 1px katı # bce8f1; renk: # 3a87ad; yazı tipi boyutu: 14px; kenar boşluğu: 15px 15px; dolgu: 15px 15px 15px 50px metin hizalama: sol}

Ve işte bu .. Tekrar ediyorum, ben bir programcı ya da onun gibi bir şey değilim ve verdiğim açıklama, Kısa Kodun çalıştığını nasıl anladığımdır 😛


9 yorum, sizinkini bırakın

Yorumunuzu bırakın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar ile işaretlenmiştir *

*

*

  1. Verilerden sorumlu: Miguel Ángel Gatón
  2. Verilerin amacı: Kontrol SPAM, yorum yönetimi.
  3. Meşruiyet: Onayınız
  4. Verilerin iletilmesi: Veriler, yasal zorunluluk dışında üçüncü kişilere iletilmeyecektir.
  5. Veri depolama: Occentus Networks (AB) tarafından barındırılan veritabanı
  6. Haklar: Bilgilerinizi istediğiniz zaman sınırlayabilir, kurtarabilir ve silebilirsiniz.

  1.   kalan 72 dijo

    Görünüşünü beğendim, seni tebrik ediyorum.

    1.    ela dijo

      Teşekkürler, gidecek uzun bir yolunuz var ama teşekkürler.

  2.   Rogers dijo

    Çok iyi!! WP'mde böyle bir temayı çok isterim.
    Seni kutlarım!

    1.    ela dijo

      Henüz koymadım, sana satabilirim HAHAHAHAHA .. Şaka yapıyorum 🙂

  3.   Manuel E. dijo

    Harika, paylaştığınız için teşekkürler.
    Bu tür kaynaklara web'de çok ihtiyaç duyulur ve her şeyi net bir şekilde açıklar.

    Selamlar!

  4.   eliotime3000 dijo

    Güzel tasarım. Bakalım web sitem için özelleştirmem için bana bu şablonu verebilir misiniz?

  5.   raven291286 dijo

    bu blogger'da yapılabilir mi?

  6.   xavier dijo

    Eh, hiçbir şey, olduğu gibi koydum ve benim için çalışmıyor, ne olabilir? : /

    [Bilgi] bilgi [/ bilgi] koydum

    ve wordpress gönderimde sadece görünüyor: bilgi, parantezler kayboluyor, sanırım bir şeyler yanlış: /

    1.    jhonny silva dijo

      Belki şablonunuzda ShortCodes benim durumumda olduğu gibi function.php'de tanımlanmamıştır, bu değerler temamın shortcodes.php adlı bir dosyasında eklenmiştir.