• اسکریپت,قالب جوملا,قالب وردپرس,مرجع اسکریپت,نال شده,نال

  • تبلیغات



    موضوعات

    بایگانی شمسی

    محبوبترین مطالب

    به پایگاه تخصصی اسکریپت پارسی زبانان خوش آمدید.




    ویرایش صفحه ی ورود و خروج در وردپرس

    ویرایش صفحه ی ورود و خروج در وردپرس

    تاریخ : پنج شنبه، ۹ مرداد ۱۳۹۳
    678 views
    ۰دیدگاه
    نوشته:مدیر

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

    custom-login


    برای شروع کار ابتدا باید یک فایل css با نام custom-login.css بسازید. (این کار رو میتونید در Notepad انجام بدید.)
    و در ادامه، کد زیر رو در اون فایل کپی کرده و تغییرات رو ذخیره کنید.

    صفحه ی ورود و خروج در وردپرس

     

    در واقع، توسط کد بالا، ویرایش استایل wp-login انجام میشه.

    قبل از هرگونه تغییرات، به پوشه “images” قالبتون برید و بک گراند و لوگوی مورد نظرتون رو آپلود و به ترتیب نام و پسوندشون رو با backgroung-image.png و logo-image.png جایگزین کنید.

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

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

    * پس از تعویض لوگوی وردپرس با لوگوی مورد نظرتون حتما از طریق width و height سایز لوگوتون رو با فایل css هماهنگ کنید. همینطور با استفاده از margin-botton , margin-top , margin-right میتونید به ترتیب، فاصله ی تصویر رو از راست، و بالا و پایین تنظیم کنید.

    خوب، حالا باید به file-manager هاستتون وارد شید و در wp-content وارد پوشه ی Themes بشید و در اونجا هم به فولدر قالب فعلیتون برید و فایل ساخته شده رو در اونجا آپلود کنید…

    کار تقریبا تمومه،

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

    و دیگر هیچ…

    صفحه ی ورود و خروج در وردپرس

     

    صفحه ی ورود و خروج در وردپرس

    حالا میتونید با مراجعه به wp-login سایتتون، تغییرات داده شده رو مشاهده کنید.
    اگه با مشکلی مواجه شدید یا سؤالی داشتید میتونید در بخش نظرات همین پست اعلام کنید تا بهش رسیدگی کنم.

     

    body-bg18

     

    دانلود
    حجم:

    Time limit is exhausted. Please reload CAPTCHA.



    تبلیغات



    آخرین ارسال ها

    نرم افزارهای ضروری

    XAMPP XAMPP
    5.6.8
    NotePad++ NotePad++
    6.8.1
    FileZilla FileZilla
    3.7.3

    پربازدید ترین ها

    آخرین دیدگاه‌ها

    تبلیغات متنی

    Email Newsletter

    Sign up for our email newsletters
    با عضویت در خبرنامه ی ما از آخرین مطالب ما در ایمیل خود با خبر شوید