Estaba rediseñando un sitio en wordpress y tuve el problema de que las imagenes destacadas se veían muy pequeñas para mi gusto.
Encontrar la solución fue un dolor de cabeza pero finalmente la encontré.
Para ello usé el siguiente atributo:
.featured_image Finalmente quedaría algo así:
.featured_image {
width: 640px;
height: 100%;
margin-top:5px;
background:#fff;
border:5px;
padding:0;
}
Aclaro que el atributo widht es el ancho, y height el largo de la imagen, por defecto recomiendo dejarlo en 100% porque si la imagen original es demasiado larga o alta se deformaría si la limitamos.
Luego hace falta incluir el siguiente código en functions.php , yo lo coloqué al final de la hoja y funciona, lo que hace es preformatear con una nueva dimensión a las nuevas imágenes subidas al post como destacadas. Lo unico que hay que modificar el widht y el height de la imagen para que coincida con el que elegimos para la hoja de estilo, en este caso son 350w (pixeles) por 350h .
add_action( 'do_meta_boxes', 'tam_thumbnail_personalizado' );
function tam_thumbnail_personalizado( $post_type ) {
global $wp_meta_boxes;
if ( ! current_theme_supports( 'post-thumbnails', $post_type ) || ! post_type_supports( $post_type, 'thumbnail' ) )
return;
foreach ( $wp_meta_boxes[ $post_type ] as $context => $priorities )
foreach ( $priorities as $priority => $meta_boxes )
foreach ( $meta_boxes as $id => $box )
if ( 'postimagediv' == $id )
$wp_meta_boxes[ $post_type ][ $context ][ $priority ][ $id ]['title'] .= ' 350w x 350h';
remove_action( 'do_meta_boxes', 'tam_thumbnail_personalizado' );
}
Otro cambio que hice desde el escritorio de mi wordpress y que algo aportó fue entrar en ajustes/media y hacer coincidir el ancho y largo del standar medio con el que elegí en los dos anteriores pasos.
domingo, 17 de julio de 2016
Modificar tamaño de imagen destacada en wordpress |
Omitir partes de tu wordpress en versión móvil con css |
Estaba rediseñando un sitio de un cliente, en wordpress, me surgió el problema de que no me agradaba como quedaba un menú así que lo reemplacé por otro móvil.
Pero cómo quitar el anterior menú? no quise complicarme demasiado así que busqué una forma de que el menú no se viera en las versiones móviles.
Para eso recurrí al estilo, encontré 2 códigos que permite que ciertas partes de nuestro sitio no se visualicen a partir de cierta dimensión de pantalla. El primer código es el siguiente:
@media screen and (max-width: 980px) {
En mi caso tenía el siguiente elemento, lo que hice fue pegar el código anterior en la primera linea:
#secondarymenu, #mainmenu {
background:#000;
display:none;
padding:0;
margin-top:0px;
}De modo que quedó así:
@media screen and (max-width: 980px) {
#secondarymenu, #mainmenu {
background:#000;
display:none;
padding:0;
margin-top:0px;
}Pero hay otro elemento clave: el display:none; Con el nos aseguramos que ese fragmento desaparezca por completo de las versiones de pantalla inferiores a 980px
martes, 9 de febrero de 2016
Traducir un theme de wordpress |
Llevo algunos días quebrando mi cabeza para poder traducir un theme de wp con el que estoy trabajando, luego de seguir sin éxito algunos tutoriales al final encontré la solución mirando en los directorios de mi wordpress.
Si tu theme está en otro idioma (por lo general en inglés), puedes traducirlo a tu lengua, en nuestro caso el español, uno de los metodos para hacerlo es usando un programa llamado poedit.
La traducción del theme está guardado en los archivos del mismo, por lo gral en el directorio "languajes" encontrarás unos archivos de extensión .po y .mo, lo que haremos es instalar poedit y abrir con ese softwaer el archivo .po que por defecto trae el theme que estamos usando.
El programa es muy sencillo y con la ayuda de por ejemplo google traslater se puede ir traduciendo todo. Una vez que tenemos traducido lo que queremos, lo guardamos en nuestra pc, y lo subimos via FTP a nuestro servidor donde tenemos alojado el wordpress.
Para que la traducción funcione es muy importante que el archivo se guarde con el nombre código de cada idioma, en el caso del español se lo debe nombrar como "es_ES", así nos quedarán un archivo es_ES.po y un es_ES.mo .
Ahora bien, como digo, esos archivos los subiremos al directo wp-content/languages/themes, así sin agregar nada de código nuestro theme tanto en su parte externa e interna ya debería verse traducido. Espero que les haya servido esta información y cualquier duda o consulta pueden escribir un comentario que con gusto les responderé!.