हमारे वर्डप्रेस थीम के लिए शॉर्टकोड बनाएं

चूँकि हमने इस परियोजना के साथ शुरुआत की थी, हम हमेशा चाहते थे कि इसका अपना लेबल हो, और इसीलिए हम दूसरे टेम्पलेट का उपयोग करते हैं DesdeLinux, हमारे द्वारा 100% बनाया गया था।

फिर अन्य संस्करणों ने अनुसरण किया, और यद्यपि हम अपने डिज़ाइन बनाने के लिए कुछ वेब सेवाओं को खरीद या किराए पर ले सकते हैं जैसे कि StudioDWeb.com, या पहले से निर्मित टेम्प्लेट खरीदें ThemeForest.net, हम हमेशा से चाहते हैं कि जो हमारा है, वह हमारी जरूरतों के अनुकूल हो और इससे गुजरे वेबडेवलपमेंट.कॉम मदद का हो सकता है 😀

वैसे भी, मैं वेब डिजाइन और विकास के बारे में भावुक हूं, और मैं पहले से ही नए विषय पर काम कर रहा हूं DesdeLinux और मैं आपको कुछ स्क्रीनशॉट दिखाऊंगा कि यह कैसा दिखता है।

विचार यह नहीं है कि हम जो पहले से ही अनुकूलित हैं, उससे बाहर निकलना है, इसलिए कई तत्व समान या समान रूप से बने रहते हैं। मैं होम पेज से शुरू करता हूं

और यह लेख कैसा दिखेगा:

जैसा कि आप देख सकते हैं, यह हमारे उपाय को फिट कर रहा है और हमने नया शामिल किया है शॉर्टकोड लेखों के विस्तार के लिए।

यही कारण है कि आपके साथ साझा करने के मामले में उनमें से एक (जानकारी एक) बनाने का तरीका आपके साथ साझा करना मेरे लिए हुआ। WordPress। मेरा मतलब है, कुछ इस तरह:

मैं इस सीएमएस के साथ प्रोग्रामिंग में विशेषज्ञ नहीं हूं, इसलिए मैं यह समझाने की कोशिश नहीं करूंगा कि यह इस तरह से क्यों और कैसे काम करता है, मैं आपको केवल यह दिखाऊंगा कि यह कैसे करना है, अवधि।

इसके लिए हम «स्विस सेना चाकू» का उपयोग करते हैं WordPress, मेरा मतलब फ़ाइल से है function.php कि हम आम तौर पर लगभग सभी विषयों में पाते हैं।

शॉर्टकोड के साथ Function.php का उदाहरण DesdeLinux

हम इस फ़ाइल में क्या करेंगे हमारे शॉर्टकोड की संरचना को जोड़ते हैं और निश्चित रूप से, लेबल जो इसे दिखाता है। तो चलिए इसे प्राप्त करते हैं।

फंक्शन के अंदर

हमारे function.php फ़ाइल के अंदर हम जो डालेंगे, वह शॉर्टकोड का HTML स्ट्रक्चर होगा, लेकिन यह एचटीएमएल टैग को केवल उसी तरह से रखना नहीं है। हमारे पास कुछ ऐसा होगा:

// जानकारी फ़ंक्शन infobox ($ atts, $ content = null, $ code = "") {$ return = ' '; $ वापसी। = $ सामग्री; $ वापसी। = ' '; $ वापसी; } // द शॉर्टकोड add_shortcode ('जानकारी', 'इन्फोबॉक्स');

यहाँ से हम कुछ बातों को स्पष्ट करते हैं। सबसे पहले, जब हम दो बार का उपयोग करते हैं तो हम लाइन से टिप्पणी करते हैं, इसलिए // जानकारी यह सिर्फ एक टिप्पणी है।

इस मामले में, फ़ंक्शन का नाम इन्फोबॉक्स इसे हम जो चाहें बदल सकते हैं, लेकिन यह अंतिम पंक्ति में हमारे द्वारा उपयोग किए जाने वाले नाम से मेल खाना चाहिए।

उदाहरण:

$ वापसी। = $ सामग्री;

परिवर्तनशील $ सामग्री वह जगह है जहां शॉर्टकोड में जो सामग्री हम डालते हैं वह डिफ़ॉल्ट रूप से जाती है यदि हम कुछ भी नहीं डालते हैं तो यह एक शून्य मान लौटाएगा।

अब, शॉर्टकोड का नाम है जिसे हमने सेट किया है:

add_shortcode( 'info', 'infobox' );

जहां आप बदल सकते हैं पता हम जो चाहते हैं। अब, इसे उस उदाहरण की तरह देखना होगा जिसे हमें रखना चाहिए:

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

हालांकि, निश्चित रूप से, रिक्त स्थान के बिना, जो मैंने डाला क्योंकि जाहिर है कि शॉर्टकोड सक्रिय हो जाएगा।

शॉर्टकोड शैली

यदि आप PHP कोड और चर के बिना ऊपर की रेखा को देखते हैं, तो शुद्ध HTML में शॉर्टकोड कुछ इस तरह होगा:

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

इसलिए हमें केवल CSS स्टाइल लागू करना होगा।

.alert.alert-info {पृष्ठभूमि: # d9edf7 url (info.png) no-repeat 7px 50%; सीमा-त्रिज्या: 4 पीएक्स; बॉर्डर: 1px ठोस # bce8f1; रंग: # 3a87ad; फ़ॉन्ट-आकार: 14 पीएक्स; मार्जिन: 15 पीएक्स 15 पीएक्स; गद्दी: 15px 15px 15px 50px पाठ-संरेखित: बाएँ}

और यह बात है .. मैं दोहराता हूं, मैं एक प्रोग्रामर या ऐसा कुछ भी नहीं हूं, और मैंने जो स्पष्टीकरण दिया है वह यह है कि मैं समझता हूं कि शॉर्टकोड काम करता है repeat