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

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

Free

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

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

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


تور آموزشی وردپرس
کد تخفیف :
فعلا نداریم
دسته بندی مطالب
آموزش های تصویری
مقالات آموزشی
دوره های سایت
    تبلیغات در سایت
    ads
    ads
    محبوب ترین مطالب
    آموزش کامل RecyclerView
    ایجاد تولبار سفارشی
    آموزش ایجاد تولبار سفارشی در اندروید
    آموزش تصویری ایجاد قسمت راهنما برای نرم افزار اندروید
    قالب فروش فایل وردپرس
    قالب فروش فایل نسخه حرفه ای+آموزش تصویری
    آموزش استفاده از فونت ایکن در برنامه نویسی اندروید
    قالب فروش فایل
    قالب فروش فایل
    دانلود به ازای دریافت ایمیل
    افزونه دانلود به ازای دریافت ایمیل + آموزش تصویری
    قالب فروش فایل آذرخش
    قالب فروش فایل آذرخش
    11 ماه قبل
    شهرام نورانی
    بدون دیدگاه
    تغییر ظاهر صفحه ورود وردپرس

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

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

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

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

    در ابتدای کار به مسیر قالب تون برید و فایل 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 مگابایت
    پیشنهاد میشه از مطالب زیر دیدن کنید