Plugins y algunos trucos para WP

Cambiar el diseño de cada post o artículo individualmente

Cambiar el diseño de cada post o artículo individualmente

Esto que parece muy complicado, se hace muy fácil con el pluguin: Custom Post Template

http://wordpress.org/plugins/custom-post-template/

Despues de instalarlo has de crear diferentes plantillas teniendo como base el archivo single.php añadiendo en la cabecera esto:

 

<?php /* Template Name Posts: Snarfer */ ?>

 


De esta manera podrás seleccionar para cada post o artículo en particular el diseño que quieras.

Podremos asignar a cada post si queremos o no un Siderbar, o que el título lo queremos en mayúsculas o negrita.


Añadir o poner imagen de fondo en DIV

Añadir o poner imagen de fondo en DIV:

Como añadir o poner una fotografía de fondo en un DIV.

Añadiendo en el CSS «background» de la siguiente manera:

(Ejemplo con un div#sidebar)

#sidebar { width: 238px; float:left; padding-top: 35px; padding-left: 40px;  background: url(«images/afondo2.png»);background-repeat:no-repeat; background-position:right bottom; }

A parte de seleccionar la imagen, podemos definir otras características:

background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
background-repeat:repeat-y;

y algunas más.

(Aconsejable que la foto sea un poco transparente por si tapa algo de texto o contenido de la web)

 


Cambiar la imagen de login de WordPress

Cambiar la imagen de login de WordPress:

¿Como cambiar la típica imagen de inicio de Worpress cuando hacemos el login?

fácil…cambiando solo el CSS.

vuestraweb/wp-admin/css/wp-admin.min.css

en lugar de:

background-image:url(‘../images/wordpress-logo.png?ver=20120216’)

 

pondremos al URL de la imagen que queramos (si la subimos con el propio WP será más facil copiar y pegar la URL)

Si el tamaño de vuestra imagen es muy diferente a 274 x 63 tendreis un problemilla, entonces hay que modificar más css:

.login h1 a {
background-image: url(«../images/wordpress-logo.png?ver=20120216»);  /////CAMBIAR IMAGEN
background-size: 274px 63px;   ////MEDIDAS DE LA IMAGEN
background-position: center top;
background-repeat: no-repeat;
width: 326px;   //////OJO SI CAMBIAS EL TAMAÑO TAMBIEN CAMBIAR ESTO
height: 67px;
text-indent: -9999px;
outline: 0px none;
overflow: hidden;
padding-bottom: 15px;
display: block;

 


Powered by WordPress | Designed by Elegant ThemesPolítica de privacidad