رفتن به مطلب

تغییر فونت صفحه ورود


sir1

پست های پیشنهاد شده

سلام

میخام که فونت صفحه ورود را تغییر دهم نوشته های این صفحه که شامل (ورود، رمز، نام نویسی و بازیابی رمز) هست

در مرورگر کروم با زدن f12 میتونم فونتشو تغییر بدم و کدهاش به این صورت هست ولی نمیدونم که به کجا برم وتغییرش بدم


wp-login.phpmedia="all"
body.rtl, body.rtl .press-this a.wp-switch-editor {
font-family: Tahoma,Arial,sans-serif;
}

لینک به ارسال

داخل پوشه ی قالبتون فایلی به نام custom-login.css ایجاد کنید برای بخش های مختلف صفحه ی ورود کد استایلش رو بنویسید شبیه همین که خودتون قرار دادید.

بعد از نوشتن استایل فایل رو ذخیره کنید این فایل باید در ریشه قالبتون باشه بعدش فایل functions.php رو باز کنید و کد زیر رو به این فایل اضافه کنید

توجه : قبل اعمال تغییرات نسخه ی پشتیبان از فایل فانکشن داشته باشید


<?php
function custom_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/custom-login.css" />';
}
add_action('login_head', 'custom_login');
?>

لینک به ارسال

خب داداش اینایی که گفتی همش برای تغییر استایل صفحه ورود بود که به خوبی انجام دادم.

ولی الان دو تا کار مونده یکی لگوی بالای فرم ورود هست که نمیدونم چجوری طول و عرضشو بیشتر کنم تا با لگوی جدیدی که گذاشتم ست بشه

دومین فونت صفحه ورود هست که میخام تغییر بدم که موندم به کجا برم و تغییر بدم

لینک به ارسال

این استایل رو امتحان کنید , اون بخش هایی که نوشته image/imgname.png می تونید یه تصویر در اون مسیر یعنی پوشه ی images قالب قرار بدید و نامش رو دراینجا وارد کنی , برای فونت ها به این کدها توجه کنید پیدا می کنید


/* ویرایش تصویر پس زمینه */
body.login, html {
background: url(images/backgroung-image.png) repeat;
margin: auto;
font-weight:bold;
}
/* ویرایش لوگوی وردپرس */
body.login #login h1 a {
background: url(images/logo-image.png) 0px 0 no-repeat transparent;
width:250px;
height:133px;
margin-right:35px;
margin-bottom:35px;
margin-top:-50px;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
body.login #login h1 a:hover {
margin-bottom:5px;
-webkit-transform: rotate(360deg) skew(0deg) translate(0px);
-moz-transform: rotate(360deg) skew(0deg) translate(0px);
-o-transform: rotate(360deg) skew(0deg) translate(0px);
}
/* ویرایش دکمه ی ورود */
#wp-submit {
background: #bc3d1d;
border: #f24643;
}
/* ویرایش لینک بازیابی رمز عبور */
.login #nav a:hover {
color: #!important;;
margin-right:10px;
}
/* ویرایش لینک برگشت به صفحه ی اصلی سایت */
.login #backtoblog a:hover {
color: #bc3d1d!important;;
margin-right:10px;
}

خب داداش اینایی که گفتی همش برای تغییر استایل صفحه ورود بود که به خوبی انجام دادم.

ولی الان دو تا کار مونده یکی لگوی بالای فرم ورود هست که نمیدونم چجوری طول و عرضشو بیشتر کنم تا با لگوی جدیدی که گذاشتم ست بشه

دومین فونت صفحه ورود هست که میخام تغییر بدم که موندم به کجا برم و تغییر بدم

به کمک فایرباگ می تونید استایل بخش های مختلف رو پیدا کنید

آموزش کار با فایرباگ و دانلود

لینک به ارسال

آقا رسول من الان با استایل مشکل ندارم که شما استایل جدید پیشنهاد میکنین.از طریق استایل هم نمیشه که فونت کل صفحه را تغییر بدیم

من واضح گفتم که یکی لگو و بعد فونتها را میخام تغییر بدم

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


wp-login.phpmedia="all"
body.rtl, body.rtl .press-this a.wp-switch-editor {
font-family: Tahoma,Arial,sans-serif;
}

لینک به ارسال

متوجه هستم فک کردم خودتون متوجه میشید

ببینید الان تو این کدی که خودتون نوشتید ویزگی فونت تعریف شده


font-family: Tahoma,Arial,sans-serif;

شما با افزودن فونت به قالب آشنایی دارید فونت جدا به قالب معرفی کنید در لینک زیر توضیح داده شده

ویرایش فونت قالب - افزودن فونت به قالب

بعد از معرفی فونت به جای فونت tahoma فونت جدید رو تعریف کنید

همچنین می تونید از این افزونه استفاده کنید که خیلی زیبا هستش

http://wordpress.org/plugins/blue-login-style/

لینک به ارسال

طبق لینک اموزشی که دادین من کد زیر را در style.css جایگزین کردم ولی فونت صفحه ورود هیچ تغییری نکرد


@font-face { font-family: 'bkoodak'; src: url('font/bkoodak.eot?#') format('eot'), /* IE6?8 */ url('font/bkoodak.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('font/bkoodak.ttf') format('truetype'); /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */ }

فونهای لازمم در پوشه font قالب اپلود کردم

از افزونه ها هم نمیخام استفاده کنم چون راحت میشه بدون اففزونه عوضش کرد فقط من نمیدونم

ویرایش شده توسط sir1
لینک به ارسال

برای تغییر لگو من از اون کد شما اشتفاده نکردم بلکه در استایلی که بهش دادم امکان تغییر لگو بود.

برای تغییر فونت هم در موضوع داده شده چیزی نفهمیدم

حالا اگه کسی واضحتر بگه ممنون میشم

لینک به ارسال

فونت دلخواه را جایگزین Arial کنید و کد رادر یک فایل با نام wp-login.css در کنار style.css قالبتون ذخیره کنید


body.login div#login h1 {font-family:Arial}
body.login div#login p { font-family:Arial}

و کد زیر را به functions.php قالب اضافه کنید


function my_login_stylesheet() { ?>
<link rel="stylesheet" id="custom_wp_admin_css" href="<?php echo get_bloginfo( 'stylesheet_directory' ) . '/wp-login.css'; ?>" type="text/css" media="all" />
<?php }
add_action( 'login_enqueue_scripts', 'my_login_stylesheet' );

لینک به ارسال

خیلی ممنون آقای ایمان فخر

به خوبی تغییر فونت دادم فقط یه چیز مونده اونم که سایز فونتش کوچیک هست. کد مربوط به سایز و رنگ متن را میخواهم که به wp-login.css اضاف کنم.

لینک به ارسال


body.login div#login h1 {font-family:Arial;font-size:24px;color:#CC6600}
body.login div#login p { font-family:Arial;font-size:14px; color:#009933}

برای پیدا کردن کد رنگها به پیوند زیر برید

http://css3.blogsky.com/1390/03/15/post-20/

لینک به ارسال
  • 7 سال بعد...
در در ۱۳۹۳/۱/۵ در 04:15، imanfakhar گفته است :

فونت دلخواه را جایگزین Arial کنید و کد رادر یک فایل با نام wp-login.css در کنار style.css قالبتون ذخیره کنید

 

 




body.login div#login h1 {font-family:Arial}
body.login div#login p { font-family:Arial}

 

و کد زیر را به functions.php قالب اضافه کنید

 

 




function my_login_stylesheet() { ?>
<link rel="stylesheet" id="custom_wp_admin_css" href="<?php echo get_bloginfo( 'stylesheet_directory' ) . '/wp-login.css'; ?>" type="text/css" media="all" />
<?php }
add_action( 'login_enqueue_scripts', 'my_login_stylesheet' );

 

من از پوشه چایلد تم استفاده میکنم و پوشه wp-login.css  هم داخل پوشه چایلد ساختم و کد های php هم داخل فانکشن پوشه فانکشن چایلد گذاشتم فونت ها هم داخل پوشه چایلد اپلود کردم ولی بازم فرم ورود فونتش درست نمیشه

میشه راهنمایی کنید 

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...