دليل إنشاء رموز قصيرة مخصصة في WordPress

إن أبسط طريقة لتصوير الرموز القصيرة هي تحديدها كطريقة سهلة لإضافة محتوى ديناميكي إلى منشورات WordPress والصفحات والأشرطة الجانبية. تحتوي الكثير من مكونات WordPress الإضافية والسمات على رموز قصيرة كوسيلة لإضافة محتوى متخصص مثل نماذج جهات الاتصال ومعارض الصور وشرائح التمرير والمزيد. أسهل طريقة للبدء في إنشاء واستخدام الرموز القصيرة هي باستخدام مكون إضافي لرمز قصير. ومع ذلك ، إذا كنت مهتمًا بإنشاء أكواد مختصرة مخصصة في WordPress ، فقم بربط حزام الأمان ، لأن هذا الدليل مناسب لك. ضع في اعتبارك أن هذا سيتطلب بعض الخبرة الفنية في الترميز ، وربما تعرف ذلك بالفعل.

لذلك ، هناك طريقتان يمكنك من خلالهما العثور على رموز WordPress القصيرة لتكون مفيدة لك:

1. يمكنهم تقليل مقدار التعليمات البرمجية التي تحتاج إلى كتابتها ،
2. فهي تبسط استخدام المكونات الإضافية والسمات والوظائف الأخرى في WordPress.

عملية تحضير WordPress للرموز القصيرة المخصصة

على الرغم من أنها ليست ضرورة بأي حال من الأحوال ، إلا أنها فكرة جيدة بشكل عام أن تحتفظ بأكوادك القصيرة المخصصة في ملف خاص بها. خلافًا لذلك ، يمكنك اختيار إضافتها إلى ملف function.php الخاص بقالبك. ابدأ بإنشاء ملف جديد باسم "custom-shortcodes.php" ، واحفظه داخل نفس المجلد مثل ملف function.php الخاص بالسمة. بعد ذلك ، داخل الملف الذي تم إنشاؤه حديثًا ، يمكنك إضافة كتلة التعليمات البرمجية التالية:
<؟ php
؟>
عند القيام بذلك ، تريد فتح ملف jobs.php ، وإضافة السطر التالي من التعليمات البرمجية:
تشمل ("custom-shortcodes.php") ؛
تهانينا! أنت الآن جاهز لبدء إنشاء رموز مختصرة مخصصة في WordPress.

إنشاء رموز مختصرة أساسية في ووردبريس

سنشرح عملية إنشاء رمز قصير أساسي في WordPress من خلال مثال لإدراج صورة أفاتار بسيطة. الخطوة الأولى هي إنشاء وظيفة الرمز القصير. داخل ملف custom-shortcodes.php ، ستضيف ما يلي:

دالة simpleeavatar_function () {
إرجاع "<img src =" https://simpleavatar.com/wp-content/uploads/avatar-simple.png "
alt = "doti-avatar" width = "96 ″ height =" 96 ″ class = "left-align" /> ':
}

في مثال الكود أعلاه ، تُرجع الدالة simpleeavatar_fatar صورة محددة مسبقًا باسم avatar-simple.png. ستكون الخطوة التالية هي تسجيل الرمز القصير مع WordPress باستخدام الوظيفة المدمجة add_shortcode. لا يزال داخل custom-shortcodes.php ، تأكد من إضافة السطر التالي من التعليمات البرمجية:

add_shortcode ('simpleeavatar'، 'simpleeavatar_function') ؛

بعد أن تقوم بتسجيل رمز قصير باستخدام وظيفة add_shortcode ، ستقوم بتمرير علامة الرمز القصير (علامة $) والوظيفة المقابلة (func $) / الخطاف الذي سيتم تنفيذه كلما تم استخدام هذا الاختصار. في هذه الحالة بالذات ، تكون علامة الاختصار بسيطةالخطاف هو dotiavatar_function.
تأكد من أنك تستخدم الأحرف الصغيرة فقط عند تسمية العلامات ، مع ترك الواصلات خارجها. الشرطات السفلية مقبولة.
لذا ، الآن بعد أن أنشأت الرمز القصير وقمت بتسجيله ، سيكون من الرائع أن تجربه. متى أردت ظهور الصورة الرمزية البسيطة داخل محتوى المنشور ، ما عليك سوى استخدام الرمز القصير بدلاً من ذلك: [simpleeavatar]

إنشاء أكواد مختصرة مخصصة في WordPress مع المعلمات (السمات)

في المثال السابق ، لم يكن لديك مساحة كبيرة لتغيير الأمور. ودعنا نفترض أنه بدلاً من دفع صورة واحدة ، فإنك ترغب في أن تكون قادرًا على تعيين الصورة المراد استخدامها باستخدام معلمة. طريقة رائعة للقيام بذلك هي عن طريق إضافة بعض السمات ($ atts). لذلك ، كما كان من قبل ، داخل custom-shortcodes.php ، أضف وظيفة أخرى:

دالة simerating_function ($ att = array ()) {

// إعداد المعلمات الافتراضية

استخراج (shortcode_atts (مجموعة (

"تصنيف" => "5"

) ، $ atts)) ؛

إرجاع “<img src = \” http: //simpleavatar.com/wp-content/uploads/$raing-star.png \ "

alt = \ "تصنيف بسيط \" عرض = \ "130 \" ارتفاع = \ "190 \" فئة = \ "يسار محاذاة \" /> "؛

}

ما كتبته أعلاه يقبل معلمة واحدة: التصنيف. إذا لم يتم تمرير قيمة التصنيف ، فستستخدم قيمة سلسلة افتراضية 5. وهي تقوم بذلك عن طريق إلغاء تغليف مجموعة السمات باستخدام وظيفة shortcode_atts المضمنة ثم دمج القيم الافتراضية مع القيم التي ربما تم تمريرها إلى الوظيفة . تأكد من عدم نسيان تسجيل الرمز :
add_shortcode ('أبسط'، 'أبسط_وظيفة')؛

مع إنشاء وظيفة الرمز القصير وإضافة الخطاف ، يصبح الرمز القصير جاهزًا للعثور على مكانه داخل محتوى المنشور الخاص بك:

[تصنيف مبسط = 3]

سيكون هذا هو جوهر إنشاء أكواد WordPress القصيرة ذاتية الإغلاق. ومع ذلك ، هناك نوع آخر يمكنك إنشاؤه.

نوع إضافي من الرموز القصيرة التي يمكنك إنشاؤها: تضمين الرموز القصيرة

حتى هذه النقطة ، قمنا بشرح الرموز المختصرة ذاتية التضمين. ومع ذلك ، هناك نوع آخر من الرموز القصيرة نود أن نقدمها لك: تضمين الرموز القصيرة.

تسمح لك هذه باستخدام تنسيق نمط BBCode. سيبدو هذا النمط كما يلي:

[رمز قصير] محتوى [/ shortcode]

يعد تضمين الرموز القصيرة مفيدًا في حالة احتجت فيها إلى معالجة المحتوى المرفق. لمزيد من التوضيح ، لنفترض أن لديك نمطًا معينًا من الأزرار تستخدمه لموقع الويب الخاص بك. يمكنك استخدام كود HTML لإنشاء هذا الزر / النمط في كل مرة تحتاج إلى استخدامه. ومع ذلك ، يمكنك أيضًا إعداد رمز قصير مرفق مخصص للقيام بذلك نيابة عنك.

من خلال استخدام رمز قصير مرفق ، ستتمكن من التركيز على المحتوى بدلاً من الرمز.

إنشاء الأكواد المختصرة المرفقة

يمكنك مرة أخرى إلى ملف custom-shortcodes.php وإضافة ما يلي:

الدالة simplefollow_function ($ atts، $ content = null) {

إرجاع "<a href=" محتوى $. "</a>" ؛

}

في هذا الجزء من الكود أعلاه ، يتم استخدام $ content = null لتعريف هذه الوظيفة على أنها رمز قصير مرفق. داخل هذه الوظيفة ، تقوم بتغليف المحتوى الخاص بك داخل كود HTML. ربما يمكنك تخمين الخطوة التالية - تسجيل الرمز القصير:

add_shortcode ('simplefollow'، 'simplefollow_function') ؛

هاهو! الرمز القصير جاهز للاستخدام.

ما يأتي إليه

بمجرد أن تفهم كيفية عمل إنشاء أكواد مختصرة مخصصة في WordPress ، ستجد أن العملية نفسها بسيطة وسهلة. ومع ذلك ، إذا كان هذا يبدو أنه جهد كبير للغاية بالنسبة لك ، فتذكر أنه يمكنك التحايل على العملية تمامًا واختيار المكونات الإضافية والسمات والميزات الأخرى التي تتيح لك تصميم موقع الويب حسب رغبتك.