كيفية إنشاء رمز قصير في WordPress

هل تريد معرفة كيفية إنشاء رمز قصير في WordPress؟

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

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

في هذه المقالة ، سنناقش ماهية الرموز المختصرة لـ WordPress ولماذا قد تفكر في استخدامها. ثم سنوضح لك كيفية إنشاء الخاصة بك.

ولكن من قبل ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق 

ثم عد إلى سبب وجودنا هنا.

ما هي الرموز المختصرة لـ WordPress؟

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

[exemplecodehortcode]

سيعرض هذا الرمز ميزة محددة مسبقًا في الواجهة الأمامية لموقع الويب الخاص بك.

WordPress قدم لأول مرة الرموز القصيرة مع الافراج عن قصيرة API. هذا جعل من السهل على المستخدمين إضافة عناصر جذابة إلى منشوراتهم وصفحاتهم ، مثل Google Maps أو زر "أعجبني" على Facebook.

إنه موجود في WordPress إفتراضيt ستة رموز مختصرة  :

• شرح: التفاف الشروح حول المحتوى
• معرض : يعرض معارض الصور
• Audio: يدمج ويشغل الملفات الصوتية
• فيديو : يدمج ويشغل ملفات الفيديو
• قائمة التشغيل : يعرض مجموعة من ملفات الصوت أو الفيديو
• تضمين : يلتف العناصر المضمنة

ستصادف أيضًا نوعين أساسيين من تنسيق الرمز القصير: self-closing et enclosing.

الرموز القصيرة self-closing يمكنهم الوقوف بمفردهم ولا يحتاجون إلى علامة إغلاق.

وفي الوقت نفسه، enclosing تحيط بالمحتوى الذي تريد تحريره ويجبرك على إغلاق العلامة يدويًا. على سبيل المثال ، يمكنك تضمين مقطع فيديو YouTube عن طريق التفاف عنوان URL بين العلامات embed et /embed :

على سبيل المثال ، سيؤدي هذا إلى إنشاء النتيجة التالية:

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

لماذا يجب أن تفكر في استخدام رموز WordPress القصيرة؟

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

يمكن استخدام الرموز القصيرة لأتمتة ميزات معينة تستخدمها بشكل متكرر. على سبيل المثال ، إذا كنت تستخدم زرًا دعوة للعمل (CTA) في كل مقالة من مقالاتك ، يمكن أن يكون الحصول على رمز قصير جاهز حلاً سريعًا ومناسبًا.

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

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

كيفية إنشاء رمز قصير في WordPress

إذا كانت لديك بالفعل معرفة بالترميز ، فيمكنك إنشاء الرموز القصيرة المخصصة الخاصة بك. يمنحك هذا تحكمًا كاملاً في شكل ووظائف موقع الويب الخاص بك.

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

الخطوة 1 - قم بإنشاء ملف موضوع جديد

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

يمكنك استخدام العميل FTP (بروتوكول نقل الملفات) مثل فايلزيلا للوصول إلى ملفات سمات موقع الويب الخاص بك. بمجرد تسجيل الدخول إلى موقع الويب الخاص بك ، انتقل إلى wp-content> المواضيع وحدد موقع مجلد السمة الحالي الخاص بك. في مثالنا ، سيكون هذا البومة:

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

قم بتسمية ملفك الجديد رموز مختصرة مخصصة ثم انقر فوق OK. يمكنك بعد ذلك تعديله بالنقر بزر الماوس الأيمن فوقه وتحديد الخيار معاينة ما تم تحريره :

سيؤدي هذا إلى فتح الملف في محرر النصوص الافتراضي الخاص بك. ثم تحتاج فقط إلى إضافة كتلة التعليمات البرمجية التالية:

<?php ?>

هذا يضمن أن ملفك الجديد سيتم تفسيره على أنه PHP ، وهي لغة البرمجة النصية التي تم بناء WordPress عليها.

يمكنك بعد ذلك حفظ التغييرات وإغلاق الملف. تأكد من تحديد المربع التالي للتأكد من أنه سيتم تحديثه على الخادم وتطبيقه على موقع الويب الخاص بك:

ثم افتح الملف functions.php في نفس مجلد السمة وأضف السطر التالي من التعليمات البرمجية في أسفل المستند:

include('shortcodes-personnalises.php');

سيخبر هذا النظام بتضمين أي تغييرات تجريها على الملف رموز مختصرة مخصصة في functions.php مع السماح لك بالفصل بينهما. عندما تكون جاهزًا ، احفظ التغييرات وأغلق الملف.

الخطوة 2 - إنشاء وظيفة الرمز القصير

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

function subscribe_link(){
    return 'Follow us on <a rel="nofollow" href="https://twitter.com/BlogPasCher">Twitter</a>';
    }

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

add_shortcode('sabonner', 'subscribe_link');

عند إنشاء رمز قصير باستخدام الوظيفة add_shortcode، قمت بتعيين علامة رمز قصير " ($tag) "وخطاف الوظيفة المقابل" ($func) والتي سيتم تشغيلها في كل مرة يتم فيها استخدام الاختصار.

بمعنى آخر ، إذا كانت علامة الرمز القصير هي [اشتراك] ، فإن الخطاف "رابط_الاشتراك" يعيد توجيه الزائر إلى عنوان URL المقدم.

لذلك فإن الكود الكامل الذي تستخدمه في ملفك shortcodes-personnalises.php سيبدو مثل هذا:

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

الخطوة 3 - أضف الرمز المختصر للإغلاق الذاتي إلى موقع الويب

يمكنك الآن اختبار الكود الأولي الخاص بك كرمز قصير يغلق ذاتيًا على موقع WordPress الخاص بك. باستخدام محرر قوالب WordPress ، يمكنك إدراج علامة [اشتراك] مباشرة في المنشور:

سيعرض هذا المحتوى التالي لزوار موقع الويب الخاص بك:

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

الخطوة 4 - أضف معلمات إلى الرمز القصير

يمكنك تكييف الرمز القصير "يشترك" للحصول على وظائف إضافية لعرض روابط الوسائط الاجتماعية الأخرى. يمكنك القيام بذلك عن طريق إضافة معلمة لتعديل عنوان URL.

من أجل  إضافة سمات الإدارة، تحتاج إلى فتح الملف رموز مختصرة مخصصة وأضف الكود التالي:

function subscribe_link_att($atts) {
    $default = array(
        'link' => '#',
    );
    $a = shortcode_atts($default, $atts);
    return 'Follow us on '.$a['link'];
}
add_shortcode('sabonner', 'subscribe_link_att');

سيسمح لك ذلك بتخصيص الروابط في علامة الرمز القصير الخاصة بك لإضافتها إلى محرر Gutenberg. يمكنك لصقها فوق الكود السابق في الملف رموز مختصرة مخصصة. يجب أن يبدو مثل هذا:

مضيفا دالة shortcode_atts () ستجمع سمات المستخدم مع جميع السمات المعروفة ، وسيتم استبدال أي بيانات مفقودة بقيمها الافتراضية. عندما تكون جاهزًا ، احفظ التغييرات وأغلق الملف.

الخطوة 5 - اختبر الإعدادات

يمكنك الآن اختبار الرمز المختصر المحدث في محرر قوالب WordPress. في مثالنا ، نقوم باختبار روابط Twitter و Facebook الخاصة بنا باستخدام الرموز القصيرة التالية:

[رابط الاشتراك = 'https: //www.facebook.com/live.blogpascher'] Facebook [/ subscribe]

[رابط الاشتراك = 'https: //twitter.com/BlogPasCher'] Twitter [/ subscribe]

سينتج عن ذلك النتيجة التالية على الواجهة الأمامية:

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

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

الخطوة 6 - إنشاء رمز قصير مرفق

سيتم تنسيق الرمز المختصر المرفق بنفس تنسيق مثال الإغلاق التلقائي السابق. ومع ذلك ، سيتضمن معلمة إضافية للوظيفة.

أولا ، سوف تحتاج إلى إضافة $content = null، والذي يعرّف هذه الوظيفة على أنها رمز قصير مرفق. يمكنك بعد ذلك إضافة ملف do_shortcode من WordPress ، والذي سيبحث في المحتوى عن الرموز القصيرة.

في الملف رموز مختصرة مخصصة، أضف الكود القصير المرفق الجديد:

function subscribe_link_att($atts, $content = null) {
    $default = array(
        'link' => '#',
    );
    $a = shortcode_atts($default, $atts);
    $content = do_shortcode($content);
    return 'Suivez nous sur <a href="'.($a['link']).'" style="color: blue">'.$content.'</a>';
}
add_shortcode('sabonner', 'subscribe_link_att');

عندما تكون جاهزًا ، ملفك رموز مختصرة مخصصة يجب أن يبدو مثل هذا:

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

الخطوة 7 - إضافة رمز قصير مرفق إلى موقع الويب

يمكنك الآن إدخال الرمز القصير الخاص بك في محرر قوالب WordPress لرؤية النتيجة النهائية:

كما لاحظت ، يمكنك بسهولة تغيير عناوين URL لصفحات الوسائط الاجتماعية ونص الرابط المعروض للزائر باستخدام هذا الرمز المختصر. في هذه الحالة ، اخترنا " الفيسبوك " et "تويتر" :

هناك ! لقد قمت الآن بإنشاء رمز قصير مخصص لروابط الاشتراك في صفحاتك ومنشوراتك. لاحظ أنه يمكن تعديل جميع الخطوات المذكورة أعلاه لإنشاء جميع أنواع العناصر المختلفة باستخدام ميزة WordPress الاكواد المختصره.

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

الموارد الأخرى الموصى بها

ندعوك أيضًا إلى الرجوع إلى الموارد الموضحة أدناه للمضي قدمًا في قبضة والتحكم في موقع الويب والمدونة.

• كيفية إنشاء زر عائم باستخدام مؤشر Z باستخدام Elementor
• متى وكيف لتثبيت وورد في دليل فرعي
• كيفية إنشاء إضافة بسيطة جوتنبرج بلوك وورد
• كيفية إضافة خطوط مخصصة إلى موقع WordPress

وفي الختام

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

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

في هذه الأثناء، شارك هذا المقال على الشبكات الاجتماعية المختلفة.   

...