صفحه در دست ساخت | آموزش ایجاد صفحه حالت تعمیر وردپرس بدون افزونه
[تعداد: 2   میانگین: 5/5]
صفحه در دست ساخت | آموزش ایجاد صفحه حالت تعمیر وردپرس بدون افزونه

چگونه بدون استفاده از افزونه، صفحه تعمیر وردپرس یا صفحه در دست ساخت بسازیم؟

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

پیش نیاز این آموزش، آشنایی با css و html است اما نگران نباشید چون ما کدهای آماده ای در اختیار شما می گذاریم که می توانید صرفا با یک کپی پیست ساده از آن استفاده نمایید.

مرحله اول:

کدهای زیر را به انتهای فایل functions.php اضافه و آن را ذخیره کنید.


if ( !current_user_can( 'edit_themes' ) || !is_user_logged_in() ) {wp_die('
<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/css/maintenace.css" />
<link rel="icon" type="image/x-icon" href="'.get_template_directory_uri().'/images/favicon.ico" />
<img src="'.get_template_directory_uri().'/images/logo.png" >
<h4>در حال راه اندازی</h4>
<p>
	فروشگاه در حال راه اندازی میباشد، منتظر ما باشید...
</p>
');}
add_action('get_header', 'maintenace_mode_modernfile');

مرحله دوم:

در فولدر css قالب فایلی با نام maintenace.css بسازید و کدهای زیر را در آن قرار دهید.


@font-face{font-family:shabnam;font-style:normal;font-weight:normal;src:url('../fonts/shabnam.eot');src:url('../fonts/shabnam.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/iransansweb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/iransansweb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../fonts/ttf/iransansweb.ttf') format('truetype');}
html{background:#eee;}
body#error-page{padding:40px!important;color:#222222!important;border:none;box-shadow:none;width:460px;text-align:center;font-family:shabnam;background:#eee;margin:0;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;}
body#error-page p{font-size:12px;margin:0;}
body#error-page h4{font-size:18px;margin:10px 0 5px 0;}
body#error-page img.logo_coming{margin:auto;display:block;}

در نهایت تصویر و فونت های موجود را به فولدر images و fonts منتقل کنید
آموزش ایجاد صفحه در دست ساخت در وردپرس بدون افزونه

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


//add_action('get_header', 'maintenace_mode_modernfile');

بعد از انجام تغییرات برای غیر فعال کردن این صفحه کافیست ابتدای کد بالا مانند نمونه // قرار دهید.

افزودن صفحه حالت تعمیر در وردپرس با افزونه

اگر با html  و css آشنایی ندارید میتوانید از افزونه صفحه در دست ساخت یا حالت تعمیر Coming Soon Page & Maintenance استفاده نمایید. این افزونه تا کنون بیش از 800 هزار نصب فعال داشته و بدون داشتن دانش برنامه نویسی میتوانید صفحاتی زیبا جهت ساخت صفحه در دست تعمیر وردپرس ایجاد کنید.امیدوارم این آموزش برای شما مفید واقع شده باشد، فایل های تمرین نیز برای انجام این کار در اختیار شما قرار داده شده که میتوانید از همین صفحه دانلود کنید.

دیدگاه ها
  1. Avatar iwebza گفت:

    لطفا به دیدگاه ارسالی قبلی پاسخ بدید

  2. Avatar iwebza گفت:

    همین صفحه رو برای ارور پیج میخوام چه کار باید بکنم

    1. Avatar دستیار وب گفت:

      کدهای html رو در صفحه 404 و کدهای css رو در فایل style.css کپی کنید

لینک کوتاه:
سئو کامل وردپرس پکیج جامع افزودنی های یواست سئو پرمیوم افزونه جست و جو پیشرفته وردپرس Ajax Search Pro افزونه زمینه های دلخواه پیشرفته وردپرس Advanced Custom Fields Pro
امیر پروانه هستم مدیر وبسایت دستیار وب، بیش از 7 سال در زمینه طراحی وب و گرافیک فعالیت میکنم. هدف از خلق وبسایت دستیار وب،گسترش و حمایت از کسب و کارهای آنلاین و به اشتراک گذاشتن تجربیات مفیدیست که در این مدت به دست آورده ام
صفحات رسمی و تماس با من