Mudar imagem login WordPress
Este post é uma versão mais actualizada do post e aplica-se a todas as versões do wordpress. Mudar imagem login WordPress para a tua própria imagem.
- Cria uma imagem com 310px de largura, a altura fica à tua escolha, que será o teu logo, dá-lhe o nome de “logo-login.gif”, por exemplo.
- Copia-a para o teu site, coloca-a numa pasta dentro da pasta do teu tema por exemplo “/[o teu site]/wp-content/themes/[o teu tema]/images/”.
Coloca o código abaixo no ficheiro “functions.php” do teu tema.
/* --------------------------------------------------------- CSS necessário para alterar a imagem */ function page_login_logo() { echo " <style> body.login #login h1 { width:320px; /* Caso seja necessário criar um fundo de outra cor */ /* background-color:#ffffff; */ /* caso queira adicionar uma sombra */ /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); */ } body.login #login h1 a { background-image: url('".get_stylesheet_directory_uri()."/images/logo-login.gif'); background-size: 310px 70px; /* Largura Altura */ background-position: center center; background-repeat: no-repeat; height: 70px; /* altura da div */ width: 310px; /* largura da div */ padding: 0px; overflow: hidden; display: block; }</style>\n"; } add_action("login_head", "page_login_logo"); /* --------------------------------------------------------- reescrever o link, fica directo para a raiz do nosso site */ function page_login_url_home(){ return get_bloginfo('url'); } add_filter('login_headerurl', 'page_login_url_home'); /* --------------------------------------------------------- reescrever o titulo do link, fica com o nome do nosso site */ function page_login_logo_title() { return esc_attr(get_bloginfo('name')); } add_filter('login_headertitle', 'page_login_logo_title');
Se tudo estiver correcto o resultado é um ecran de login mais personalizado.
Uma ideia sobre "Mudar imagem login WordPress"