هل يستخدم WordPress JavaScript؟ الكيفية والأسئلة الشائعة لغير المبرمجين.

هل يستخدم WordPress JavaScript؟

نعم ، يستخدم WordPress JavaScript. على الرغم من أن WordPress مبني على لغة البرمجة المسماة PHP ، فإنه يستخدم أيضًا HTML و CSS بالإضافة إلى JavaScript.

فلماذا يستخدم WordPress JavaScript؟ هل أحتاج إلى معرفة JavaScript من أجل استخدام WordPress؟

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

في الواقع ، يمكنك تنفيذ عدد قليل من الوظائف في JavaScript في موقع WordPress الخاص بك دون الحاجة إلى فهم الكود نفسه.

رغم ذلك ، ستحتاج إلى القيام بذلك بطريقة لا تكسر موقع WordPress الخاص بك.

حتى مطوري WordPress يمكنهم أحيانًا كسر سمة WordPress أو موقع الويب عن طريق تنفيذ JavaScript بطريقة خاطئة.

ومع ذلك ، هناك طرق يمكن حتى لغير المبرمجين تنفيذ العديد من وظائف JavaScript في موقع WordPress الخاص بهم دون كسرها أيضًا. سوف اذهب من خلال هذه ايضا

لماذا يستخدم WordPress JavaScript؟

يستخدم WordPress JavaScript لعدة أسباب. أولاً ، JavaScript هي اللغة التي تسمح لزوار موقع WordPress الخاص بك بالتفاعل معها.

يتم استخدام JavaScript لوظائف بسيطة مثل تسجيل الدخول إلى موقع ويب وتذكر كلمات المرور وأسماء تسجيل الدخول.

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

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

تساعد JavaScript موقع WordPress على العمل بشكل أسرع نظرًا لأنها لغة برمجة من جانب العميل.

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

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

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

على الرغم من أن بعض المعلومات تحتاج إلى المرور إلى الخادم الخاص بك. على سبيل المثال كلمات المرور والبيانات الحساسة الأخرى.

رغم ذلك ، من أجل الأداء الطبيعي لموقع الويب الخاص بك ، يمكن القيام بمعظم ذلك باستخدام JavaScript من خلال متصفح المستخدم.

هل أحتاج إلى تعلم JavaScript لاستخدامها في WordPress؟

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

ومع ذلك ، ليس من الضروري تعلم JavaScript لاستخدامها بنفسك على موقع WordPress الخاص بك.

يجب عليك بالطبع التعرف على المفهوم الكامن وراء JavaScript ولديك فكرة عامة عن كيفية استخدامها وسبب استخدامها ، بالإضافة إلى التعرف على كيفية كتابة بعض الترميز المستخدم في JavaScript.

ومع ذلك ، بالنسبة للعديد من استخداماتها ، لا تحتاج حقًا إلى معرفة كيفية البرمجة باستخدام JavaScript للاستفادة منها.

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

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

الجزء الصعب هو كيف يمكنك تنفيذ كود Javascript هذا في موقع WordPress الخاص بك دون كسره.

في هذا المنشور ، سأوضح لك بصفتك غير مبرمج كيف يمكنك تنفيذ ذلك.

على الرغم من وجود طرق أخرى لتطبيق JavaScript بالطبع إذا كنت مطورًا وتعرف كيفية البرمجة لمواقع WordPress أيضًا.

ومع ذلك ، لن أخوض في هذا الجانب من زرع JavaScript ، ولكن من خلال طريقة أسهل وأكثر أمانًا لتطبيق JavaScript في مواقع WordPress لغير المبرمجين.

أولاً ، دعنا ننتقل إلى الفرق بين JavaScript و WordPress.

ما الفرق بين JavaScript و WordPress؟

JavaScript هي لغة برمجة. في حين أن WordPress هو نظام إدارة محتوى يشار إليه بخلاف ذلك باسم CMS.

يستخدم WordPress JavaScript ، لكن WordPress مبني على لغة تسمى PHP. كما هو الحال مع المواقع الأخرى على الويب اليوم ، فإنه يستخدم أيضًا HTML و CSS. يوفر HTML و CSS الدعامة التي تُصنع منها منشورات الويب والصفحات الخاصة بك.

كيف يمكن لغير المبرمج استخدام JavaScript في WordPress؟

بصفتك غير مبرمج ، فإن أفضل طريقة لاستخدام JavaScript في موقع WordPress الخاص بك ستكون من خلال استخدام المكونات الإضافية.

بصفتك غير مبرمج أو غير مبرمج أو غير مطور ، فمن الآمن والممارسة الجيدة دائمًا عدم العبث مطلقًا بملفات PHP الخاصة بالسمات أو الترميز.

أحد الأسباب الرئيسية وراء تعطل العديد من مواقع WordPress عندما يحاول شخص ما إضافة بعض JavaScript إلى موقع WordPress على الويب الخاص به هو أنهم يحاولون إضافته مباشرةً إلى ملفات PHP الخاصة بهم أو حتى مباشرةً في منشور WordPress أو الصفحة التي يرغبون في تغييرها.

على الرغم من أن إضافة JavaScript في منشور أو صفحة أكثر أمانًا قليلاً من إضافتها مباشرةً إلى ملفات PHP ، حتى إذا تمت إضافتها إلى المنشور أو الصفحة يمكن أن تتسبب في تعطلها.

سبب آخر وراء قدرة JavaScript على تعطيل موقع WordPress هو أن معظم ، إن لم يكن كل ، المكونات الإضافية لموقع ويب معين تتضمن عادةً بعض JavaScript فيها.

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

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

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

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

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

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

تم تصميم هذه المكونات الإضافية لوضع أجزاء من كود JavaScript في المكان الذي تنتمي إليه بالضبط.

هذا يأخذ الكثير من عمل الضيف عند إضافة JavaScript إلى موقع WordPress الخاص بك ، خاصة إذا كنت لا تعرف PHP.

سأدرج بعض المكونات الإضافية الأكثر شيوعًا التي يمكنك استخدامها لإضافة JavaScript بأمان إلى موقع WordPress الخاص بك أدناه.

أين أضع JavaScript في WordPress؟

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

على الرغم من أنه يمكن إضافة بعض JavaScript في <body> ، فمن الأفضل عدم القيام بذلك ما لم يكن لديك مكون إضافي يتيح لك القيام بذلك بأمان.

على سبيل المثال ، عادةً ما يتم إضافة JavaScript إلى أقسام الرأس. سيكون في قسم الرأس ، إذا كانت الوظيفة المطلوبة يجب أن تحدث قبل المحتوى الرئيسي أو يتم تحميل <body> في المتصفح.

تتم إضافة JavaScript إلى أقسام التذييل في موقع ويب WordPress عندما يجب أن تتم هذه الوظائف بعد تحميل المحتوى في متصفح المستخدم.

لذلك مع أخذ ذلك في الاعتبار ، يجب أن يكون لديك فهم أفضل لكيفية عمل JavaScript داخل موقع الويب الخاص بك.

هل يجب أن أتعلم PHP أو JavaScript أولاً لبرنامج WordPress؟

إذا كنت ستصبح مطور WordPress ، فيجب أن تتعلم PHP أولاً. لماذا ا؟ حسنًا ، WordPress مبني على PHP. PHP هي اللغة التي تدعم WordPress.

ومع ذلك ، لكي تكون مطور WordPress مستديرًا بالكامل ، يجب عليك أيضًا تعلم JavaScript أيضًا.

ستساعدك JavaScript في تطوير موقع WordPress الخاص بك وجعله تفاعليًا كما يريد عملاؤك أن يكون موقعهم على الويب.

بالطبع يجب أن تكون المعرفة الراسخة بـ HTML و CSS معطاة لأي مطور وخاصة مطور WordPress.

أيهما أفضل للتعلم: PHP أم WordPress؟

إذا كنت ستصبح مطور WordPress فمن الأفضل أن تتعلم PHP بالطبع. هذا لأن WordPress ، كما ذكرت ، مبني على PHP.

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

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

هل هناك أي مكونات إضافية لجافا سكريبت ووردبريس؟

هناك عدد غير قليل من مكونات JavaScript WordPress الإضافية التي يمكنك استخدامها ، خاصةً باعتبارها غير مشفر ، والتي ستساعدك على تنفيذ وظائف JavaScript على موقع WordPress الخاص بك.

في الأساس ما تسمح لك هذه المكونات الإضافية بالقيام به هو إدراج Javascript المكتوبة بالفعل في موقع WordPress الخاص بك.

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

يرجى ملاحظة أنه يجب عليك الحذر من إدخال أي كود من مطور من منتدى عبر الإنترنت لا تعرفه أو من يعمل لا تعرفه. لماذا ا؟

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

فيما يلي قائمة أدناه مع ميزاتها الرئيسية.

وصف

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

الميزات

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

وصف

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

إنشاء الاختصارات بسهولة

1. أعط اسما للرمز القصير.
2. الصق HTML / JavaScript / CSS كمحتوى رمز قصير.
3. يحفظ !

الآن أدخل الرمز القصير [sc name = ”my_shortcode”] في منشورك / صفحتك.

هاهو ! لقد حصلت على HTML / Javascript / CSS في رسالتك.

الميزات

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

وصف

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

يسمح لك Code Embed بتضمين التعليمات البرمجية (JavaScript و HTML - لا يمكن استخدامها للتعليمات البرمجية من جانب الخادم ، مثل PHP) في منشور ، دون تغيير المحتوى بواسطة المحرر. هذا مفيد بشكل لا يصدق لتضمين نصوص الطرف الثالث ، إلخ. يتم استخدام المكون الإضافي من قبل العديد من المواقع الكبيرة ، بما في ذلك Mozilla.

تشمل الميزات الرئيسية ما يلي:

• أضف HTML أو JavaScript إلى المنشورات أو الصفحات - مفيدة بشكل خاص لتضمين مقاطع الفيديو!
• قم بتضمين الأدوات باستخدام البرنامج المساعد Widget Logic.
• يتيح لك التضمين العام إعداد بعض التعليمات البرمجية في منشور أو صفحة ثم الوصول إليها من خلال منشور آخر.
• قم بتعديل الكلمات الأساسية أو المعرفات المستخدمة لتضمين التعليمات البرمجية لاختيارك.
• ابحث عن رمز التضمين عبر خيار بحث بسيط.
• أضف لاحقة بسيطة إلى كود التضمين لتحويل مقاطع الفيديو إلى إخراج سريع الاستجابة.
• قم بتضمين برنامج نصي خارجي مباشرةً باستخدام عنوان URL فقط.

والكثير الكثير!

وصف

أضف خريطة تم إنشاؤها باستخدام LeafletJS: مكتبة JavaScript مفتوحة المصدر للخرائط التفاعلية المتوافقة مع الجوّال. يتم توفير مربعات الخرائط افتراضيًا من خلال OpenStreetMap أو MapQuest (باستخدام مفتاح التطبيق). يمكن تعيين كل خريطة بسمات الرمز القصير أو من خلال إعدادات لوحة القيادة.

وصف

أضف CSS و JavaScript وحتى HTML و PHP إلى مجموعات التعليمات البرمجية الفريدة الخاصة بنا ، ثم اختر المكان الذي تريد تشغيل الكود فيه بالضبط.

• قم بتشغيل الكود الخاص بك على: الصفحات ، المنشورات ، المنشورات المخصصة ، العلامات ، الفئات.
• قم بتشغيل التعليمات البرمجية الخاصة بك في الأقسام المشتركة (على سبيل المثال موقع الويب بالكامل ، الواجهة الخلفية لموقع الويب ، كل الصفحات ، جميع المنشورات ، المنشورات الأخيرة ، فهرس المدونة ، جميع الفئات ، صفحات البحث ، جميع المحفوظات ، أرشيفات العلامات ، أرشيفات المؤلفين ، صفحات المرفقات ، صفحات خطأ 404).
• قم بتشغيل التعليمات البرمجية الخاصة بك عبر: عناوين URL ، أو التعبيرات العادية (Regex).
• أضف التعليمات البرمجية للواجهة الأمامية دون تعديل ملفات السمات الخاصة بك.
• أضف رمزًا وظيفيًا بدون اختراق الملفات الأساسية أو المكونات الإضافية المخصصة.
• تضمين البرامج النصية من GitHub و Code Canyon و JSFiddle وما إلى ذلك.
• أضف تتبع الزائر والإعلان والبرامج النصية التابعة.
• تضمين قنوات الوسائط الاجتماعية أو أدوات متجر السوق.
• قم بتبسيط تطوير موقع الويب الخاص بك - سواء كان ذلك بمفردك أو في فريق.
• لا حاجة إلى FTP - فقط أضف الرمز الخاص بك ، وانقر فوق حفظ ، وشاهد التغيير.

وصف

هل تريد عرض المزيد من المحتوى دون التأثير على تجربة المستخدمين؟

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

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

بمجرد الضغط على زر "قراءة المزيد" ، سيتم توسيعه.

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

إنه يعمل عبر رمز قصير ويمكن وضعه في كل مكان!

يمكنك تغيير ألوانه من خلال قائمة الإعدادات الخاصة به!

استخدام بسيط: [قراءة المزيد] نصك الطويل [/ قراءة]

هناك عدد غير قليل من إضافات مثبت جافا سكريبت ، فقط انقر على الرابط.

استنتاجات ووردبريس وجافا سكريبت.

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

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