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

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

باستخدام Permalink Manager ، يمكنك إنشاء عناوين URL مخصصة لـ WordPress و WooCommerce بعدة طرق. على الرغم من أن هذا القسم ينطبق على روابط WooCommerce الثابتة ، فقد ترغب أيضًا في أن تفعل الشيء نفسه مع أنواع أخرى من المحتوى. يمكنك استخدامه لتحسين درجة SEO الخاصة بك بعدة طرق. تقوم منصة Magento تلقائيًا بإلحاق اللاحقة a.html بنهاية عناوين URL الخاصة بالمنتج والفئة. إذا كنت تقوم بالترحيل إلى WooCommerce ، فقد ترغب في الاحتفاظ بعناوين URL لمتجرك الحالي في مكانها لأسباب تحسين محركات البحث. قم بإزالة قواعد WooCommerce لإعادة الكتابة من هياكل الروابط الثابتة الأصلية في متجر Magento الخاص بك لاستخدام مدير الرابط الثابت لإنشاء بنية الرابط الثابت الأصلي.

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

في قائمة "الإعدادات" ، انقر على "إدراج رأس". يجب إدخال الرمز في البرامج النصية في مربع الرأس ثم حفظه.

أنشئ روابط في صفحة HTML باستخدام العلامتين * a> و * / a> ، وهي العلامات المستخدمة لتحديد الروابط. تشير العلامة / a> إلى مكان انتهاء الارتباط ، بينما تشير العلامة> إلى مكان بدء الارتباط. مع إضافة أي نص إلى هذه العلامات ، فإنها ستعمل كرابط. استخدم "a href =" لوضع عنوان URL للرابط.

هل يمكنك تضمين Html في WordPress؟

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

كيفية تضمين Html في صفحة WordPress

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

كيفية تحرير Html في WordPress

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

كيفية تحرير Html في WordPress

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

يعد فهم كيفية تحرير HTML في WordPress مهارة مهمة يجب أن تكون في متناول اليد. باستخدام معرفتك بالتعليمات البرمجية للتحرير ، يمكنك استكشاف المشكلات وإصلاحها أو تحسينات التصميم. بالنسبة للجزء الأكبر ، من الجيد ترك شفرة مصدر WordPress بمفردها ، ولكن في بعض الأحيان يكون من الضروري تعديلها. لتحرير شفرة مصدر WordPress ، ستحتاج إلى استخدام محرر HTML نصي ، مثل Notepad أو Text for Mac. ستحتاج أيضًا إلى عميل FTP مثل FileZilla ومتصفح حديث مثل Google Chrome للتعامل مع هذه المهمة. لتحرير HTML ، يجب عليك أولاً اختيار الأداة ثم إجراء التغييرات. عند تثبيت سمة WordPress ، سيكون لموقع الويب الخاص بك شكل ومظهر مميزان ، بالإضافة إلى نظام ألوان وخطوط.

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

كيفية الوصول إلى Html لمنشور في WordPress

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

كيفية إضافة كود Html في البرنامج المساعد WordPress

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

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

كيفية إضافة كود Html في رأس WordPress

تعد إضافة كود HTML إلى رأس WordPress الخاص بك طريقة رائعة لإضافة تخصيصات إلى موقعك. هناك عدة طرق مختلفة للقيام بذلك ، ولكن أسهل طريقة هي استخدام مكون إضافي مثل Header and Footer.
باستخدام هذا المكون الإضافي ، يمكنك ببساطة إضافة كود HTML الخاص بك في قسم الرأس أو التذييل في موقعك. هذه طريقة رائعة لإضافة CSS أو JavaScript مخصص إلى موقعك.
هناك طريقة رائعة أخرى لإضافة كود HTML إلى رأس WordPress الخاص بك وهي استخدام سمة فرعية. باستخدام السمة الفرعية ، يمكنك إنشاء ملف يسمى header.php وإضافة كود HTML الخاص بك هناك.
إذا لم تكن مرتاحًا للتشفير ، فيمكنك أيضًا استخدام سمة WordPress التي تحتوي على كود رأس مدمج. على سبيل المثال ، يحتوي Genesis Framework على خيار لإضافة رمز رأس في إعدادات السمة.
مهما كانت الطريقة التي تختارها ، فإن إضافة كود HTML إلى رأس WordPress الخاص بك هي طريقة رائعة لتخصيص موقعك وإضافة المزيد من الوظائف.

في هذا المنشور ، سنتناول كيفية إضافة رمز بسرعة وسهولة إلى تذييل ورأس WordPress الخاصين بك. اعتمادًا على موقفك ، يمكنك الاستفادة من مجموعة متنوعة من الطرق لإضافة الرمز. عادةً ما تكون إضافة كود CSS إلى سمة فرعية أو جزء معين من سمة فكرة جيدة. يمكن ترميز رأس وتذييل WordPress يدويًا أو تلقائيًا. يمكنك استخدام Astra Hooks أو Custom Layouts النمطية لإضافة JavaScript إلى Astra. يمكنك أيضًا إضافة Facebook Pixel إلى رأس WordPress الخاص بك. يمكنك استخدام Facebook Pixel لربط حسابك على Facebook بموقعك على الويب.

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

ارتباط Html

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

يعرّف HTML ارتباطات النص التشعبي ، والمعروفة أيضًا باسم الارتباطات التشعبية ، كجزء من مكون النص التشعبي. في HTML ، الروابط هي عناصر مضمنة تتكون عادةً من علامة <a>. تُستخدم خاصية href (مرجع النص التشعبي) لتحديد هدف الارتباط. هناك ثلاثة أنواع من الأهداف يمكنك الاختيار من بينها. يمكن استخدام ارتباط لنفس الصفحة للانتقال إليها. عند استخدام عناوين URL النسبية ، تقوم بالربط بصفحة أخرى كما لو كانت هي نفسها الصفحة الحالية. في حالة وجود موقع ويب يسمى https://ireallylovecats.com ، والذي يحتوي على صفحتين: index.html و gallery.html ، يمكنك ربطهما باستخدام عنوان URL مطلق أو نسبي. يحتوي عنوان URL الكامل على جميع المعلومات الضرورية المطلوبة للبحث عن الملف الصحيح ، وعلى المجال الصحيح ، وبالبروتوكول الصحيح.

ملحقات ملف عنوان URL

يتم استخدام امتدادات ملفات URL للإشارة إلى نوع الملف الذي يتم الرجوع إليه. على سبيل المثال ، عادةً ما يكون عنوان URL بامتداد ملف .html مستند HTML ، بينما يكون عنوان URL بامتداد ملف .jpg عادةً صورة بتنسيق JPEG. من خلال الإشارة إلى نوع الملف ، يمكن لمتصفح الويب تحديد كيفية التعامل مع الملف بشكل أفضل عند تنزيله.

عند النقر فوق ملف URL ، يصل جهاز الكمبيوتر الخاص بك إلى عنوان URL الخاص بهذا الملف ، وهو رابط إلى محدد موقع معلومات محدد (URL). عند فتح ملف URL ، ستجد https: عناوين الويب وصفحات الويب المرتبطة. هناك أيضًا خيار إرسال بريد إلكتروني. من الممكن الحصول على عنوان URL بالإضافة إلى ملف.