الأدلة/إنشاء محتوى/الكود/أضِف HTML مخصص

أضِف HTML مخصص

استخدم مكوّن HTML المخصص لإضافة كود HTML ومعاينته أثناء تحريره. سيوضِّح لك هذا الدليل كيفية استخدام هذا المكوِّن لإضافة كود إلى موقعك الإلكتروني.

قبل أن تبدأ

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

  • تضمين فيديو، أو خريطة، أو تدوينة اجتماعية، أو خدمة تابعة لجهة خارجية (يوتيوب، وSpotify، وإنستغرام، وGiphy، وبينتريست، وغيرها الكثير): راجع تضمين المحتوى من المنصات الأخرى. يعمل مكوّن التضمين في كل خطة، ويدعم العديد من الخدمات الشهيرة دون أي كود مخصص.
  • جمع تفاصيل الاتصال، أو التسجيلات، أو الملاحظات: راجع مكوِّن النموذج. يقوم مكوِّن النموذج ببناء نموذج فعال دون HTML.
  • إضافة تنسيق CSS إلى موقعك: راجع إضافة CSS مخصص.
  • إضافة كود إلى ترويسة موقعك (وسوم ميتا للتحقق، وأنظمة الكتابة التابعة لجهات خارجية التي تُحمَّل على مستوى الموقع): راجع إضافة كود إلى الترويسات.

إدراج مكوِّن HTML المخصص

لإضافة مكوِّن HTML مخصص، اتبع هذه الخطوات:

  1. انتقل إلى لوحة تحكم موقعك، وحدد الصفحة، أو التدوينة، أو القالب الذي تريد إضافة HTML إليه.
  2. انقر على أيقونة + مدرج المكوِّنات وابحث عن “HTML”.
  3. انقر على مكوّن HTML مخصص لإضافته إلى محتواك.
A box drawn around the Custom HTML block in the block selector.

يمكن العثور على الإرشادات التفصيلية حول إضافة المكوِّنات هنا.

أضف HTML الخاص بك

بمجرد إضافة المكوِّن، اتبع هذه الخطوات لإضافة كود HTML الخاص بك:

  1. انقر على زر “تحرير HTML” .
The HTML block with an Edit HTML button.
  1. اكتب كود HTML الخاص بك، أو الصقه على الجانب الأيسر من المحرر.
    • أثناء صياغتك لـ HTML الخاص بك، سترى معاينة للكود على الجانب الأيمن.
  2. عندما تكون راضيًا، انقر على زر تحديث لحفظ تغييراتك.
The HTML editor with code on the left and a preview on the right.

سترى نتيجة كود HTML الخاص بك في المحرر. لإجراء تغييرات، انقر على زر “تحرير HTML” في شريط أدوات المكوّن.

HTML المدعوم

HTML هي لغة حاسوب تخبر المتصفحات بكيفية عرض محتوى الموقع الإلكتروني. يسمح WordPress.com بوسوم HTML الآتية على كل الخطط:

  • a
  • address
  • abbr
  • acronym
  • area
  • article
  • aside
  • b
  • big
  • blockquote
  • br
  • caption
  • cite
  • class
  • code
  • col
  • del
  • details
  • dd
  • div
  • dl
  • dt
  • em
  • figure
  • figcaption
  • footer
  • font
  • h1, h2, h3, h4, h5, h6
  • header
  • hgroup
  • i
  • img
  • ins
  • kbd
  • li
  • map
  • mark
  • ol
  • p
  • pre
  • q
  • rp
  • rt
  • rtc
  • ruby
  • s
  • section
  • small
  • span
  • strike
  • strong
  • sub
  • summary
  • sup
  • table
  • tbody
  • td
  • tfoot
  • th
  • thead
  • tr
  • tt
  • u
  • ul
  • var

لإضافة الوسوم الآتية، ستحتاج إلى خطة مدفوعة مع تفعيل ميزات الاستضافة. تعرّف على كيفية تفعيل ميزات استضافة خطتك.

embed, frame, iframe, form, input, object, textarea, script, style, link

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

حلّ المشاكل الشائعة

إذا لم يظهر كود HTML كما هو متوقع بعد الحفظ، فتحقق من الأسباب الشائعة التالية.

يختفي الكود بعد الحفظ

تقوم WordPress.com بتصفية بعض وسوم HTML للأمان. تتطلب الوسوم، مثل iframe، وscript، وstyle، وform، embed و object خطة مدفوعة مع تفعيل ميزات الاستضافة.

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

  1. تحقق من خطتك. انتقل إلى لوحة تحكم موقعك وحدد الترقيات ← الخطط. لا يقبل مكوّن HTML المخصص الوسوم المقيدة إلا في خطة مدفوعة. إذا كنت مشتركًا في الخطّة المجّانيّة، فقم بالترقية إلى أي خطة مدفوعة للمتابعة.
  2. تفعيل ميزات الاستضافة. الخطة المدفوعة وحدها غير كافية — يجب أن تكون ميزات الاستضافة نشطة كذلك. قم بتثبيت إضافة واحدة على الأقل على موقعك لتفعيل خطتك لقبول كود مخصص.
  3. أعد إدخال الكود الخاص بك. بمجرد دفع خطتك وتفعيل ميزات الاستضافة، ألصق الكود في مكوّن HTML المخصص مرة أخرى وقم بالحفظ.

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

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

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

إذا كان مكوّن التضمين لا يعرض خدمتك، فمن المحتمل أن تحتاج الخدمة إلى إطار أو برنامج نصي. أضف مكوّن التضمين إلى مكوّن HTML مخصص على خطة مدفوعة مع تفعيل ميزات الاستضافة.

حل أخطاء “المحتوى غير المتوقع أو غير الصالح”

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

Copied to clipboard!