كثيرًا ما يسألنا المستخدمون عما إذا كان من الممكن إنشاء صفحة رئيسية مخصصة في ووردبريس.
بشكل افتراضي ، يعرض ووردبريس منشورات المدونة الخاصة بك على الصفحة الرئيسية. ومع ذلك ، كموقع ويب تجاري ، قد ترغب في إنشاء صفحة رئيسية أكثر جاذبية تساعد المستخدمين في العثور على ما يحتاجون إليه وتعزيز تحويل مبيعاتك.
في هذه المقالة ، سنوضح لك كيفية إنشاء صفحة رئيسية مخصصة بسهولة في ووردبريس. سنعرض طرقًا متعددة ، ويمكنك اختيار الطريقة الأسهل بالنسبة لك.
إنشاء صفحة رئيسية مخصصة في ووردبريس
ما هي الصفحة الرئيسية؟
A زيارة هي صفحة التمهيدية الافتراضي أو صفحتها موقع على شبكة الانترنت. إنها الصفحة التي تظهر عندما يقوم شخص ما بإدخال اسم مجال موقع الويب الخاص بك في شريط عنوان المتصفح.
مثال الصفحة الرئيسية
الغرض الرئيسي من الصفحة الرئيسية هو تعريف المستخدمين بموقعك أو عملك. من الناحية المثالية ، يجب أن يوفر للمستخدمين معلومات أساسية حول عملك ، حتى يتمكنوا من متابعة استكشاف الصفحات الأخرى على موقعك.
بشكل افتراضي ، يعرض ووردبريس منشورات المدونة الأخيرة الخاصة بك على الصفحة الرئيسية. هذا ليس جيدًا لأنه لا يعرض سوى عددًا قليلاً من مقالاتك الحالية.
إذا كنت تدير موقعًا تجاريًا على الويب ، فلن تخبر الصفحة الرئيسية الافتراضية المستخدمين عن عملك أو منتجاتك أو خدماتك. كما أنه لا يوفر للمستخدمين طريقة للاتصال بك.
والخبر السار هو أن ووردبريس يأتي بالفعل بوظائف مدمجة لإنشاء صفحة رئيسية مخصصة.
اختيار صفحة مخصصة لاستخدامها كصفحة رئيسية في ووردبريس
يتيح لك ووردبريس استخدام أي صفحة على موقع الويب الخاص بك بسهولة كصفحتك الرئيسية. يمكنك ببساطة الانتقال إلى الصفحات »إضافة صفحة جديدة داخل منطقة إدارة ووردبريس لإنشاء صفحة جديدة.
دعونا نعطي هذه الصفحة عنوان “الصفحة الرئيسية” وننشرها. سوف تستخدم هذه الصفحة كصفحتك الرئيسية المخصصة.
لا تقلق بشأن التخطيط أو التصميم في الوقت الحالي. سنوضح لك كيفية تصميم صفحتك الرئيسية لاحقًا في هذه المقالة.
الآن ، إذا كنت ترغب في تشغيل مدونة على موقعك ، فأنت بحاجة إلى إنشاء صفحة مدونة منفصلة لعرض منشوراتك.
مرة أخرى ، انتقل إلى الصفحات »إضافة صفحة جديدة وإنشاء صفحة بعنوان” مدونة “. المضي قدما ونشر الصفحة الفارغة.
بعد إنشاء الصفحات ، تحتاج إلى زيارة الإعدادات »قراءة الصفحة في مسؤول ووردبريس الخاص بك. من هنا حدد خيار “صفحة ثابتة” ضمن قسم “عرض صفحتك الرئيسية”.
حدد الصفحة الرئيسية وصفحات المدونة
بعد ذلك ، تحتاج إلى تحديد الصفحة الرئيسية وصفحات المدونة التي أنشأتها مسبقًا.
لا تنس النقر فوق الزر “حفظ التغييرات” لتخزين إعداداتك.
الآن بعد أن قمت بإعداد صفحة لاستخدامها كصفحتك الرئيسية المخصصة ، فلنبدأ في تصميم الصفحة الرئيسية المخصصة لموقع ووردبريس الخاص بك.
الطريقة الأولى: إنشاء صفحة رئيسية مخصصة في ووردبريس باستخدام Gutenberg
قدم ووردبريس محررًا جديدًا قائمًا على الكتلة يسمى Gutenberg في ديسمبر 2018. يتيح هذا المحرر الجديد للمستخدمين ليس فقط كتابة المحتوى ولكن إنشاء تخطيطات جميلة أيضًا.
يستخدم كتل لكل عنصر محتوى مما يمكّنك من تنظيم كتل المحتوى لإنشاء بنية الصفحة التي تريدها.
تشمل وورد الكتل التي يمكن استخدامها لأغراض تصميم مثل تغطية الصور ، الأعمدة والجداول والنصوص وسائل الإعلام، و صالات العرض ، وأكثر من ذلك.
تحرير تخطيط صفحتك الرئيسية المخصص باستخدام Gutenberg
تأتي كل كتلة مع إعداداتها الخاصة ، والتي تتيح لك تخصيص مظهرها لتلبية متطلبات التصميم الخاصة بك.
يمكنك تمديد الكتل المتاحة باستخدام الإضافات كتلة Gutenberg لإضافة المزيد من الكتل إلى ترسانتك. تتيح لك هذه المكونات الإضافية استخدام عناصر متقدمة مثل الشهادات وشرائح التمرير والخدمات وميزات التصميم الشائعة الأخرى.
استخدام الإضافات المتقدمة لمكتبة الكتل لعمل تخطيط للصفحة الرئيسية
يمكنك أيضًا استخدام سمات ووردبريس الجاهزة من Gutenberg والتي تمنحك مزيدًا من المرونة للعمل مع الكتل.
نوصي باستخدام Astra ، لأنه يأتي مع قوالب موقع Gutenberg التي يمكنك تثبيتها باستخدام المكون الإضافي Astra Starter Sites .
بمجرد استيراد قالب ، يمكنك تحريره باستخدام محرر ووردبريس الافتراضي وإنشاء صفحة رئيسية ذات مظهر احترافي للغاية لموقعك على الويب.
الطريقة الثانية: إنشاء صفحة رئيسية مخصصة في ووردبريس باستخدام أدوات إنشاء الصفحات
هذه الطريقة سهلة للغاية ولا تتطلب أي مهارات ترميز أو تصميم. بالنسبة لهذه الطريقة ، ستستخدم مكونًا إضافيًا منشئ صفحات ووردبريس .
يتيح لك المكون الإضافي الخاص بباني الصفحات إنشاء تخطيطات صفحة مخصصة بسهولة باستخدام واجهة سحب وإفلات بسيطة.
نوصي باستخدام SeedProd لأنه أكثر المكونات الإضافية لبناء الصفحات ملائمة للمبتدئين في السوق. يأتي مع الكثير من القوالب ويقدم خيارات تخصيص متعددة.
في هذا البرنامج التعليمي ، سنستخدم إصدار SeedProd Pro ونعرض لك مجموعة واسعة من القوالب المتميزة وخيارات التخصيص. هناك أيضًا إصدار مجاني متاح ولكنه يحتوي على مجموعة محدودة من القوالب والميزات.
أولاً ، سيتعين عليك تثبيت وتنشيط SeedProd Pro على موقع الويب الخاص بك. يمكنك اتباع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
بمجرد تنشيط المكون الإضافي ، سيتم نقلك إلى صفحة SeedProd في لوحة إدارة ووردبريس ، حيث ستحتاج إلى إدخال مفتاح الترخيص. يمكنك العثور على المفتاح في منطقة حساب SeedProd الخاص بك.
إدخال مفتاح الترخيص الخاص بك
بعد إدخال المفتاح ، امض قدمًا وانقر على زر “التحقق من المفتاح”.
بعد ذلك ، يمكنك الانتقال إلى SeedProd »Pages لإنشاء صفحة رئيسية. ما عليك سوى النقر فوق الزر “إضافة صفحة مقصودة جديدة” للبدء.
إنشاء صفحة هبوط جديدة في SeedProd
في الشاشة التالية ، يمكنك الاختيار من نموذج لصفحتك الرئيسية. يقدم SeedProd العديد من القوالب المصممة بشكل احترافي والتي يمكنك تخصيصها وفقًا لاحتياجات عملك.
لتحديد قالب ، ما عليك سوى التمرير فوق النموذج والنقر فوق زر التحديد البرتقالي.
اختر قالب الصفحة الرئيسية
ستظهر الآن نافذة منبثقة حيث ستحتاج إلى إدخال اسم لقالب الصفحة المقصودة وتعديل عنوان URL الخاص به. بمجرد الانتهاء من ذلك ، امض قدمًا وانقر فوق الزر “حفظ وابدأ تحرير الصفحة”.
أدخل اسمًا لصفحتك الرئيسية
بعد ذلك ، سيتم نقلك إلى أداة إنشاء صفحات السحب والإفلات SeedProd ، حيث يمكنك تخصيص صفحتك الرئيسية بالطريقة التي تريدها.
يقدم البرنامج المساعد كتل مختلفة يمكن إضافتها إلى القالب الحالي. على سبيل المثال ، يمكنك سحب وإفلات الكتل القياسية مثل الأزرار والصور أو استخدام الكتل المتقدمة مثل العد التنازلي ونموذج الاتصال والمزيد.
أضف الكتل باستخدام أداة السحب والإفلات
بالإضافة إلى ذلك ، يمكنك أيضًا النقر فوق الكتل الموجودة في القالب وتعديلها. يمكنك تغيير اللون والخط والنص والمحاذاة والحجم والمزيد.
تحرير الكتل في القالب
بمجرد الانتهاء من تخصيص صفحتك الرئيسية ، لا تنس النقر فوق الزر “حفظ” لتخزين تغييراتك.
بعد ذلك ، يمكنك التوجه إلى علامة التبويب “اتصال” ودمج خدمات التسويق عبر البريد الإلكتروني المختلفة . يدعم SeedProd الأنظمة الأساسية الشائعة مثل Drip و Constant Contact و AWeber والمزيد.
ربط خدمات التسويق عبر البريد الإلكتروني
بعد ذلك ، يمكنك الانتقال إلى علامة التبويب “إعدادات الصفحة” لنشر صفحتك الرئيسية المخصصة. ما عليك سوى النقر فوق مفتاح تبديل حالة الصفحة لتغييره من مسودة إلى نشر.
انشر صفحتك الرئيسية
هناك المزيد من الخيارات ضمن علامة التبويب “إعدادات الصفحة”. على سبيل المثال ، يمكنك تغيير إعدادات تحسين محركات البحث وتحرير عنوان الصفحة وإضافة نصوص وتوصيل مجال مخصص .
بعد تغيير إعدادات الصفحة ، امض قدمًا وأغلق منشئ الصفحة المقصودة.
بعد ذلك ، ستحتاج إلى الانتقال إلى الإعدادات »قراءة وإخبار ووردبريس باستخدام الصفحة المقصودة المنشأة حديثًا كصفحة رئيسية لموقعك.
ضمن قسم “إعدادات صفحتك الرئيسية” ، انطلق وحدد خيار “صفحة ثابتة”. ثم اختر صفحتك الرئيسية المخصصة من القائمة المنسدلة لـ “الصفحة الرئيسية”.
اختر إعدادات الصفحة الثابتة وحدد صفحتك الرئيسية المخصصة
بمجرد الانتهاء من ذلك ، احفظ التغييرات وقم بزيارة موقع الويب الخاص بك لمشاهدة الصفحة الرئيسية المخصصة الجديدة قيد التنفيذ.
مثال الصفحة الرئيسية المخصصة
الطريقة الثالثة: إنشاء صفحة رئيسية مخصصة يدويًا في ووردبريس (مطلوب تشفير)
لا ينصح بهذه الطريقة للمبتدئين لأنها تتطلب الترميز. يجب أن تكون على دراية بممارسات ترميز ووردبريس و PHP و HTML و CSS لاستخدام هذه الطريقة.
دعونا نرى كيف يعمل هذا.
يتكون قالب ووردبريس الخاص بك من ملفات مختلفة. بعض هذه الملفات تسمى قوالب وتتحكم في عرض مناطق معينة من موقع الويب الخاص بك. راجع ورقة الغش الخاصة بالتسلسل الهرمي لقالب ووردبريس لمزيد من التفاصيل.
أحد هذه القوالب يسمى front-page.php. إذا كان قالبك يحتوي على هذا القالب ، فسيستخدمه ووردبريس تلقائيًا لعرض صفحتك الرئيسية المخصصة.
قالب الصفحة الأولى. php
ومع ذلك ، إذا كان المظهر الخاص بك لا يحتوي عليه ، فيمكنك إنشاء واحد لنفسك /
ما عليك سوى إنشاء ملف فارغ وحفظه كـ front-page.php. بعد ذلك ، تحتاج إلى تحميله إلى مجلد القالب الحالي الخاص بك على حساب استضافة ووردبريس الخاص بك باستخدام FTP.
بمجرد تحميل هذا الملف ، سيبدأ ووردبريس في استخدامه لعرض صفحتك الرئيسية. ومع ذلك ، نظرًا لأن هذا الملف فارغ تمامًا ، سترى صفحة بيضاء فارغة.
لإصلاح ذلك ، يمكنك البدء في إضافة كود HTML الخاص بك لعرض محتويات صفحتك الرئيسية المخصصة. تتمثل الطريقة الأسهل في استخدام الكود والقوالب الموجودة في قالب ووردبريس الخاص بك.
على سبيل المثال ، يمكنك استخدام نفس الرأس والتذييل. يجعل ووردبريس من السهل جدًا تضمين هذه القوالب.
إليك نموذج التعليمات البرمجية حيث أزلنا المحتوى والأشرطة الجانبية مع الاحتفاظ بالرأس وقوالب التنقل من السمة.
<?php /*
This page is used to display the static frontpage.
*/
// Fetch theme header template
get_header(); ?>
<div id="primary" <?php astra_primary_class(); ?>>
<div class="custom-homepage-container">
You custom homepage code goes here
</div>
</div><!-- #primary -->
//Fetch the theme footer template
<?php get_footer(); ?>
نصائح حول إنشاء صفحة رئيسية مخصصة فعالة في ووردبريس
الصفحة الرئيسية لموقع الويب الخاص بك هي أهم صفحة على موقع الويب الخاص بك. ينظر المستخدمون إليه لمعرفة المزيد عن عملك ومنتجاتك وخدماتك.
نوصي بالحفاظ على تصميم صفحتك الرئيسية بسيطًا قدر الإمكان. على مواقع الويب الخاصة بنا ، تعلمنا أن مستخدمينا يجدون تخطيطات أبسط أكثر فائدة.
حاول تجنب الفوضى ، ولكن لا تخفي المعلومات المهمة التي قد يرغب المستخدمون في رؤيتها على الصفحة الرئيسية. تحتاج أيضًا إلى تحديد أولويات المحتوى الذي يظهر أولاً في التخطيط الخاص بك.
اكتب الأهداف التي تريد تحقيقها قبل إنشاء صفحة رئيسية مخصصة لموقعك على الويب. سيساعدك هذا التمرين على الوصول إلى هدف تصميم واضح.
بالنسبة لمعظم الشركات والمدونات ، يتمثل الهدف الأول في تحويل زوار الموقع إلى عملاء. لتحقيق ذلك ، ستحتاج إلى OptinMonster .
إنه أفضل مكون إضافي لبرنامج ووردبريس المنبثق وبرامج إنشاء قوائم العملاء المحتملين . يساعدك على تحويل زوار الموقع إلى مشتركين وعملاء يدفعون.
بعد ذلك ، قد ترغب في تتبع كيفية أداء صفحتك الرئيسية المخصصة. لهذا ، تحتاج إلى تثبيت Google Analytics على موقع الويب الخاص بك. يساعدك على معرفة من أين يأتي المستخدمون وماذا يفعلون على موقع الويب الخاص بك.
قد ترغب أيضًا في تسهيل اتصال المستخدمين بك. لهذا ، ستحتاج إلى ملحق WPForms وهو أفضل مكون إضافي لنموذج ووردبريس في السوق.
يمكنك أيضًا إضافة زر النقر للاتصال بموقعك على الويب ، بحيث يمكن للأشخاص الاتصال بهاتف عملك بسهولة .
أخيرًا ، نوصيك بإلقاء نظرة على منافسيك والمواقع الشهيرة الأخرى في مجال عملك / تخصصك. نحن لا نطلب منك نسخ تصميمها ، ولكن التعلم من أفضل ممارساتها ثم تطبيقها على تخطيط صفحتك الرئيسية.
نأمل أن تساعدك هذه المقالة في إنشاء صفحة رئيسية مخصصة بسهولة في ووردبريس. قد ترغب أيضًا في الاطلاع على نصائحنا التي أثبتت جدواها لزيادة حركة مرور مدونتك .
خدمات مميزة لآجلك
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
اشترك معنا لمزيد من المعرفة
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..

