Прямо сейчас на моей странице входа отображается логотип WordPress. Как мне изменить его на мой логотип?
Вот довольно простой подход к изменению логотипа. Марк Джаквит из WordPress выпустил плагин, который позволяет загружать изображение, которое будет отображаться на странице входа, а не на логотип WP.
Настройка логотипа экрана входа в WordPress
Я лично сделал бы это так.
Крюк в конце, и ваш стиль будет включен после включения входа в систему css, поэтому вам вряд ли понадобится! Важно форсировать стили.
add_action( 'login_head', 'custom_login_css', 99999 ); function custom_login_css() { ?> <style type="text/css"> h1 a { background: url(path/to/your/image/example.jpg) no-repeat top center; } </style> <?php }
Одна функция, один крючок, работа.
Надеюсь, это поможет…
Если вы хотите сделать еще один шаг и полностью захватить контроль над входом в систему CSS, продолжайте читать, иначе просто проигнорируйте, что следует, я все равно опубликую его, ради других, желающих полностью захватить login CSS ..
style_loader_src
к style_loader_src
объявив 2 параметра для функции обратного вызова.
colors
, login
, global
так далее .. Вторая переменная помогает фильтру определить, какой вызов вызывается, и обновляет src, когда он совпадает с login
.
add_filter( 'style_loader_src', 'hijack_login_src', 10, 2 ); function hijack_login_src( $src, $handle ) { if( 'login' == $handle ) $src = get_bloginfo( 'stylesheet_directory' ) . '/customlogin.css'; return $src; }
Я использовал stylesheet_directory
в get_bloginfo()
чтобы убедиться, что мы указываем правильный каталог для дочерних тем.
Создайте файл, указанный в приведенной выше функции, внутри папки вашей темы, поэтому следуя примеру customlogin.css .
Скопируйте код из этого pastebin , вставьте его во вновь созданный файл CSS и сохраните.
Код в pastebin – это в основном копия login.dev.css из WP 3.0.3, разница в использовании этого подхода – полный контроль над CSS для входа без необходимости переопределения в вашем стиле.
Теперь просто сделайте любые изменения, которые вам нравятся внутри этого файла.
Одно замечание, которое следует учитывать здесь, заключается в том, что в файле входа используются относительные пути для изображений, поэтому таблица стилей как есть указывает на несуществующие изображения.
Однако, поскольку таблица стилей теперь находится в вашем каталоге тем, вы можете использовать относительный путь к каталогу изображений вашей темы, предоставляя вам два простых решения.
Скопируйте исходные изображения из wp-admin/images/
в папку изображений вашей темы и используйте относительный путь (см. Ниже).
Установите стили для использования ваших собственных изображений в папке с изображениями темы с использованием относительного пути, например. images/someimage.jpg
.
Множество плагинов и вариантов – пользовательский вход в систему wordpress – Google Search – но в основном:
Идет в файле functions.php вашей темы:
function custom_loginpage_logo_link($url) { return get_bloginfo('wpurl'); } function custom_loginpage_logo_title($message) { return get_bloginfo('name'); } function custom_loginpage_head() { $stylesheet_uri = get_bloginfo('template_url')."/login.css"; echo '<link rel="stylesheet" href="'.$stylesheet_uri.'" type="text/css" media="screen" />'; } add_filter("login_headerurl","custom_loginpage_logo_link"); add_filter("login_headertitle","custom_loginpage_logo_title"); add_action("login_head","custom_loginpage_head");
И создайте файл под названием login.css для своего каталога тем и внесите в него изменения CSS:
html, body.login {background-color: #464646;} #login h1 a {height:160px;background: url(images/mylogo.jpg) no-repeat top center;} #login .message {display:none;} #login form {background-color: #c2c2c2;} #login label {color: #111;} #login input {border: 1px solid #999;} .login #login p#nav a:link, .login #login p#nav a:visited, .login #login p#nav a:hover, .login #login p#nav a:active {text-decoration:none; color: #fff !important} #nav {color: #fff; font-weight: bold}
В этой статье WPEngineer вы должны начать с изменения логотипа, имени и ссылки на страницу входа в WordPress.
Скопируйте и вставьте код в файл theme.php темы.
function change_my_wp_login_image() { echo " <style> body.login #login h1 a { background: url('".get_bloginfo('template_url')."/images/your_image_name') 8px 0 no-repeat transparent; background-position: center; height: 100px; width: 320px; background-color: #E48C07; } </style> "; } add_action("login_head", "change_my_wp_login_image");
вы можете следить за ссылкой ссылки для настройки интерфейса входа в WordPress