تغییر طرح پنل ورود وردپرس

دسته‌بندی:
بدون دیدگاه
نویسنده: علی باقری نیا
تاریخ: ۳,شهریور,۱۳۹۲
آخرین ویرایش: ۲۷ دی ۱۳۹۶
بدون دیدگاه
  در این پست از سایت ایکس گرافیک می پردازیم به ...

امتیاز دهید :

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

 

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

 

در اصل در این آموزش استایل wp-login را ویرایش میکنیم.

ابتدا یک فایل سی اس اس به نام custom-login.css بسازید. برای این کار می توانید از NotPad استفاده کنید.

سپس کد های زیر را درون آن ریخته و ذخیره کنید.

 دانلود کدهای Custom-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  قالبتون مراجعه  و کد زیر رو در انتهای کدهای موجود قرار بدید.

دانلود دستور فراخوانی Functions

 

خسته نباشید, کار تموم شد :D

حالا با مراجعه به wp-login خود تغییراتی که داده اید را مشاهده کنید.

اگر به مشکلی برخورد کردید در بخش نظرات, مشکل خود را بیان کنید.

این آموزش توسط دوست خوبم آماده شده است: alimir.ir

دانلود فایل آماده بکگراند و لوگوی سایت

  • نویسنده
    علی باقری نیا
  • تعداد بازدید
    22 views
۰دیدگاه فرستاده شده است.
شما هم دیدگاه خود را بنویسید

Time limit is exhausted. Please reload CAPTCHA.



logo-samandehi


نوشته‌های ویژه