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

فایل رایگان هفته

Free

۷ فروردین ۱۳۹۵

آموزش راه اندازی وب سایت
اموزش

در این آموزش که به صورت تصویری و رایگان تهیه شده شما با نحوه راه اندازی وب سایت اشنا خواهید شد و بعد از دیدن آموزش قادر خواهید بود یک وب سایت را از صفر راهندازی کنید.


تور آموزشی وردپرس
کد تخفیف :
فعلا نداریم
دسته بندی مطالب
آموزش های تصویری
مقالات آموزشی
دوره های سایت
    تبلیغات در سایت
    ads
    ads
    محبوب ترین مطالب
    آموزش کامل RecyclerView
    1,015 لایک
    ایجاد تولبار سفارشی
    آموزش ایجاد تولبار سفارشی در اندروید
    826 لایک
    آموزش تصویری ایجاد قسمت راهنما برای نرم افزار اندروید
    761 لایک
    قالب فروش فایل وردپرس
    قالب فروش فایل نسخه حرفه ای+آموزش تصویری
    613 لایک
    قالب فروش فایل
    قالب فروش فایل
    421 لایک
    آموزش استفاده از فونت ایکن در برنامه نویسی اندروید
    360 لایک
    قالب فروش فایل آذرخش
    قالب فروش فایل آذرخش
    232 لایک
    دانلود به ازای دریافت ایمیل
    افزونه دانلود به ازای دریافت ایمیل + آموزش تصویری
    170 لایک
    1 سال قبل
    شهرام نورانی
    بدون دیدگاه
    تغییر ظاهر صفحه ورود وردپرس

    آموزش تصویری تغییر ظاهر صفحه ورود در وردپرس

    شاید به سایت های وردپرسی رفته باشید که صفحه ورود سایت با سایت ها وردپرس دیگه متفاوت باشه و جذابیت بخصوصی رو به سایت میده توی این آموزش که به صورت تصویری از گروه نرم ازاری سیبل تهیه شده شما تغییر ظاهر صفحه ورود در وردپرس رو به راحتی یاد خواهید گرفت.

    نمونه انجام شده در آموزش تصویری

    تغییر ظاهر صفحه ورود

    در ابتدای کار به مسیر قالب تون برید و فایل functions.php رو مورد ویرایش قرار بدید اگر این فایل در قالب وردپرس شما موجود نبود یک فایل با نام  functions.php ایجاد کنید و بعد از آخرین تگ بسته php  کد زیر رو قرار بدید.

    
    <?php
    function clogin(){
    echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_directory').'/login.css"/>';
    }
    add_action('login_head','clogin');
    ?>
    
    

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

    
    body{
    background-image:url('img/1.jpg') !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    }
    h1 a{background-image:url('img/30ble.png') !important;
    background-repeat:no-repeat !important;
    background-position:center !important;}
    #loginform{
    
    opacity: 0.6 !important;
    background-color: #333 !important;
    border-radius: 21px !important;
    
    }
    .login label{color:#fff !important;}
    .login #nav a, .login #backtoblog a{color:#fff;}
    
    

    بعد از قرار دادن کد بالا در فایل login.css دوباره به مسیر قالب وردپرس تون برگردید و تصاویری رو که می خواین در صفحه ورد استفاده کنید داخل فولدر image یا img قرار بدید و اگر چنین فولدر های در قالب شما نبود یک فولدر با نام img بسازید و تصاویر تون رو داخل اون قرار بدید.و در فایل login.css ادرس تصاویر خودتون رو وارد کنید که در آموزش تصویری کاملا توضیح داده شده.

    برای ایجا تغییرات بیشتر به مرجع کد های وردپرس مراجعه کنید

    دانلود آموزش تصویری تغییر ظاهر صفحه ورود در وردپرس


    حتما بخوانید :  دوره آموزش کامل html و css قسمت اول
    نویسنده : شهرام نورانی

    منبع : گروه نرم افزاری سیبل

    فایل
    دانلود آموزش رایگان 28 مگابایت
    پیشنهاد میشه از مطالب زیر دیدن کنید