.رحلة ضَوْء (ر.ض.) مُدوِّنة تقنية, تهتم بالكمبيوتر, الإنترنت, التدوين, الهندسة, النصائح والتلميحات التقنية وتطوير الذات

كيف تضيف Quicktags الخاصة بك إلى مدونات ووردبريس؟

سأتحدث اليوم عن موضوع متقدم في ووردبريس. في هذا الدرس, سنتعلم معاً كيف نضيف ما نريد إلى Quicktags في ووردبريس. ولكن, دعونا نفهم أولاً ما الذي تعنيه Quicktags؟ في ووردبريس, وعند كتابة تدوينة, وإذا تتحول إلى “الكود البرمجي” ستلاحظ مجموعة من الخيارات كما في هذه الصورة:

WordPress-Quick-Tags

من هذه المنطقة (المحاطة باللون الأحمر) يمكنك أن تضيف ما تشاء من Quicktags التي تريد. على سبيل المثال, الكثير من إضافات ووردبريس تستخدم Quicktags لتضيف إلى تدوينتك شيئاً ما; كتلك التي تُستخدم لإضافة مقاطع فيديو (من موقع يوتيوب مثلاً), الملفات الموسيقية … الخ. في كل مرة, ستضطر إلى إضافتها يدوياً وبنفسك وذلك بكتابتها, فعلى سبيل المثال, إحدى هذه الإضافات,وهي إضافة WP YouTube يمكنك استخدامها لإضافة مقاطع يوتيوب إلى تدوينتك بإضافة هذا الكود (بدون الأقواس “”):

["Default/"] رمز مقطع يوتيوب هُنا["default"]

هذا الكود, يمكنك إضافته بضغطة زر واحدة من شريط Quicktags عند كتابة تدوينة في ووردبريس!

في هذا الدرس, سأستخدم هذا الكود كمثال لإضافته إلى شريط Quicktags.

["Default"] ["/default"]

دعونا نبدأ …

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

الطريقة الثانية:

الطريقة الثانية هي بالتعديل على ملف quicktags.js في ووردبريس نفسه.

الخطوة الأولى:

باستخدام برنامج FTP اذهب إلى المجلد wp-includes على المسار التالي في مدونتك:

wp-includes/js

WordPress-Quick-Tags2

أنزل ملف quicktags.js إلى سطح مكتبك. ثم احفظ نسخةً احتياطيه منه في مكان آخر.

الخطوة الثانية:

باستخدام محرر النصوص المفضل لديك, افتح هذا الملف. (أنصح استخدم برنامج PSPad editor المجاني).

الآن, سنلقي نظرة على الجزء الذي يهمنا في هذا الملف لنفهم طريقة إضافة Quicktags حتى نتمكن من إضافة Tags الخاصة بنا. (لاحظ أنه ملف جافا سكريبت).

WordPress-Quick-Tags3

الصورة أعلاه, تظهر الكود البرمجي المستخدم لإضافة الوسم Bold (الخط الثخين). باستخدام:

<strong>

</strong>

الصورة التالية توضح هذه المتغيرات:

WordPress-Quick-Tags4

الآن, وقد تعرفنا على هذه المتغيرات, نستطيع إنشاء Quicktag الخاص بنا باستخدام هذا الكود:



edButtons[edButtons.length] =

new edButton('ed_youtube'

,'YouTube'

,'["default"]'

,'["/default"]'

,'yt'

);


ثم أضفه إلى المكان الذي تريد (في السطر 134, على سبيل المثال).

الخطوة الثالثة:

احفظ الملف, ثم ارفعه إلى نفس المجلد كما في الخطوة الأولى.

الخطوة الرابعة:

حتى تضمن ظهور هذا الكود, أفرغ جميع الملفات المؤقتة من متصفحك, ثم سجل دخولك من جديد إلى مدونتك. إذا تذهب إلى لوحة التحكم في مدونتك لكتابة تدوينة جديدة, ستلاحظ بأن Quicktag الذي أضفناه لإضافة مقاطع يوتيوب باستخدام إضافة WP YouTube قد ظهر بهذه الصورة (تذكر بان هذا مجرد مثال):

WordPress-Quick-Tags5

في أي وقت تضغط على alt و shift و y في آن (في نفس الوقت) سيضاف هذا الكود إلى تدوينتك. أو كبديل, اضغط على زر YouTube في شريط Quicktag.

["Default"] ["/default"]

بنفس الطريقة, يمكنك أن تضيف Quuicktag الذي تريد …

هل تريد دعم رحلة ضَوْء لما تقدمه من الدعم الفني المجاني لمدونات ووردبريس ولمقالتها المتنوعة التي تغطي موضوعات تقنية مختلفة؟ اكتب تدوينة تعريفية عن رحلة ضَوْء في مدونتك أو أضف رابطها إلى مُدونتك أو الإثنين معاً … ساهم في نشر المعرفة … ساهم في دعم رحلة ضَوْء لكي تقدم لك المزيد …

قد تبدو هذه الخطوات صعبة عليك, إذا وجهتك أية مشكلات, فتذكر بانني أجيبك من خلال التعليقات في أي وقت …

أرسل إلى صديق





أرسل إلى صديق - نسخة للطباعة
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Reddit
  • Spurl
  • StumbleUpon
  • TwitThis

تدوينات ذات صلة:

2 تعليق على “كيف تضيف Quicktags الخاصة بك إلى مدونات ووردبريس؟”

  1. B!n@ry قال: 1

    السلام عليكم ورحمة الله وبركاته

    الله يجزيك الخير يا طيب على هذا الشرح … فادتني بشكل كبير في حل مشكلة وضع أكواد جنو/لينوكس بشكل جميل في مدونتي وكنت بحاجة لزر ثابت لهذه العملية بدل من عملها بشكل يدوي كل مرة …

    جزاك الله خير يا طيب وأتمنى لك التوفيق …
    أخوك أبو محمد …


  2. م. مهدي قال: 2

    B!n@ry: العفو …
    أهلاً بك دائماً في رحلة ضَوْء …


برجاء عدم التعليق باللهجة العامية