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

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

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

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

روش ۱: استفاده از یک قالب با عرض داخلی در قالب وردپرس شما

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

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

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

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

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

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

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

این روش مستلزم آن است که شما فایل‌های قالب وردپرسی که استفاده می‌کنید را تغییر دهید و درک اولیه‌ای از 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 برای بهینه سازی سئو تصاویر

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

در مرحله بعد، می‌توانید با استفاده از CSS عرض آن را به ۱۰۰٪ تنظیم کنید. ما از کد 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 استفاده می‌شود، Divi Builder یک افزونه مستقل نیز هست که می‌توانید از آن در سایر قالب‌های وردپرس نیز استفاده کنید.

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

اساساً، به جای نوارهای کناری، همه چیز در پنجره‌های بازشو و دکمه‌های شناور قرار دارد. این به شما امکان دسترسی به ۳۱۶ قالب از پیش طراحی شده در ۴۰ بسته ارائه مختلف و همچنین امکان ذخیره طرح‌های خود به عنوان قالب را می‌دهد.

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

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

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

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

2. Themify ساز

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

مانند Divi Builder و WPBakery Page Builder، افزونه Themify Builder به شما امکان می‌دهد طرح‌بندی‌ها را در قسمت front end یا back end ایجاد کنید. یکی دیگر از ویژگی‌های عالی این افزونه این است که به شما امکان می‌دهد نقاط شکست واکنش‌گرای خود را سفارشی کنید (اما فقط در سطح کل سایت).

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

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

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

3. Elementor

افزونه وردپرس Elementor که در ابتدا در سال ۲۰۱۶ عرضه شد، یکی از جوان‌ترین صفحه‌سازهای این لیست است. با وجود شروع دیرهنگام، Elementor به سرعت بیش از ۱،۰۰۰،۰۰۰ نصب فعال در WordPress.org را به خود اختصاص داد و آن را به یکی از محبوب‌ترین صفحه‌سازهای وردپرس تبدیل کرد.

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

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

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

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

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

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

نتیجه

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

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

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

...