ما هي أكواد WordPress المختصرة؟ دليل شامل خطوة بخطوة

نشرت: 2023-03-17
رموز ووردبريس القصيرة
تابعCloudways

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

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

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

لذا ، دعونا نتعمق في الأمر!

  • الرموز القصيرة لـ WordPress: نظرة عامة
  • رموز WordPress المختصرة: إيجابيات وسلبيات
  • الرموز القصيرة الافتراضية لـ WordPress
  • كيفية إضافة أكواد WordPress القصيرة (5 طرق سهلة)
  • الرموز القصيرة مقابل كتل جوتنبرج

الرموز القصيرة لـ WordPress: نظرة عامة

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

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

قم بتبسيط سير العمل التنموي الخاص بك باستخدام حل الحزمة المميزة

انضم إلى أكثر من 11000 مطور ويب راضٍ واستمتع بتجربة استضافة ويب سلسة مع Cloudways - فلا مزيد من متاعب الإدارة.

جرب 3 أيام مجانًا!

رموز WordPress المختصرة: إيجابيات وسلبيات

الآن بعد أن أصبحت لديك فكرة عن الرموز القصيرة لـ WordPress ، دعنا ننتقل بسرعة إلى مزاياها وعيوبها قبل الغوص في جزء الكيفية.

إيجابيات WordPress Shortcodes

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

سلبيات رموز WordPress القصيرة

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

توفر الرموز المختصرة لـ WordPress حلاً مناسبًا لتحسين وظائف موقعك وتصميمه.

ومع ذلك ، من المهم استخدامها بحكمة لتجنب مشكلات التبعية ومشاكل التوافق والثغرات الأمنية المحتملة.

دعنا نتعلم المزيد حول الرموز المختصرة الافتراضية لـ WordPress في العنوان التالي.

الرموز القصيرة الافتراضية لـ WordPress

يتضمن WordPress ستة رموز مختصرة مدمجة افتراضية تجعل من السهل إضافة وظائف لصفحاتك ومنشوراتك:

  • [ صوت]: أضف ملفات صوتية إلى صفحاتك أو منشوراتك.
  • [ التسمية التوضيحية]: أضف تسمية توضيحية إلى صورة أو مقطع فيديو.
  • [ embed]: ضبط العرض والارتفاع لعنصر مضمن.
  • [ معرض]: إنشاء معرض صور باستخدام الصور.
  • [ فيديو]: أضف مقاطع فيديو إلى صفحاتك أو مشاركاتك.
  • [p Laylist]: عرض ملفات الصوت أو الفيديو في منشور.

قائمة ببعض الرموز القصيرة المفيدة مع الوظائف (جدول)

فيما يلي قائمة ببعض الرموز القصيرة المفيدة في WordPress جنبًا إلى جنب مع وظائفها:

وظيفة الاستخدام العملي
[صوت] [audiosrc = ”#”]
[شرح] [ عرضالتسمية التوضيحية="450"] <imgsrc = "#"/ >صورة[/caption]
[ تضمين] [عرضالتضمين= "450 ″الارتفاع="320]
[معرض] [معرفالمعرض = "32 ″]
[فيديو] [videosrc= ”#”]
[p Laylist] [pLaylisttype= "video"]
[wpforms] [wpforms id = ”10 ″]
[مناجاة] [soliloquy id = ”578 ″]

كيفية إضافة أكواد WordPress القصيرة (5 طرق سهلة)

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

كيفية إضافة الرموز القصيرة في منشورات وصفحات ووردبريس

إليك كيفية إضافة رموز قصيرة بسهولة في منشورات وصفحات WordPress:

  • انتقل إلى محرر المنشورات / الصفحة وابحث عن "الرمز القصير ".
  • إذا كنت تستخدم Gutenberg ، فابحث عن الرمز المختصر في قسم الحظر وأضفه إلى صفحتك أو منشورك.

رمز قصير في الكتلة

  • الصق الرمز القصير في الحقل المعني حيث تريد عرضه.
  • لقد أضفت الرمز المختصر لنماذج WP لإضافة نموذج الاتصال.

رمز قصير لأشكال wp

  • قم بمعاينة منشورك أو صفحتك للتحقق مما إذا كان الرمز القصير يعمل أم لا.

معاينة الرمز المختصر للكتلة

  • يمكنك اتباع خطوات مماثلة لأي منشئ صفحات. على سبيل المثال ، في Elementor ، ابحث عن Shortcode في قسم Element واسحبه وأفلته في الطية التي تريدها.

رمز قصير على elementor

كيفية إضافة الرموز القصيرة في أدوات WordPress

فيما يلي خطوات إضافة رمز قصير لـ WordPress في عنصر واجهة مستخدم:

  • انتقل إلىلوحة معلومات WordPress الخاصة بك وانتقل إلى Appearance> Widgets.
  • انقر فوق رمز "+ " لتصفح جميع خيارات عناصر واجهة المستخدم المتاحة والبحث عن عنصر واجهة المستخدم Shortcode.

رمز قصير على القطعة

  • أضف الرمز المختصر الخاص بك إلى الحقل وقم بتحديثقسم عنصر واجهة المستخدم الخاص بك. لهذا الغرض التعليمي ، أقوم بإضافةالرمز المختصر لـ WP Forms .

wp أشكال قصيرة في القطعة

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

معاينة الرمز القصير على القطعة

كيفية إضافة الرموز القصيرة في محرر WordPress الكلاسيكي

لا يزال محرر WordPress Classic Edtior يستخدم على نطاق واسع لتحرير المنشورات والصفحات في WordPress. وتعد إضافة رمز قصير في Classic Editor أمرًا سهلاً للغاية ويمكن القيام به باتباع الخطوات السهلة أدناه:

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

wpforms القصير في المحرر الكلاسيكي

  • احفظ التغييرات التي أجريتها على المنشور / الصفحة ثم قم بمعاينتهالمعرفة ما إذا كان الرمز القصير يعمل بشكل صحيح.

كيفية إضافة الرموز القصيرة في ملفات سمات WordPress

فيما يلي خطوات إضافة الرموز القصيرة في ملفات سمات WordPress:

  • قم بنسخ ملفاتك احتياطيًا أو استخدم موقع التدريج لتجنب أي ضرر لموقع الإنتاج الخاص بك.

على سبيل المثال ، أريد إضافة رمز قصير لجميع صفحات 404 (عندما يحاول شخص ما الوصول إلى صفحات غير موجودة).

  • انتقل إلىWordPress Dashboard > Appearance>Theme File Editor.
  • حدد قسم الملفات حيث تريد إضافة الرمز القصير. على سبيل المثال ، 404.php لكافة صفحات الخطأ 404.
  • الصق الرمز القصير داخل الملف المحدد.على سبيل المثال:
 <؟ php echo do_shortcode ("[wpforms]")؛ ؟> 

نص برمز قصير

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

رمز قصير في صفحة 404

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

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

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

ارفع مستوى لعبة WordPress Dev-Game الخاصة بك باستخدام Cloudways Hosting

لا تقبل استضافة WordPress الباهتة ، مما يعيق سير عمل التطوير لديك. قم بالترقية إلى Cloudways واستمتع بسرعات فائقة ، وعرض مرحلي مجاني ، ونشر تطبيقات الويب بسهولة.

ابدأ الإصدار التجريبي المجاني

قم بإنشاء مكون إضافي مخصص

فيما يلي خطوات إنشاء رمز قصير مخصص في WordPress:

  • قم بإنشاء مكون إضافي مخصص للرمز القصير الخاص بك عن طريق الوصول إلى الخادم / الموقع الخاص بك عبر عميل FTPمثل FileZilla.
  • انتقل إلىمجلد wp-content> plugins> وقم بإنشاء دليل جديد.
  • قم بتسمية الدليل بعد المكون الإضافي الخاص بك ، على سبيل المثال:Subscribe-shortcode .

مجلد البرنامج المساعد القصير

  • افتح مجلد البرنامج المساعد الخاص بكوأنشئ ملف PHP جديدًا باسم من اختيارك ، مثل my-shortcode.php.

ملف php القصير

  • انقر فوقعرض / تحرير ملف PHP وافتح الملف المحلي.
  • الصق رمز رأس البرنامج المساعد واحفظه بالضغط على " ctrl + s". يجب أن يبدو الرمز كما يلي:
 <؟ php

/ *

 * اسم البرنامج المساعد: Subscribe Shosrtcode

 * عنوان URL للمكون الإضافي: https://cloudways.com/en/

 * الوصف: هذا البرنامج المساعد لغرض الاختبار.

 * الإصدار: 1.0.0

 * يتطلب على الأقل: 5.3

 * يتطلب PHP: 7.4

 * المؤلف: فرحان أيوب

 * عنوان URL للمؤلف: https://profiles.wordpress.org/farhanayub/

 * الترخيص: GPL v2 أو أحدث

 * عنوان URI للترخيص: https://www.gnu.org/licenses/gpl-2.0.html

 * تحديث URI: https://cloudways.com/en/

 * مجال النص: ملحق أساسياتي

 * مسار المجال: / اللغات

 * /

؟>
  • عند حفظ التغييرات ، ستظهر نافذة منبثقة"تم تغيير الملف" في أداة FileZilla الخاصة بك.
  • حدد "إنهاء التحرير وحذف الملف المحلي " وانقر فوق "نعم".

تغييرات الملف

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

البرنامج المساعد المخصص في المكونات الإضافية المثبتة

أنشئ رمزًا قصيرًا مخصصًا لـ WordPress

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

فيما يلي خطوات إنشاء رمز قصير مخصص لـ WordPress:

  • افتح ملف PHP (في هذه الحالة: my-shortcode.php) والصق الكود التالي:
 add_shortcode ('اشتراك'، 'cloudways_link')؛

وظيفة cloudways_link () {

    إرجاع "Subscribe Cloudways <a href="https://www.youtube.com/@Cloudways/featured؟sub_confirmation=1"> قناة YouTube </a>" ؛

    }

add_action ('init'، 'cloudways_link')؛ 

نص الرمز القصير في ملف البرنامج المساعد

  • دعنا نستخدم الرمز المختصر المخصص في رسالتك. نظرًا لأننا قمنا بتعيين اسم الرمز المختصر لدينا على أنه "اشتراك " ، فقم بتسميته بين قوسين مثل: [اشتراك].

الرمز المختصر للاشتراك

  • قم بتحديث التغييرات وتحقق منإخراج الرمز القصير .

اشترك في رابط يوتيوب

  • إذا ظهر الإخراج في المنشور ، فهذا يعني أن الرمز المختصر المخصص لـ WordPress يعمل.

الرموز القصيرة مقابل كتل جوتنبرج

يتم استخدام كل من الرموز القصيرة وكتل Gutenberg في WordPress لتحسين وظائف موقعك. سيقارن هذا القسم كلاهما لتسليط الضوء على الاختلافات الرئيسية.

الرموز القصيرة:

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

كتل جوتنبرج:

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

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

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

ملخص

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

في حين أنه قد يكون لها بعض القيود ، إلا أن الفوائد تفوق العيوب ، خاصة عندما تقترن بسهولة استخدام كتل Gutenberg.

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

جربهم وشاهد كيف يمكنهم نقل المحتوى الخاص بك إلى المستوى التالي!

أسئلة وأجوبة

س: هل يحتوي WordPress على رموز مختصرة مضمنة؟

نعم ، يأتي WordPress مع 6 رموز مختصرة مدمجة مدرجة أدناه:

  • [ صوت]
  • [ شرح]
  • [ تضمين]
  • [ معرض]
  • [ فيديو]
  • [p Laylist]

س: أين أكوادي القصيرة في WordPress؟

يمكنك العثور على الرموز القصيرة لمكوِّن WordPress عن طريق التحقق من وثائق البرنامج المساعد في لوحة معلومات WordPress.

س: كيف تستخدم الرموز القصيرة الافتراضية في WordPress؟

يمكنك استخدام الرموز المختصرة الافتراضية في WordPress بثلاث طرق: من خلال Gutenberg block أو Classic Editor أو عن طريق الكود.

س: ما فائدة الرموز القصيرة في ووردبريس؟

الغرض من الرموز القصيرة في WordPress هو إضافة محتوى ديناميكي ووظائف إلى صفحاتك ومنشوراتك.