طراحی و بهینه سازیمشاهده

آخرین ارسال های تالار مشاهده انجمن

عنوانپاسخبازدیدتوسط
iconforumقالب قبلی سایت وردپرس یار191AynaZ
iconforum200 فاکتور سئو سایت گوگل: فهرست کامل + توضیحات322121AynaZ
iconforumچرا كارت‌هاي هوشمند هزينه بر است ؟01AynaZ
iconforumراهنمای در مورد چند اسکریپت325AynaZ
iconforumلایسنس ویژوال کامپوسر760AynaZ
iconforumافزونه کوتاه کننده لینک13210AynaZ
iconforumراهنمایی در نصب قالب332AynaZ
iconforumدر پلاگین فرم تماس458AynaZ
iconforumآلارت برای دیتابیس321AynaZ
iconforumنمایش اعتبار در افزونه pro vip19AynaZ
iconforumکد افریم17laruz
درگاه پرداخت
درگاه پرداخت

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

آموزش ها , مقالات,آموزش,ترفند , وردپرس
ویرایش صفحه ی ورود و خروج در وردپرسReviewed by Admin on Jul 31Rating:

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


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

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

حتما بخوانید  حل مشکل فاصله‌ خط ها در ویرایشگر وردپرس با افزونه Tinymce Advanced

قبل از هرگونه تغییرات، به پوشه “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)

حتما بخوانید  نحوه تغییر رنگ نوار آدرس مرورگرهای موبایل برای هماهنگی با رنگ وردپرس


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود

خرید هاست حرفه ای سازگار با انواع اسکریپت همراه با نصب رایگان

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1393/05/9 4 آموزش ها , مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=7739

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
3,124دانلود قالب ریواک نسخه 2 برای وردپرس تاریخ : 1395/05/19
1,932اجراي کد PHP در نوشته هاي وردپرس تاریخ : 1395/05/3
2,904دانلود قالب موزیک Clubix برای وردپرس تاریخ : 1395/02/18
3,416آموزش طراحی منو افقی برای وردپرس تاریخ : 1392/09/6
2,258افزونه همگامسازی وردپرس با گوگل درایو تاریخ : 1393/04/19
1,671دانلود افزونه وردپرس UserCredits نسخه 4.1 تاریخ : 1394/02/5
12,278افزونه افزایش سرعت سایت وردپرسی WP Rocket نسخه 2.8.5 تاریخ : 1395/03/27
1,349نحوه افزودن ابزارک به پوسته وردپرس تاریخ : 1394/05/20
8,416افزونه پاپ آپ نینجا برای وردپرس نسخه 3.6.3 تاریخ : 1393/09/1
2,890پوسته فارسی خبری HotNews برای وردپرس تاریخ : 1392/08/4
2,827دانلود قالب پرسش و پاسخ Robust فارسی برای وردپرس تاریخ : 1394/08/2
4,829افزونه ورود امن و دو مرحله‌ای به وردپرس با Clef Two-Factor Authentication تاریخ : 1394/11/30
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب