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

Moammad Nassan · 19 سبتمبر 2023

مرحباً

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

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

شاكر لكم

تم التعديل في 20 سبتمبر 2023 بواسطة Mustafa Suleiman
تعديل عنوان السؤال

عبدالباسط ابراهيم · 19 سبتمبر 2023

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

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

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

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

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

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

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

Moammad Nassan · 20 سبتمبر 2023

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

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

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

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

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

انتقل إلى لوحة التحكم > صفحات.

انقر فوق اسم الصفحة التي تريد إضافة الكود إليها.

في منطقة "محتوى الصفحة"، انقر فوق الزر "إضافة قطعة".

حدد "HTML" من القائمة المنسدلة.

اكتب كود HTML الخاص بك في منطقة التحرير.

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

انتقل إلى لوحة التحكم > قالب > الملفات.

انقر فوق اسم الملف الذي تريد إضافة الكود إليه.

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

اكتب كود HTML الخاص بك في منطقة التحرير.

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

Mustafa Suleiman · 20 سبتمبر 2023

بتاريخ 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 وتستطيع البحث على اليوتيوب عن طريق استخدامها من أجل إضافة أكواد مخصصة في موقعك بكل سهولة وتحديد ما إذا كنت تريد تخصيص ذلك الكود ليعمل في صفحة أو مكان معين أو في الموقع ككل.

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

السؤال

Moammad Nassan

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

Recommended Posts

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

Moammad Nassan

Mustafa Suleiman

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية