اذهب إلى المحتوى
  • 0

كيفية إضافة كود HTML و JavaScript في ووردبريس

Moammad Nassan

بواسطة Moammad Nassan

 مشاركة

السؤال

Moammad Nassan عضو مساهم

Moammad Nassan

نشر
نشر (معدل)

مرحباً

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

اذا اردت اضافة كود html ومعه JS ما هي افضل طريقة لادراجه ؟ هل الافضل اضافة html element كقطعة ضمن المحرر أو اضافته ضمن محرر الملفات , بشكل عام اريد تزويدي بفكرة عن كيفية التعامل مع محرر ملفات الووردبريس 

شاكر لكم

تم التعديل في بواسطة Mustafa Suleiman
تعديل عنوان السؤال
  • أعجبني 1
رابط هذا التعليق
شارك على الشبكات الإجتماعية

3 أجوبة على هذا السؤال

Recommended Posts

  • 0
عبدالباسط ابراهيم عضو نشيط

عبدالباسط ابراهيم

نشر
نشر

هناك طريقتان لإدراج كود HTML و JavaScript في ووردبريس:

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

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

اضافة قطعة كود HTML كقطعة ضمن المحرر

  • انتقل إلى لوحة التحكم > صفحات.
  • انقر فوق اسم الصفحة التي تريد إضافة الكود إليها.
  • في منطقة "محتوى الصفحة"، انقر فوق الزر "إضافة قطعة".
  • حدد "HTML" من القائمة المنسدلة.
  • اكتب كود HTML الخاص بك في منطقة التحرير.

اضافة كود HTML و JavaScript إلى محرر الملفات

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

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية
  • 0
Moammad Nassan عضو مساهم

Moammad Nassan

نشر
  • الكاتب
نشر
بتاريخ 19 ساعة قال عبدالباسط ابراهيم:

هناك طريقتان لإدراج كود HTML و JavaScript في ووردبريس:

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

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

اضافة قطعة كود HTML كقطعة ضمن المحرر

  • انتقل إلى لوحة التحكم > صفحات.
  • انقر فوق اسم الصفحة التي تريد إضافة الكود إليها.
  • في منطقة "محتوى الصفحة"، انقر فوق الزر "إضافة قطعة".
  • حدد "HTML" من القائمة المنسدلة.
  • اكتب كود HTML الخاص بك في منطقة التحرير.

اضافة كود HTML و JavaScript إلى محرر الملفات

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

 

شكرا لك عبد الباسط , اذا قمت بإضافته عن طريق المحرر كيف اضمن كود JS , بعد الhtml او قبله ؟

  • أعجبني 1
رابط هذا التعليق
شارك على الشبكات الإجتماعية
  • 0
Mustafa Suleiman عضو نشيط

Mustafa Suleiman

نشر
نشر
بتاريخ 18 ساعة قال Moammad Nassan:

شكرا لك عبد الباسط , اذا قمت بإضافته عن طريق المحرر كيف اضمن كود JS , بعد الhtml او قبله ؟

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

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

ولنفترض أنك تريد إضافة كود JS لتغيير سلوك زر، فأنت بحاجة إلى وضع الكود بعد عنصر الزر في محتوى الصفحة أي في نهاية الصفحة قبل نهاية عنصر body كالتالي: 

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <title>عنوان الصفحة</title>
</head>
<body>
    <h1>عنوان الصفحة</h1>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        // كود JavaScript الخاص بك
    </script>
</body>
</html>

يمكنك أيضًا استخدام ملف JavaScript خارجي لإضافة كود JS إلى موقعك عن طريق تحميل الملف الخارجي إلى مجلد "js" في قالبك.

ثم، تضمين الملف الخارجي في صفحاتك عن طريق إضافة رابط إلى الملف في عنصر script ووضعه في داخل عنصر head كالتالي: 

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <title>عنوان الصفحة</title>
    <link rel="stylesheet" href="style.css">
    <script src="js/script.js"></script>
</head>
<body>
    <h1>عنوان الصفحة</h1>
</body>
</html>

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

×
 مشاركة
اذهب إلى قائمة الأسئلة

  • إعلانات

  • تابعنا على



×
×
  • أضف...