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

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

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

ملاحظات: هذا برنامج تعليمي للمستوى المتوسط. سوف تحتاج إلى إضافة رمز إلى ملفات موضوع WordPress الخاص بك واتقان بعض المغلق.

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

ثم دعنا نعود إلى سبب وجودنا هنا. 

لماذا ومتى تحتاج إلى إضافة عنصر واجهة مستخدم على الرأس؟

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

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

يستخدم هذا النطاق بالذات على جميع المواقع الشعبية لعرض معلومات مهمة حقًا.

اكتشف ايضا كيفية إضافة أدوات مخصصة بعد النشر على وردبريس

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

ونحن ننصح أيضا لاكتشاف لدينا البرنامج التعليمي ميل تشيمب باللغة الفرنسية: الدليل الكامل لإنشاء نشرة إخبارية

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

الخطوة 1: إنشاء منطقة القطعة

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

ستحتاج إلى إضافة هذا الرمز إلى الملف functions.php من الموضوع الخاص بك.

function bpc_widgets_init () {register_sidebar (array ('name' => 'Custom Header Widget Area'، 'id' => 'custom-header-widget'، 'before_widget' => ' '،' after_widget '=>' '،' before_title '=>' '،' after_title '=>' '،)) ؛ } add_action ('widgets_init'، 'bpc_widgets_init') ؛

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

إذا لم تقم بتثبيت WordPress محليًا مطلقًا ، فاكتشف ذلك كيفية تثبيت وورد محليا على جهاز الكمبيوتر / ويندوز مع XAMPP

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

المضي قدما ، وإضافة عنصر واجهة مستخدم النص إلى هذه المنطقة التي تم إنشاؤها حديثا وحفظه.

حاول ايضا دليلنا على إضافة الحاجيات.

الخطوة 2: إظهار القطعة الخاصة بك في الرأس

إذا قمت بزيارة موقع الويب الخاص بك ، فلن تكون قادرًا على رؤية أداة النص التي أضفتها للتو.

لأننا لم نظهر لك بعد كيفية عرض مناطق الحاجيات المخصصة وورد.

هذا هو ما سنفعله في هذه الخطوة.

هنا أيضا لك قائمة 5 الإضافات وورد الحرجة لتعزيز أرباح بلوق الخاص بك

سوف تحتاج إلى تحرير الملف header.php على في موضوع WordPress الخاص بك وأضف هذا الرمز حيث تريد عرض الحاجيات.

لا تنس حفظ تغييراتك.

يمكنك بعد ذلك زيارة موقع الويب الخاص بك وسترى أداة النص في رأسك.

النتيجة لن تكون بالضرورة الأكثر جاذبية. لهذا السبب ستحتاج إلى CSS حتى يتم عرضها بشكل صحيح.

3 Step: أعط أسلوبًا لرؤوس CSS

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

إحدى أسهل الطرق للقيام بذلك هي استخدام CSS Hero. يتيح لك هذا الأخير استخدام واجهة مستخدم سهلة الاستخدام لتعديل CSS لموضوع WordPress.

ننصحك أيضًا باكتشاف هذا ماذا يمكنك أن تفعل مع البرنامج المساعد Yellow Pencil WordPress؟

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

اقرأ أيضا مقالتنا على 10 WordPress plugins لتحسين حركة المرور للمدونة

سيسمح لك ذلك بعرض واجهة مُخصص WordPress. سوف تحتاج إلى النقر فوق " CSS إضافي ".

علامة التبويب « كس إضافية " في ال " مخصص يتيح لك إضافة CSS المخصص أثناء عرض التغييرات في المعاينة إلى اليمين.

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

إليك مثال على CSS لتبدأ به:

شعبة # رأس القطعة في منطقة {عرض: 100٪، لون الخلفية: #f7f7f7. الحدود القاع: 1px #eeeeee الصلبة. مواءمة النصوص: المركز؛ } H2.chw-لقب {هامش قمة: 0px. محاذاة النص: غادر؛ النص تحويل: الأحرف الكبيرة. FONT-SIZE: صغيرة. لون الخلفية: #feffce. عرض: 130px. الحشو: 5px. }

إليك كيفية ظهور الأداة المصغّرة المخصصة لدينا على رأس موضوع Twenty Sevent.

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress  

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

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. Smart4y Tooltip

Smart4y Tooltip هو ملف وورد البرنامج المساعد أداة مرنة مخصصة لإنشاء تلميحات أدوات حديثة دون أي اعتماد على مكتبة Javascript. إنه مستجيب تمامًا ويوفر إمكانية إدراج محتوى HTML.

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

اكتشف أيضا لدينا 10 WordPress plugins لتقييم المقالات من مدونتك

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

تحميل | تجريبي | استضافة المواقع

2. برر

Le وورد البرنامج المساعد Justified هو مكون إضافي للمعرض سريع الاستجابة يقوم بمحاذاة الصور المصغرة الخاصة بك في شبكة مبررة باستخدام jQuery ، كما هو الحال على Flickr. 

فهو يجمع ميزات من شأنها أن تميز المعارض الخاصة بك عن تلك المنافسين!

معالمه الرئيسية هي: تصميم متجاوب ، تأثيرات ذبابة خاصة ، إعادة تنظيم الشبكة تلقائيًا ،  محرر الرمز القصير، المظهر هللتخصيص بالكامل ، ودعم صالمشاهدين و آخرين كثر…

تحميل | عرض | استضافة المواقع  

3. جدولة رسائل البريد الإلكتروني

ce وورد البرنامج المساعد كما يوحي الاسم، يسمح لك بجدولة نشر البريد الإلكتروني على موقع الويب الخاص بك. إنه جزء من ملحقات WordPress الإضافية "Follow My Blog Post".

ستتمكن الآن من جدولة نشر رسائل البريد الإلكتروني الخاصة بك وفقًا للساعات أو الأيام أو الأسابيع.

اقرأ أيضا مقالتنا على 10 WordPress plugins لاستخدام الخرائط على موقع الويب الخاص بك

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

تحميل | عرض | استضافة المواقع

الموارد الموصى بها

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

• كيفية إنشاء مستندات Word و Excel على وورد
• كيفية تخصيص شعار WordPress للوحة القيادة
• كيفية العثور على ملفات لتعديلها من موضوع وردبريس
• كيفية تخصيص CSS لموقع الويب الخاص بك WordPress

وفي الختام

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

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

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

...