صفحه ورود پیشخوان وردپرس را زیباتر کنید، بدون افزونه | کد css و php آماده

/* بارگذاری فونت دلخواه */ @font-face { font-family: 'IRANSansCustom'; src: url('https://www.ayraads.ir/wp-content/uploads/2024/12/IRANSansXFaNum-Medium.woff2') format('woff2'); font-weight: normal; font-style: normal; } /* پس‌زمینه کلی صفحه ورود */ body.login { background: #006060; height: 100vh !important; margin: 0; display: flex; align-items: center; justify-content: center; font-family: 'IRANSansCustom', sans-serif; direction: rtl; } /* فرم ورود */ body.login #login { background: #fff; padding: 40px; border-radius: 16px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); width: 360px; margin: 0; font-family: 'IRANSansCustom', sans-serif; } /* لوگو */ body.login h1 a { background-image: url('https://www.ayraads.ir/wp-content/uploads/2025/01/logo-Ayra-crative-group.webp'); background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; height: 80px; } /* فیلدهای فرم */ body.login .input, body.login input[type="text"], body.login input[type="password"] { border: 1px solid #ccc; border-radius: 8px; padding: 10px; font-size: 14px; width: 100%; box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; font-family: 'IRANSansCustom', sans-serif; } /* دکمه ورود */ body.login .button-primary { background: #006060; border: none; border-radius: 8px; padding: 10px 0; width: 100%; font-size: 16px; color: #fff; cursor: pointer; transition: background 0.3s ease; font-family: 'IRANSansCustom', sans-serif; margin-top: 10px; /* فاصله بیشتر از بالا */ } body.login .button-primary:hover { background: #7c023b; } /* لینک‌ها: نام‌نویسی، رمز، بازگشت به سایت */ body.login #nav, body.login #backtoblog { text-align: center; margin-top: 20px; font-family: 'IRANSansCustom', sans-serif; } body.login #nav a, body.login #backtoblog a { color: #006060 !important; font-size: 14px; text-decoration: none; font-family: 'IRANSansCustom', sans-serif; transition: color 0.3s ease; } body.login #nav a:hover, body.login #backtoblog a:hover { color: #7c023b !important; text-decoration: underline; } /* مخفی‌کردن کامل سوییچر زبان */ body.login .language-switcher { display: none !important; }