آیا می خواهید یک صفحه تمام عرض در وردپرس ایجاد کنید؟

بسیاری مضامین وردپرس در حال حاضر با یک الگوی صفحه تمام عرض داخلی تعبیه شده است که می توانید از آن استفاده کنید. با این حال ، برخی از تم های وردپرس این ویژگی را ندارند. در این آموزش، ما به شما نشان خواهیم داد که چگونه می توانید به راحتی صفحه کامل را در وردپرس ایجاد کنید.

اما قبل از آن ، اگر هرگز WordPress را نصب نکرده اید کشف کنید چگونه به نصب یک وبلاگ وردپرس مراحل 7 et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود 

سپس به این دلیل که چرا ما اینجا هستیم

روش 1: استفاده از الگوی عرض داخلی بر روی قالب وردپرس خود

اگر تم وردپرس شما از قبل دارای الگوی صفحه کامل باشد ، این روش توصیه می شود. اگر یکی ندارید ، گزینه زیر را بررسی کنید و یکی را دریافت کنید.

ابتدا باید یک صفحه را ویرایش کنید یا با مراجعه به صفحه جدید ایجاد کنید صفحات> افزودن یک صفحه جدید

در پنجره ویرایش صفحه ، را انتخاب کنید عرض کامل به عنوان یک الگوی در زیر کادر ویژگی های صفحه.

بعد از انتخاب مدل عرض کاملباید صفحه خود را ثبت کنید. برای افزودن مطالب بیشتر می توانید صفحه را شخصی سازی کنید یا روی دکمه پیش نمایش کلیک کنید تا در عمل مشاهده شود.

اگر در صفحه ویرایش صفحه خود گزینه Full Width - تمام عرض - الگو را ندارید ، به این معنی است که قالب وردپرس شما آن را ندارد. 

اما ، نگران نباشید ، ما به شما نشان خواهیم داد که چگونه می توانید به راحتی و بدون تغییر یک موضوع وردپرس ، یک صفحه کامل بسازید.

روش 2: نحوه ایجاد یک صفحه صفحه با عرض کامل

این روش شما را ملزم می کند که فایلهای قالب WordPress را که استفاده می کنید ویرایش کنید و درک اولیه PHP ، CSS و HTML داشته باشید.

به هر حال ، ما همچنین شما را به مشورت دعوت می کنیم 8 بهترین افزونه های وردپرس برای ایجاد طرح های شما به راحتی 

اما ، قبل از ادامه کار ، باید یک نسخه پشتیبان تهیه وردپرس یا حداقل نسخه پشتیبان از موضوع فعلی وردپرس خود ایجاد کنید. در صورت بروز اتفاق بدی به شما کمک می کند وب سایت خود را به راحتی بازیابی کنید. 

ابتدا باید یک ویرایشگر متن مانند Notepad باز کرده و کد زیر را در یک فایل خالی جایگذاری کنید:

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

اکنون باید این پرونده را به عنوان "ذخیره کنید" کامل width.php روی رایانه خود

این کد به سادگی نام یک الگوی پرونده را تنظیم می کند و به وردپرس می گوید که الگوی هدر را استخراج کند.

بعد به قسمت محتوای کد احتیاج دارید. با استفاده از سرویس گیرنده FTP به وب سایت خود متصل شوید (یا مدیر فایل در cPanel) سپس به " / فایل wp-content / themes در / خود را-تم-پوشه / '.

سپس باید پرونده ای به نام " page.php " این پرونده الگوی صفحه پیش فرض طرح زمینه شماست.

همه چیز را بعد از عملکرد کپی کنید « get_header () و آن را درون یک پرونده بچسبانید " کامل width.php که شما در رایانه خود ایجاد کرده اید.

حال باید به محتوای پرونده "full-width.php" نگاهی بیندازید و این خط کد را حذف کنید:

<?php get_sidebar(); ?>

این خط به راحتی نوار کناری را می گیرد و آن را در قالب وردپرس شما نمایش می دهد. با حذف این ، موضوع شما هنگام استفاده از الگو ، نوار کناری را نشان نمی دهد عرض کامل.

ممکن است مشاهده کنید که این خط بیش از یک بار در قالب وردپرس ظاهر شده است. اگر قالب وردپرس شما چندین مورد دارد نوارهای جانبی (به قسمت های ویجت پاورقی نیز نوارهای جانبی گفته می شود)خواهید دید که هر نوار کناری یک بار در کد ارجاع شده است. شما باید تصمیم بگیرید که کدام نوارهای کناری را می خواهید نگه دارید.

به نظر می رسد وب سایت شما به آرامی بارگیری می شود ، کشف کنید چرا باید با استفاده از تصاویر وبلاگ وردپرس خود را بهینه سازی کنید

اگر موضوع شما نوارهای جانبی در صفحه شما نشان نمی دهد ، ممکن است این کد را در پرونده خود پیدا نکنید.

اینگونه است که کد full-width.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 »در پوشه قالب وردپرس خود با استفاده از سرویس گیرنده FTP.

شما با موفقیت یک الگوی صفحه تمام عرض سفارشی را در طرح زمینه خود ایجاد و بارگذاری کرده اید. مرحله بعدی استفاده از این الگو برای ایجاد یک صفحه با عرض کامل است.

به داشبورد خود بروید و صفحه جدید را ویرایش یا ایجاد کنید.

در صفحه ویرایش صفحه ، کادر تأیید ویژگی های صفحه را پیدا کرده و روی منوی کشویی در زیر گزینه "الگو" کلیک کنید.

شما قادر خواهید بود مدل خود را ببینید. پیش بروید ، آن را انتخاب کنید و صفحه را ذخیره یا بروزرسانی کنید.

اکنون می توانید از وب سایت خود بازدید کنید ، خواهید دید که نوارهای کناری از بین رفته اند و صفحه شما به صورت یک صفحه تک ستونی ظاهر می شود. ممکن است هنوز پر نشده باشد ، اما اکنون آماده پخش متفاوت آن هستید.

با کشف the وب سایت خود را محبوب کنید افزونه های وردپرس 7 برای بهینه سازی سئو تصاویر

برای کشف کلاسهای CSS که موضوع شما برای تعریف منطقه محتوا استفاده می کند ، باید از ابزار Inspect استفاده کنید.

سپس می توانید عرض آن را با استفاده از CSS به 100٪ تنظیم کنید. ما از کد CSS زیر استفاده کردیم:

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

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

در اینجا چگونه به نظر می رسد مانند بیست و هفده.

این همه برای این آموزش است ، امیدوارم که بتواند صفحات تمام عرض را ایجاد کند.

روشهای فوق برای کسانی که توانایی پرداخت هزینه های کامل و یا عرض کامل را دارند به راحتی امکان پذیر است.

همچنین برخی از افزونه های برتر WordPress را کشف کنید  

می توانید از موارد دیگر استفاده کنید افزونه های وردپرس برای دادن ظاهری مدرن و بهینه سازی مدیریت وبلاگ یا وب سایت شما.

ما در اینجا برخی از افزونه های برتر وردپرس را به شما پیشنهاد می دهیم که در انجام این کار به شما کمک می کنند.

1. دیوی ساز

Divi Builder یک سازنده با کیفیت و بالا از صفحات است که از آن بسیار استقبال می شود تم زیبا. اگرچه به طور کلی به عنوان بخشی از قالب Divi WordPress استفاده می شود ، Divi Builder همچنین یک پلاگین مستقل است که می توانید از آن در سایر تم های WordPress استفاده کنید.

Divi Builder به شما امکان می دهد با استفاده از یک رابط بصری در قسمت جلویی و همچنین یک رابط در قسمت انتهایی ، محتوای خود را ویرایش کنید ، اگرچه بیشتر کاربران رابط اول را ترجیح می دهند.

اساساً به جای ستون های فرعی همه در پنجره های بازشو و دکمه های شناور است. این امکان را به شما می دهد تا به 316 قالب از قبل طراحی شده در 40 بسته مختلف ارائه و همچنین امکان ذخیره طرح های خود به عنوان الگو را داشته باشید.

ما به شما پیشنهاد می کنیم کشف کنید نحوه ایجاد یک وبلاگ حرفه ای

یکی از صفات دیوی همیشه کنترل سبکهایی است که به شما می دهد. در سه زبانه مختلف می توانید تنظیمات مختلفی از جمله کنترل های پاسخگو ، فاصله قابل تنظیم و موارد دیگر را پیکربندی کنید.

حتی می توانید CSS سفارشی را اضافه کنید ، زیرا ویرایشگر CSS آن شامل اعتبار سنجی اساسی و تکمیل خودکار است. همیشه یکی از انتقادات به Divi Builder ، اتکا به آن بوده است کد کوتاه. این بدان معناست که اگر یک روز آن را غیرفعال کنید ، یک سری کد کوتاه در محتوای شما باقی می ماند. اگرچه این کمی افسرده کننده است ، اما اکنون پلاگین هایی مانند Shortcode Cleaner وجود مشکل کمتری دارد.

دانلود | نسخه ی نمایشی | میزبانی وب

2. Themify ساز

تعجب آور نیست که Themify Builder پیشنهاد تیم Themify است. آن را در چندین تم وردپرس آنها ادغام می کند تا گزینه های ساده سفارشی سازی را به مشتریان ارائه دهد. اما همچنین می توانید آن را به عنوان یک افزونه مستقل خریداری کرده و با هر تم وردپرس از آن استفاده کنید.

همانند Divi Builder و WPBakery Page Builder ، Themify Builder به شما امکان می دهد طرح بندی هایی را در قسمت جلویی یا پشتی ایجاد کنید. نکته خوب دیگر این است که این پلاگین به شما امکان می دهد نقاط شکست پاسخگو خود را شخصی سازی کنید (اما فقط در کل سطح وب سایت).

کشف نحوه نصب و پیکربندی WooCommerce برای ایجاد یک فروشگاه آنلاین و به راحتی محصولات خود را در اینترنت بفروشید 

یک چیز جالب در مورد Themify Builder این است که هنوز به شما امکان می دهد از ویرایشگر استاندارد وردپرس استفاده کنید، در حالی که سایر سازندگان صفحه شما را مجبور می کنند از رابط وردپرس استفاده کنید. صفحه ساز برای همه چیز.

دانلود | نسخه ی نمایشی | میزبانی وب

3. Elementor

افزونه Elementor WordPress که در اصل در سال 2016 راه اندازی شد ، یکی از جوانترین صفحه سازان این لیست است. علیرغم شروع دیرهنگام ، Elementor به سرعت بیش از 1،000،000 نصب فعال را در WordPress.org انجام داد ، و آن را به یکی از محبوب ترین سازندگان صفحه وردپرس تبدیل کرد.

آنچه باعث شهرت آن می شود رابط تصویری سیال آن ، گزینه های سبک متفاوت آن و سایر ویژگی های قدرتمند مانند ایجاد کامل مضامین وردپرس است.

رابط کاربری آن به دو قسمت اصلی تقسیم می شود که برای پارامترهای خاص یک منطقه سوم وجود دارد. نسخه رایگان Elementor ویدجت های رایگان 28 را ارائه می دهد. نسخه Pro ویجت های 30 دیگر را در اختیار شما قرار می دهد ، در کل ابزارک های 58 در نسخه Pro. نسخه رایگان شامل حدود الگوهای 40 رایگان است ، در حالی که نسخه Pro صدها قالب اضافی را در اختیار شما قرار می دهد.

 دانلود | نسخه ی نمایشی | میزبانی وب

سایر منابع پیشنهادی

درباره سایر منابع پیشنهادی برای کمک به شما در ساخت و مدیریت وب سایت خود اطلاعات کسب کنید.

• چگونه می توان قالب وردپرس خود را با خیال راحت تغییر داد
• نحوه پیکربندی تحویل در WooCommerce
• افزونه های افزونه WordPress Premium از رزرو و رزرو
• کی و چگونه به نصب وردپرس در یک دایرکتوری فرعی
• افزونه های 10 وردپرس برای بهبود سرعت وبلاگ شما

نتیجه

اینجاست این برای این آموزش است. اگر یک قالب وردپرس دارید که صفحه ای با عرض کامل به عنوان الگو ارائه نمی دهد ، امیدواریم این آموزش به شما کمک کرده باشد تا این نقص را برطرف کنید. دریغ نکنید با دوستان خود در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید. 

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.

اگر پیشنهادی یا اظهار نظر دارید ، آنها را در بخش ما بگذارید نظر.

...