هل تريد إنشاء صفحة مخصصة في ووردبريس؟
تتيح لك الصفحة المخصصة استخدام تخطيط مختلف عن صفحاتك العادية في ووردبريس. تحتوي العديد من مواقع ووردبريس على تخطيطات صفحات مخصصة لصفحات المبيعات والصفحات المقصودة وصفحات الويب وغير ذلك.
في هذه المقالة ، سنوضح لك كيفية إنشاء صفحة مخصصة بسهولة في ووردبريس ، خطوة بخطوة.
كيفية إنشاء قالب صفحة مخصص في ووردبريس
يتيح لك ووردبريس افتراضيًا إنشاء منشورات وصفحات .
يتحكم موضوع ووردبريس الخاص بك في مظهر صفحاتك باستخدام ملف قالب يسمى page.php.
يؤثر ملف القالب هذا على جميع الصفحات الفردية التي تقوم بإنشائها في ووردبريس.
ومع ذلك ، كما تعلم بالفعل ، ليست كل الصفحات متطابقة. على سبيل المثال ، قد ترغب في إنشاء صفحة مقصودة تبدو مختلفة تمامًا عن صفحات موقعك العادية.
في الماضي ، كان إنشاء صفحة مخصصة في ووردبريس يعني ترميز قالبك المخصص باستخدام HTML و CSS و PHP . سنغطي هذه الطريقة ، لكننا لا نوصي بها للمبتدئين.
بدلاً من ذلك ، نقترح استخدام SeedProd أو مكون إضافي آخر منشئ الصفحات لإنشاء صفحتك المخصصة. ما عليك سوى استخدام هذه الروابط السريعة للانتقال مباشرة إلى الطرق المختلفة.
استخدام SeedProd لإنشاء صفحة مخصصة في ووردبريس (مستحسن)
استخدام Beaver Builder لإنشاء صفحة مخصصة في ووردبريس
إنشاء قالب صفحة مخصص يدويًا في ووردبريس
فيديو تعليمي
اشترك في WPBeginner
إذا كنت تفضل التعليمات المكتوبة ، فاستمر في القراءة.
SeedProd هو أفضل منشئ صفحات السحب والإفلات لـ ووردبريس. يأتي مع أكثر من 100 قالب مصمم بشكل احترافي يمكنك استخدامه كأساس لصفحتك.
بدلاً من ذلك ، يمكنك إنشاء صفحة ووردبريس مخصصة تمامًا دون كتابة أي رمز باستخدام أداة السحب والإفلات الخاصة بهم.
تم تصميم SeedProd ليكون سهل الاستخدام ، حتى للمبتدئين. ومع ذلك ، فإنه يحتوي أيضًا على خيارات متقدمة تتيح لك إنشاء صفحات مذهلة بصريًا لجذب الزوار وزيادة التحويلات.
أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي SeedProd . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
ملاحظة: هناك نسخة مجانية من SeedProd المساعد متاح أيضا. ومع ذلك ، بالنسبة لمثالنا ، سنستخدم إصدار Pro نظرًا لأنه يحتوي على العديد من الميزات القوية.
عند التنشيط ، سترى صفحة الترحيب. تحتاج إلى إدخال مفتاح الترخيص الخاص بك هنا والنقر فوق الزر “تحقق من المفتاح”. ستجد مفتاح الترخيص الخاص بك في منطقة حسابك على موقع SeedProd على الويب.
إدخال مفتاح الترخيص الخاص بك لـ SeedProd
بعد ذلك ، انتقل إلى SeedProd »الصفحات في مسؤول ووردبريس الخاص بك. ثم ، ما عليك سوى النقر فوق الزر “إنشاء صفحة مقصودة جديدة”.
إنشاء صفحة هبوط جديدة في SeedProd
بعد ذلك ، سيُطلب منك اختيار قالب. يمكنك تصفية هذه للعثور على قوالب لنوع الصفحة التي تقوم بإنشائها. إذا كنت تفضل البدء من الصفر ، فما عليك سوى استخدام القالب الفارغ.
اختيار قالب الصفحة الخاصة بك في SeedProd
من أجل هذا البرنامج التعليمي ، سنستخدم قالب “صفحة مبيعات الدورة التدريبية”.
سيُطلب منك إعطاء اسم لصفحتك وتعيين عنوان URL. بعد القيام بذلك ، امض قدمًا وانقر فوق الزر “حفظ وبدء تحرير الصفحة”.
إعطاء صفحتك اسمًا وعنوان URL في SeedProd
سيتم الآن تحميل القالب الذي اخترته في منشئ الصفحة SeedProd.
واجهة منشئ الصفحة SeedProd
لتغيير أي شيء في النموذج ، ما عليك سوى النقر فوقه. من السهل تغيير النص مباشرة في منشئ الصفحة نفسه. على سبيل المثال ، نحن هنا نقوم بتحرير عنوان الصفحة.
تحرير عنوان صفحتك في SeedProd
يمكنك تنسيق النص وتغيير المحاذاة وإضافة روابط والمزيد.
من السهل أيضًا تحرير الصور باستخدام منشئ الصفحة SeedProd. ما عليك سوى النقر على الصورة التي تريد تغييرها.
في هذا المثال ، استبدلنا الصورة الافتراضية في أعلى الصفحة بالصورة الخاصة بنا.
تحميل صورة جديدة في SeedProd
انطلق وقم بتغيير أي شيء تريده بمجرد النقر عليه. سيؤدي هذا إلى فتح جزء التحرير على الجانب الأيسر من الصفحة.
لإضافة كتل (عناصر) جديدة إلى صفحتك ، ما عليك سوى النقر فوق علامة التبويب “تصميم” في الجزء العلوي من الصفحة. ما عليك سوى اختيار أي كتلة قياسية أو متقدمة ثم سحبها وإفلاتها في مكانها على صفحتك.
إضافة الكتل في SeedProd
بعد إضافة كتلة ، ما عليك سوى النقر عليها لتعديلها. هنا ، قمنا بإضافة قائمة بلوك إلى صفحتنا.
كتلة قائمة في SeedProd
إذا أخطأت في أي وقت أو غيرت رأيك ، فلا داعي للقلق. ما عليك سوى النقر فوق الزر “تراجع” أسفل الصفحة لعكس ما فعلته.
زر تراجع في SeedProd
ستجد أيضًا زر الإعادة ومحفوظات المراجعة والتنقل في التخطيط ومعاينة الجوال والإعدادات العامة لصفحتك هنا.
بمجرد أن تكون سعيدًا بصفحتك المخصصة ، فقد حان الوقت لمعاينتها أو نشرها. لنشر الصفحة ، انقر أولاً على سهم القائمة المنسدلة بجوار الزر “حفظ” أعلى الشاشة. ثم حدد خيار النشر.
حفظ أو نشر صفحتك في SeedProd
سترى رسالة تخبرك بأنه تم نشر صفحتك. للتحقق من ذلك على الفور ، ما عليك سوى النقر فوق الزر “مشاهدة الصفحة المباشرة”.
تُعلمك رسالة SeedProd بأنه تم نشر صفحتك
لتحرير صفحتك المخصصة في أي وقت في المستقبل ، ما عليك سوى الانتقال إلى SeedProd »الصفحات في مسؤول ووردبريس الخاص بك.
يجب أن تشاهد صفحتك المحفوظة في قائمة الصفحات المقصودة. ببساطة اضغط على العنوان لتعديله.
تحرير الصفحة المقصودة الموجودة في SeedProd
فائدة استخدام SeedProd على أي منشئ صفحات آخر في ووردبريس هو أنه لن يبطئ موقعك. SeedProd هو أسرع منشئ للصفحات ، ويتيح لك إنشاء تخطيطات صفحات مخصصة تمامًا ومستقلة عن تصميم السمة الخاصة بك ، بحيث يمكنك الحصول على رأس وتذييل مخصص ، وما إلى ذلك.
يعد Beaver Builder منشئ صفحات السحب والإفلات الشهير والراسخ لـ ووردبريس.
يمكنك استخدامه لإنشاء صفحات مخصصة بسهولة على موقع الويب أو المدونة الخاصة بك. نوصي باستخدام الإصدار الكامل من Beaver Builder . هناك أيضًا إصدار مجاني من Beaver Builder متاح بميزات محدودة.
أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي Beaver Builder . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
عند التنشيط ، سترى شاشة ترحيب Beaver Builder. ما عليك سوى النقر فوق علامة التبويب “الترخيص” لإدخال مفتاح الترخيص الخاص بك. ستجد هذا في منطقة حسابك على موقع Beaver Builder الإلكتروني.
لا تنس النقر فوق الزر “حفظ مفتاح الترخيص” لحفظ مفتاح الترخيص الخاص بك.
إضافة مفتاح الترخيص الخاص بك إلى Beaver Builder
لاستخدام Beaver Builder ، ما عليك سوى الانتقال إلى Pages »إضافة جديد في مسؤول ووردبريس الخاص بك لإنشاء صفحة جديدة. ثم ، انقر فوق الزر “Launch Beaver Builder”.
قم بتشغيل محرر Beaver Builder عند إنشاء صفحة جديدة
سيتم فتح محرر Beaver Builder بعد ذلك. تحتاج إلى إضافة صفوف ووحدات نمطية لإنشاء صفحتك. ما عليك سوى النقر فوق العنصر الذي تريد استخدامه ، واسحبه إلى صفحتك.
تحديد وحدات أو صفوف لسحبها وإفلاتها باستخدام Beaver Builder
بدلاً من ذلك ، يمكنك البدء بقالب. انطلق وانقر على علامة التبويب القوالب ، ثم اختر نموذجًا لاستخدامه.
اختيار قالب في Beaver Builder
يمكنك بعد ذلك النقر فوق أي جزء من القالب لتغييره. على سبيل المثال ، يمكنك تغيير النص والصور والألوان والمزيد.
هنا ، نقوم بتحرير عنوان الصفحة. عملية تحرير Beaver Builder ليست سلسة تمامًا مثل SeedProd ، حيث تحتاج إلى كتابة النص في مربع منبثق منفصل.
تحرير عنوان في Beaver Builder
بمجرد الانتهاء من إجراء التغييرات على صفحتك ، ما عليك سوى النقر فوق الزر “تم” في أعلى اليمين. ستتمكن بعد ذلك من حفظ منشورك أو نشره.
حفظ منشورك في Beaver Builder
إذا كنت تفضل عدم استخدام مكون إضافي ، فيمكنك إنشاء قالب صفحة مخصص يدويًا في ووردبريس.
ملاحظة المحرر: من الجيد تمامًا تشغيل العديد من المكونات الإضافية على موقع ووردبريس الخاص بك. ألق نظرة على منشورنا حول عدد مكونات ووردبريس الإضافية التي يجب عليك تثبيتها إذا كنت قلقًا بشأن وجود الكثير من المكونات الإضافية.
أولاً ، تحتاج إلى فتح محرر نص عادي مثل Notepad على جهاز الكمبيوتر الخاص بك. في الملف الفارغ ، أضف هذا السطر من التعليمات البرمجية في الأعلى:
<?php /* Template Name: CustomPageT1 */ ?>هذا الرمز يخبر ووردبريس ببساطة أن هذا ملف قالب ، ويجب التعرف عليه كـ CustomPageT1. يمكنك تسمية القالب الخاص بك بأي شيء تريده طالما كان ذلك منطقيًا بالنسبة لك.
بمجرد إضافة الرمز ، احفظ الملف على سطح المكتب الخاص بك باسم ، custompaget1.php.
انطلق واحفظ الملف بأي اسم ، فقط تأكد من أنه ينتهي .phpبالملحق.
في هذه الخطوة التالية ، ستحتاج إلى الاتصال بحساب استضافة ووردبريس الخاص بك باستخدام عميل FTP .
بمجرد الاتصال ، انتقل إلى النسق الحالي أو مجلد السمات الفرعية . سوف تجده في /wp-content/themes/الدليل. بعد ذلك ، قم بتحميل ملف قالب الصفحة المخصص الخاص بك إلى نسقك.
أنت الآن بحاجة إلى تسجيل الدخول إلى منطقة مسؤول ووردبريس الخاصة بك لإنشاء صفحة جديدة أو تعديل صفحة موجودة.
في شاشة تحرير الصفحة ، مرر لأسفل إلى قسم “سمات الصفحة”. سترى قائمة منسدلة للقالب. سيسمح لك النقر فوقه بتحديد النموذج الذي أنشأته للتو.
اختيار قالب الصفحة المخصص الخاص بك
إذا حددت قالبك الجديد وقمت بزيارة هذه الصفحة على موقعك الآن ، فسترى صفحة فارغة. هذا لأن القالب الخاص بك فارغ ولا يخبر ووردبريس بما يجب عرضه.
لا تقلق ، سنوضح لك كيفية تعديل قالب الصفحة المخصص بسهولة.
قالب الصفحة المخصص الخاص بك مثل أي ملف سمة آخر في ووردبريس. يمكنك إضافة أي HTML أو علامات قالب أو كود PHP في هذا الملف.
أسهل طريقة لبدء استخدام صفحتك المخصصة هي نسخ قالب الصفحة الحالي الذي يوفره قالبك.
افتح عميل FTP وانتقل إلى مجلد السمة الخاص بك. هناك ستجد ملف يسمى page.php. تحتاج إلى تنزيل هذا الملف على جهاز الكمبيوتر الخاص بك.
تحميل ملف php للصفحة لموقعك
افتح ملف page.php في محرر نص عادي مثل Notepad ، وانسخ كل محتوياته باستثناء جزء الرأس.
رأس القالب لملف php للصفحة النموذجية في ووردبريس
جزء الرأس هو الجزء الذي تم التعليق عليه في أعلى الملف. نحن لا نقوم بنسخها ، لأن قالب الصفحة المخصص لدينا يحتوي بالفعل على واحد.
أنت الآن بحاجة إلى فتح ملف قالب الصفحة المخصص الخاص بك ولصق كل التعليمات البرمجية التي نسختها في النهاية.
سيبدو ملف صفحتك المخصصة الآن كما يلي:
<?php /* Template Name: CustomPageT1 */ ?>
<?php get_header(); ?>
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php
// Start the loop.
while ( have_posts() ) : the_post();
// Include the page content template.
get_template_part( 'template-parts/content', 'page' );
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}
// End of the loop.
endwhile;
?>
</main><!-- .site-main -->
<?php get_sidebar( 'content-bottom' ); ?>
</div><!-- .content-area -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>ما عليك سوى حفظ ملف قالب الصفحة المخصص الخاص بك وإعادة تحميله إلى مجلد السمات الخاص بك باستخدام FTP.
يمكنك الآن زيارة الصفحة التي قمت بإنشائها باستخدام قالب الصفحة المخصص. يجب أن تبدو تمامًا مثل صفحاتك الأخرى في ووردبريس.
بعد ذلك ، استمر في تحرير ملف قالب الصفحة المخصص الخاص بك. يمكنك تخصيصه بأي طريقة تريدها. على سبيل المثال ، يمكنك إزالة الشريط الجانبي عن طريق إزالة السطر الذي يبدأ <?php get_sidebar.
يمكنك أيضًا إضافة كود PHP مخصص أو إضافة أي HTML آخر تريده.
لإضافة المحتوى الفعلي لصفحتك ، ما عليك سوى تعديل الصفحة كالمعتاد في ووردبريس.
يمكنك أيضًا ترك منطقة المحتوى في محرر الصفحة فارغة تمامًا وإضافة محتوى مخصص مباشرةً إلى قالب الصفحة. بهذه الطريقة ، سيظهر المحتوى الذي تضيفه في جميع الصفحات باستخدام القالب المخصص.
نأمل أن تساعدك هذه المقالة في إضافة صفحة مخصصة في ووردبريس. قد ترغب أيضًا في الاطلاع على دليلنا حول أهم أنواع صفحات ووردبريس التي يجب أن يحتوي عليها كل موقع ويب ، ويجب أن تحتوي قائمتنا على مكونات ووردبريس الإضافية لجميع مواقع الويب.
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
