Intereting Posts
Добавить выходную запись при входе в систему, заставить ее исчезнуть при выходе из системы? Недавние сообщения У виджета есть несколько старых сообщений наверху? Пользовательские типы сообщений 404 Проблема условно загрузить javascript и CSS для do_action () звонков из плагина Как использовать функцию checked () с несколькими группами флажков? Как правильно дезинфицировать эту группу флажков? Как добавить пользовательскую таксономию в плагин Woocommerce Поиск страниц пользовательского типа и пользовательских полей в 2 раскрывающихся списках? Правильная реализация Javascript Как я могу скрыть сообщения, которым больше 2 лет Как подавить переадресацию кликов привязки в кадре предварительного просмотра? next_post_link о пользовательской таксономии По возрастанию имеет странные последствия для цикла wordpress Как заставить WordPress и TinyMCE принимать теги <a>, которые обертывают элементы блочного уровня, разрешенные в HTML5? Как я могу остановить загрузчик WP media от создания дубликатов моих загруженных изображений? Неправильные заголовки для контактной формы

Как изменить логотип на странице входа?

Прямо сейчас на моей странице входа отображается логотип WordPress. Как мне изменить его на мой логотип?

Вот довольно простой подход к изменению логотипа. Марк Джаквит из WordPress выпустил плагин, который позволяет загружать изображение, которое будет отображаться на странице входа, а не на логотип WP.

Настройка логотипа экрана входа в WordPress

Я лично сделал бы это так.

Захватите логин и добавьте дополнительный CSS

Крюк в конце, и ваш стиль будет включен после включения входа в систему 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 параметра для функции обратного вызова.

  • Первому параметру присваивается url или src таблицы стилей.
  • Второй – заданная рукоятка очереди, например. 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