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

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

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

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

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

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

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

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

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

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

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

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

تتطلب هذه الطريقة تحرير ملفات قالب WordPress الذي تستخدمه والحصول على فهم أساسي لـ PHP و CSS و HTML.

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

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

أولاً ، تحتاج إلى فتح محرر نصوص مثل Notepad ولصق الكود التالي في ملف فارغ:

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

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

يقوم هذا الرمز ببساطة بتعيين اسم قالب الملف ويوجه WordPress لاستخراج قالب الرأس.

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

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

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

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

<?php get_sidebar(); ?>

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

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

يبدو أن موقعك يتم تحميله ببطء ، اكتشف لماذا تحتاج إلى البدء في تحسين مدونة 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 »في مجلد قالب WordPress الخاص بك باستخدام امتداد بروتوكول نقل الملفات العملاء.

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

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

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

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

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

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

ستحتاج إلى استخدام أداة Inspect لاكتشاف فئات 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 المتميزة التي سوف تساعدك على القيام بذلك.

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. يدمجه في العديد من سمات WordPress الخاصة بهم لتزويد العملاء بخيارات تخصيص بسيطة. ولكن يمكنك أيضًا شرائه كمكوِّن إضافي مستقل واستخدامه مع أي سمة WordPress.

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

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

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

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

3. Elementor

تم إطلاق المكون الإضافي Elementor WordPress في الأصل في عام 2016 ، وهو أحد أصغر منشئي الصفحات في هذه القائمة. على الرغم من بدايته المتأخرة ، نجح Elementor في إجراء أكثر من 1،000،000 تثبيت نشط على WordPress.org ، مما يجعله أحد أشهر منشئي صفحات WordPress.

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

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

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

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

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

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

وفي الختام

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

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

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

...