هل تريد إنشاء صفحة كاملة العرض على WordPress؟

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

ولكن من قبل ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق 

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

الطريقة الأولى: استخدام قالب عرض مدمج في قالب ووردبريس الخاص بك

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

أولاً، عليك تعديل صفحة أو إنشاء صفحة جديدة من خلال زيارة " الصفحات> إضافة صفحة جديدة

في نافذة تحرير الصفحة، حدد كامل العرض كقالب أسفل خانة الاختيار سمات الصفحة.

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

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

ولكن ، لا تقلق ، فسنعرض لك كيفية إنشاء صفحة كاملة العرض بسهولة دون تغيير سمة WordPress.

طريقة 2: كيفية إنشاء قالب صفحة بعرض كامل

تتطلب هذه الطريقة تعديل ملفات قالب ووردبريس الذي تستخدمه، وأن يكون لديك فهم أساسي لـ PHP و CSS و HTML.

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

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

أولاً، عليك فتح محرر نصوص مثل المفكرة ولصق الكود التالي في ملف فارغ:

<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>

تحتاج الآن إلى حفظ هذا الملف كـ " كامل width.php على جهاز الكمبيوتر الخاص بك.

يقوم هذا الكود ببساطة بتحديد اسم قالب الملف ويطلب من ووردبريس استرداد قالب الترويسة.

بعد ذلك، ستحتاج إلى جزء المحتوى من الكود. اتصل بموقعك الإلكتروني باستخدام برنامج عميل FTP (أو مدير الملفات في وحة التحكم) ثم اذهب إلى " / الفسفور الابيض بين المحتوى / المواضيع / ك-موضوع-مجلد / ".

ثم عليك تحديد موقع الملف المسمى " page.php هذا هو ملف قالب الصفحة الافتراضي لثيمتك.

انسخ كل شيء بعد الوظيفة « get_header () ولصقه في ملف " كامل width.php التي قمت بإنشائها على جهاز الكمبيوتر الخاص بك.

الآن عليك إلقاء نظرة على محتويات ملف "full-width.php" وحذف هذا السطر من الكود:

<?php get_sidebar(); ?>

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

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

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

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

هذه هي الطريقة التي يأخذنا بها رمز العرض الكامل. php في إجراء التغييرات. قد يبدو رمزك مختلفًا قليلاً اعتمادًا على المظهر الخاص بك.

<?php
/*
*
Template Name: Full-Width
*/
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 -->
</div><!-- .content-area -->
<?php get_footer(); ?>

ثم لديك لتنزيل الملف كامل width.php » في مجلد قالب ووردبريس الخاص بك باستخدام بروتوكول نقل الملفات العملاء.

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

توجه إلى لوحة القيادة وقم بتحرير أو إنشاء صفحة جديدة.

في شاشة تحرير الصفحة، حدد موقع خانة اختيار سمات الصفحة وانقر على القائمة المنسدلة أسفل خيار "القالب".

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

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

جعل موقع الويب الخاص بك شعبية من خلال اكتشاف 7 ووردبريس الإضافات لتحسين كبار المسئولين الاقتصاديين من الصور الخاصة بك

ستحتاج إلى استخدام أداة الفحص لاكتشاف فئات CSS التي يستخدمها قالبك لتحديد منطقة المحتوى.

بعد ذلك، يمكنك ضبط عرضه إلى 100% باستخدام CSS. استخدمنا كود CSS التالي:

.page-template-full-width .content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.page-template-full-width .site {
margin:0px;
}

وإليك كيف سيبدو عشرون عشرون.

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

الأساليب المذكورة أعلاه مجانية لأولئك الذين يستطيعون ويريدون إنشاء تخطيطات العرض الكامل أو العرض الكامل بسرعة بسهولة.

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

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

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

1. ديفي باني

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

يتيح لك Divi Builder تحرير المحتوى الخاص بك باستخدام واجهة مرئية في الواجهة الأمامية بالإضافة إلى واجهة في الواجهة الخلفية، على الرغم من أن معظم المستخدمين يفضلون الأولى.

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

نقترح عليك اكتشاف كيفية إنشاء بلوق المهنية

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

يمكنك حتى إضافة CSS مخصص، حيث يتضمن محرر CSS الخاص به التحقق الأساسي والإكمال التلقائي. لطالما كان أحد الانتقادات الموجهة إلى Divi Builder هو اعتماده على الهاتفية القصيرة. مما يعني أنه إذا قمت بتعطيله في يوم ما ، فستترك مجموعة من الرموز المختصرة في المحتوى الخاص بك. على الرغم من أن هذا أمر محبط قليلاً ، إلا أنه لا توجد مشكلة الآن في وجود الإضافات مثل Shortcode Cleaner.

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

2. Themify Builder

يُعدّ Themify Builder، كما هو متوقع، المنتج المُقدّم من فريق Themify. يُدمجونه في العديد من قوالب ووردبريس الخاصة بهم لتزويد العملاء بخيارات تخصيص سهلة. كما يُمكنك شراؤه كإضافة مستقلة واستخدامه مع أي قالب ووردبريس.

على غرار Divi Builder وWPBakery Page Builder، يتيح لك Themify Builder إنشاء تخطيطات في واجهة المستخدم أو لوحة التحكم. ومن الميزات الرائعة الأخرى أن هذه الإضافة تسمح لك بتخصيص نقاط التوقف المتجاوبة (ولكن على مستوى الموقع بأكمله فقط).

اكتشف كيفية تثبيت وتكوين WooCommerce لإنشاء متجر على الإنترنت وبيع منتجاتك بسهولة على الإنترنت 

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

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

3. Elementor

يُعدّ مُلحق Elementor لـ WordPress، الذي أُطلق في الأصل عام 2016، من أحدث مُنشئي الصفحات في هذه القائمة. ورغم تأخره في الظهور، سرعان ما حصد Elementor أكثر من مليون تثبيت نشط على WordPress.org، مما جعله أحد أشهر مُنشئي صفحات WordPress.

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

تنقسم واجهته إلى قسمين رئيسيين ، مع وجود منطقة ثالثة لمعلمات معينة. يوفر الإصدار المجاني من Elementor عناصر واجهة مستخدم مجانية لـ 28. إصدار Pro يجلب 30 عناصر واجهة مستخدم أخرى ، أي ما مجموعه 58 عناصر واجهة مستخدم في إصدار Pro. تتضمن النسخة المجانية حوالي قوالب 40 المجانية ، بينما يجلب الإصدار المحترف مئات القوالب الإضافية.

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

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

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

• كيف تغير ثيم WordPress الخاص بك بأمان
• كيفية إعداد التسليم في WooCommerce
• 10 الإضافات ووردبريس قسط من الحجز والحجز
• متى وكيف لتثبيت وورد في دليل فرعي
• الإضافات 10 ورد لتحسين سرعة من بلوق الخاص بك

خاتمة

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

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

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

...