آیا می خواهید یک صفحه با عرض کامل در وردپرس ایجاد کنید؟ بسیاری از مضامین وردپرس از قبل با الگوی صفحه تمام عرض داخلی تعبیه شده اند که می توانید از آنها استفاده کنید. با این حال برخی از مضامین آن ویژگی را ندارند. در این مقاله ، ما به شما نشان خواهیم داد که چگونه به راحتی می توانید یک صفحه با عرض کامل در وردپرس ایجاد کنید.
روش 1: استفاده از الگوی عرض کامل داخلی در قالب وردپرس h4>
اگر طرح زمینه شما از قبل دارای الگوی صفحه تمام عرض باشد ، این روش توصیه می شود.
ابتدا باید با مراجعه به صفحه صفحات »افزودن جدید یک صفحه را ویرایش کنید یا یک صفحه جدید ایجاد کنید.
در صفحه ویرایش صفحه ، در جعبه متا ویژگی های صفحه ، عرض کامل را به عنوان الگوی خود انتخاب کنید.
پس از انتخاب الگوی تمام عرض ، باید صفحه خود را ذخیره کنید. می توانید برای افزودن محتوای بیشتر به ویرایش صفحه ادامه دهید یا بر روی دکمه پیش نمایش کلیک کنید تا در عمل مشاهده شود.
اگر در صفحه ویرایش صفحه خود گزینه الگوی تمام عرض را ندارید ، این بدان معنی است که طرح زمینه شما الگوی صفحه تمام عرض ندارد.
نگران نباشید ، ما به شما نشان خواهیم داد که چگونه بدون تغییر موضوع وردپرس خود به راحتی یک صفحه تمام عرض ایجاد کنید.
روش 2: الگوی صفحه با عرض کامل را به صورت دستی ایجاد کنید h4>
این روش به شما نیاز دارد تا فایلهای قالب WordPress را ویرایش کنید و درک اساسی از PHP ، CSS و HTML. اگر قبلاً این کار را انجام نداده اید ، نگاهی به راهنمای ما در نحوه کپی / چسباندن کد در وردپرس .
قبل از ادامه کار ، باید عنوان پشتیبان گیری از وردپرس یا حداقل نسخه پشتیبان از موضوع فعلی خود. اگر مشکلی پیش آمد ، به شما کمک می کند تا به راحتی سایت خود را بازیابی کنید.
ابتدا باید یک ویرایشگر متن ساده مانند Notepad باز کرده و کد زیر را در یک پرونده خالی جایگذاری کنید:
اکنون باید این فایل را به صورت full-width.php
در رایانه خود ذخیره کنید.
این کد به سادگی نام یک پرونده الگو را مشخص می کند و از وردپرس می خواهد الگوی هدر را واکشی کند.
بعد ، شما به قسمت محتوای کد احتیاج دارید. با استفاده از سرویس گیرنده FTP (یا مدیر پرونده در cPanel) و سپس به / wp-content / themes / your-theme-folder / بروید.
اکنون باید فایلی به نام page.php را پیدا کنید. این پرونده الگوی صفحه پیش فرض طرح زمینه شماست.
بعد از خط get_header ()
همه چیز را کپی کرده و در فایل full-width.php در رایانه خود جایگذاری کنید.
اکنون باید به فایل full-width.php نگاه کرده و این خط کد را حذف کنید:
این خط به سادگی نوار کناری و آن را در طرح زمینه شما نمایش می دهد . با حذف آن هنگام استفاده از الگوی تمام عرض ، موضوع شما از نمایش نوار کناری جلوگیری می کند.
ممکن است مشاهده کنید که این خط بیش از یک بار در طرح زمینه شما نشان داده شده است. اگر طرح زمینه شما دارای چندین ستون کناری است (به مناطق ویجت پاورقی نوار کناری نیز گفته می شود) ، در این صورت مشاهده می کنید که به هر نوار کناری یک بار در کد ارجاع داده می شود. شما باید تصمیم بگیرید که کدام ستون های فرعی را می خواهید نگه دارید.
اگر موضوع شما ستون های فرعی را در صفحات نمایش نمی دهد ، ممکن است این کد را در پرونده خود پیدا نکنید.
در اینجا نحوه مشاهده کد full-width.php ما پس از انجام تغییرات وجود دارد. بسته به موضوع شما ممکن است کد شما کمی متفاوت باشد.
بعد ، باید فایل full-width.php را با استفاده از سرویس گیرنده FTP در پوشه تم خود بارگذاری کنید.
شما با موفقیت یک الگوی صفحه تمام عرض سفارشی را در طرح زمینه خود ایجاد و بارگذاری کرده اید. مرحله بعدی استفاده از این الگو برای ایجاد یک صفحه تمام عرض است.
به قسمت مدیریت وردپرس بروید و صفحه جدیدی را ویرایش یا ایجاد کنید.
در صفحه ویرایش صفحه ، به دنبال meta box ویژگی های صفحه بگردید و روی منوی کشویی در زیر گزینه “الگو” کلیک کنید.
در آنجا می توانید الگوی تمام عرض خود را مشاهده کنید. پیش بروید و آن را انتخاب کرده و صفحه را ذخیره یا به روز کنید.
اکنون می توانید از وب سایت خود بازدید کنید ، خواهید دید که ستون های فرعی از بین رفته اند و صفحه شما به صورت یک ستون ظاهر می شود. ممکن است هنوز تمام عرض نباشد ، اما شما اکنون آماده هستید که آنرا به طرز متفاوتی تنظیم کنید.
شما باید از ابزار Inspect برای یافتن کلاسهای CSS مورد استفاده برای طرح زمینه محتوا استفاده کنید.
بعد از آن می توانید عرض آن را با استفاده از CSS به 100٪ تنظیم کنید. ما از کد CSS زیر در سایت آزمون خود استفاده کردیم:
.page-template-full-عرض .content-area { عرض: 100٪ حاشیه: 0px؛ حاشیه: 0px؛ بالشتک: 0px؛ } .page-template-full-عرض .site { حاشیه: 0px؛ }
در اینجا نحوه مشاهده آن در سایت نمایشی ما با استفاده از تم بیست و شانزده وجود دارد.
روش 3: با استفاده از افزونه Page Builder یک صفحه با عرض کامل ایجاد کنید h4>
این روش آسان تر است و برای همه کاربران توصیه می شود. به شما امکان می دهد صفحه پهنای خود را به راحتی ویرایش کنید و صفحه آرایی های مختلفی برای وب سایت خود ایجاد کنید.
برای این روش به افزونه صفحه ساز WordPress . به خاطر این آموزش ، ما از استفاده خواهیم کرد بیور ساز . این یکی از بهترین افزونه های سازنده صفحه کشیدن و رها کردن است و به شما امکان می دهد به راحتی طرح بندی صفحه بدون ایجاد هرگونه کد ایجاد کنید.
اولین کاری که شما باید انجام دهید نصب و فعال سازی پلاگین Beaver Builder . برای جزئیات بیشتر ، به راهنمای گام به گام ما در نحوه نصب افزونه وردپرس .
پس از فعال سازی ، باید یک صفحه موجود را ویرایش کنید یا یک صفحه جدید ایجاد کنید.
در صفحه ویرایش صفحه ، در قسمت ویژگی صفحات صفحه باید الگوی تمام پهنای ارائه شده توسط قالب وردپرس خود را انتخاب کنید.
اگر طرح زمینه شما الگوی تمام عرض ندارد ، می توانید با دنبال کردن دستورالعمل های ذکر شده در روش دوم ، آن را ایجاد کنید.
پس از انتخاب الگوی صفحه خود ، باید روی دکمه ذخیره پیش نویس کلیک کنید تا صفحه شما ذخیره شود.
اکنون شما آماده استفاده از افزونه صفحه ساز برای ایجاد طرح بندی خود هستید. این کار را با کلیک کردن روی برگه صفحه ساز بالای ویرایشگر صفحه شروع خواهید کرد.
با این کار رابط صفحه ساز راه اندازی می شود که در آنجا قادر خواهید بود پیش نمایش مستقیمی از صفحه خود را با گزینه های صفحه ساز مشاهده کنید.
می توانید با کلیک روی دکمه الگوها در بالا شروع کنید. Beaver Builder دارای چندین الگوی آماده برای استفاده و طراحی حرفه ای است که می توانید به عنوان نقطه شروع استفاده کنید.
فقط می توانید روی الگویی کلیک کنید تا آن را انتخاب کنید و سازنده صفحه آن را برای شما از جمله طرح ، تصاویر و محتوا بارگیری می کند. همچنین می توانید بر روی الگوی خالی کلیک کنید تا بدون الگوی آماده آماده نشده و طرح خود را ایجاد کنید.
طرح های Beaver Builder با ردیف ها و ماژول ها ساخته می شوند. هر ردیف می تواند چندین ستون داشته باشد و در داخل هر ردیف می توانید ماژول ها و ابزارک های محتوا اضافه کنید.
برای ویرایش یک ردیف یا یک ماژول در طرح ، فقط باید آن را نشان دهید و روی آن کلیک کنید.
Beaver Builder جزئیات مورد را به صورت پنجره ای باز می کند که در آن می توانید تنظیمات آن را ویرایش کنید. می توانید رنگ ها ، قلم ها را تغییر دهید ، عکس پس زمینه اضافه کنید ، متن را تغییر دهید و غیره.
در هر زمان می توانید ماژول ها و ابزارک ها را به طرح خود اضافه کنید. Beaver Builder با بسیاری از ماژول های محتوای اساسی و پیشرفته ارائه می شود که می توانید آنها را به صفحه خود بکشید و رها کنید.
پس از پایان ویرایش ، می توانید بر روی دکمه “انجام شد” در بالا کلیک کنید. با این کار پنجره ای به شما نشان داده می شود که باید روی دکمه ذخیره یا انتشار کلیک کنید.
اکنون می توانید از صفحه خود دیدن کرده و آن را در عمل مشاهده کنید.
امیدواریم این مقاله به شما کمک کند یاد بگیرید چگونه می توانید به راحتی یک صفحه با عرض کامل در وردپرس ایجاد کنید. همچنین ممکن است بخواهید راهنمای ما را در نحوه افزودن تصویر پس زمینه تمام صفحه در وردپرس .
اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .
منبع:
https://www.wpbeginner.com/wp-themes/how-to-create-a-full-width-page-in-wordpress/.