كيفية إضافة صورة بطل إلى موقع WordPress الخاص بك

نشرت: 2022-09-15

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

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

يمكن أن يشجع شعار الصورة ، على سبيل المثال ، المستخدمين على الانضمام إلى المجموعات وأن يصبحوا أعضاء. إذا كان لديك أي أسئلة ، يرجى الاتصال بنا في قسم التعليقات. يمكنك الحصول على مساعدة الخبراء في تثبيت شعار بطل المستخدم على WordPress الخاص بك عن طريق إرسال بريد إلكتروني إلى [email protected]

ما هو محتوى Hero في WordPress؟

الائتمان: WordPress

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

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

كيف أقوم بتعديل قسم الأبطال في WordPress؟

الائتمان: www.reddit.com

لتعديل قسم البطل في WordPress ، ستحتاج إلى الوصول إلى أداة Customizer. يمكن القيام بذلك من خلال الانتقال إلى Appearance> Customize في لوحة إدارة WordPress. بمجرد دخولك إلى Customizer ، ستحتاج إلى تحديد خيار Hero Section ثم إجراء التغييرات المطلوبة.

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

أين هو قسم البطل في ووردبريس؟

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

أهمية صورة البطل

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

كيف يمكنني إزالة قسم البطل في ووردبريس؟

انتقل إلى المظهر> التخصيص> الخيارات العامة> عنوان الصفحة ، ويمكنك إما تعطيل عنوان الخلفية أو تخصيصه بناءً على ما تحتاجه.

ووردبريس صورة البطل

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

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

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

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

كيفية إنشاء قسم الأبطال في ووردبريس

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

يمكن إنجاز إجراء إنشاء البطل في WordPress خطوة بخطوة باستخدام WordPress Block GenerateBlocks (أداة قوية). يسهل إنشاء قسم الأبطال عند استخدام إصدار GB Pro لأنه يحتوي على قوالب مضمنة يمكن استيرادها بنقرة واحدة. سنستخدم صور undraw.co لمشروعنا لأنه يمكنك الحصول على صور مجانية هناك. في تخطيط الشبكة 50/50 ، سنستخدم jpg أو .png أو .sva كصور لكلا الشبكتين ، جنبًا إلى جنب مع نص مثل العنوان والفقرة و. أنا أستخدم الكود السداسي # E2de2 للون الأول ، و # A00e0 للون الثاني ، مع بقاء التعتيم الكامل والإعدادات كما هو موضح في لقطة الشاشة. اجعل الصفحة تبدو أكثر نظافة وجاذبية باستخدام الهامش والحشو للحاوية من إعدادات الشريط الجانبي. إذا كنت تريد استخدام GenerateBlocks ، يمكنك إنشاء أي شيء تريده داخل موقع WordPress الخاص بك.

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

حجم الصورة البطل في ووردبريس

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

تحجيم البطل ليس معطى ؛ ومع ذلك ، هناك بعض الإرشادات التي يجب اتباعها. في أمريكا الشمالية ، يبلغ حجم دقة المستعرض النموذجي 1920 × 1280 بكسل. ما لم يكن لدى جمهورك عدد كبير من الأجهزة ذات شاشات كبيرة للغاية ، يجب أن تتجنب عمومًا استخدام صور يزيد عرضها عن 2000 بكسل.

الحجم المثالي لصور موقع الويب البطل

لتحديد حجم صور بطلك بشكل صحيح لموقعك على الويب ، ضع في اعتبارك أن شاشات زوارك محدودة. لتوفير أفضل تجربة للمستخدم ، يجب أن يكون حجم صورة بطل موقع الويب المثالي لخلفيات ملء الشاشة 1200 بكسل. إذا كان المستخدمون يتصفحون على شاشات أكبر ، فيجب زيادة حجم الصور الموجودة على هذه الصفحات لملء الشاشة. إذا تم ضبط الكاميرا على الوضع اليدوي ، فقد يظهر بعض الضبابية. للتكرار ، ليس كل من يزور موقع الويب الخاص بك على شاشة كبيرة زائرًا. بالنسبة لمواقع WordPress ، من الأفضل استخدام حجم صورة خلفية بحد أدنى 1024 × 768 بكسل. من ناحية أخرى ، يوصي خبراء آخرون باستخدام 1920 × 1080 بكسل كدقة. من الأفضل الحفاظ على العرض بين 1000 و 3000 بكسل ، حسب مكان عرض الصورة.