تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات

تبلیغات
تبلیغات تبلیغات

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

آموزش ها , مقالات,آموزش,ترفند , وردپرس

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

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


برای شروع کار ابتدا باید یک فایل 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 سایتتون، تغییرات داده شده رو مشاهده کنید.
اگه با مشکلی مواجه شدید یا سؤالی داشتید میتونید در بخش نظرات همین پست اعلام کنید تا بهش رسیدگی کنم. ویرایش صفحه ی ورود و خروج در وردپرس
دانلود فایل از پیش اماده شده ی custom-login (270)

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

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


دانلود


هاست + دامنه رایگان مناسب وردپرس و سایر اسکریپت ها وطن هاست >

هاست
مطلب مفیدی بود ؟

درخواست نصب

نویسنده : تیم محتوای 20اسکریپت 4 آموزش ها , مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=7739
کلمات کلیدی پست :
تبلیغات تبلیغات
تبلیغات تبلیغات
مطالب مرتبط
9,498افزونه جستجوگر پیشرفته وردپرس SearchWP + افزودنی ها تاریخ : 2020/05/21
4,359Nofollow نمودن خودکار لینک ها تاریخ : 2014/01/10
9,341آموزش طراحی منو افقی برای وردپرس تاریخ : 2013/11/27
3,544نمایش تعداد فروش هر محصول در ووکامرس با افزونه WPB WooCommerce Show Sales Numbers تاریخ : 2018/11/4
3,680قالب وردپرس چند منظوره موودو Movedo تاریخ : 2018/11/16
1,160آموزش رفع خطای افزونه وردپرس تاریخ : 2019/07/10
5,924بسته فوق حرفه ای امنیتی برای وردپرسی ها تاریخ : 2013/10/19
4,246افزودن تصویر شاخص به خوراک وردپرس تاریخ : 2014/10/15
7,791افزونه نمایش پست های محبوب در وردپرس WP Popular Posts Pro تاریخ : 2015/05/12
20,904اسکریپت رسم نمودار Highcharts تاریخ : 2014/07/20
3,666جستجو در فیلدهای سفارشی وردپرس بدون افزونه تاریخ : 2016/09/15
844غیرفعال کردن HTML در نظرات وردپرس برای جلوگیری از اسپم تاریخ : 2020/02/6
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات
تبلیغات