Tecnología

Inicio

Cómo cambiar las dimensiones de WordPress Nube de Etiquetas

Cómo cambiar las dimensiones de WordPress Nube de Etiquetas


Las nubes de etiquetas lista cada etiqueta en su blog de WordPress en una manera que hace que las etiquetas comunes aparecen en fuentes grandes y menos frecuentes las etiquetas aparecen en las fuentes pequeñas. WordPress viene con un widget de la nube de etiquetas integrado simplemente titulado "nube de etiquetas". Este widget genera un DIV con un ID de "tagcloud", por lo que puede usarlo para escribir Cascading Style Sheet, o CSS, código para cambiar las dimensiones nube de etiquetas. Se puede establecer una anchura, altura, altura mínima o una combinación de cualquiera de los tres.

Instrucciones

1 Navegue hasta el directorio wp-admin de su sitio web e iniciar sesión en el panel de WordPress.

2 Haga clic en "Apariencia" en el menú de la izquierda del tablero de instrumentos y haga clic en "Editor" para cargar la "edición de temas" pantalla. Encontrar el archivo style.css incluidos en "Plantillas" y haga clic en su enlace para cargarlo en el cuadro de edición.

3 Añadir esta línea al final del código en el archivo style.css:

nube de etiquetas {

anchura: XXpx;

altura: XXpx;

}

Reemplazar "XX" con la anchura o la altura en píxeles. Tener cuidado al ajustar la altura, ya que podría cortar algunas etiquetas. Puede dejar esa línea de código a cabo si no se necesita una altura específica. Ajuste "min-height" si desea que el cuadro de crecer en tamaño, según sea necesario, pero ocupan una cantidad mínima de espacio vertical.

4 Haga clic en el botón azul "Actualizar archivo" para guardar los cambios. Compruebe su sitio web en el navegador para asegurarse de que la nube de etiquetas se ve bien con sus nuevas dimensiones. Prueba a eliminar "altura: XXpx" si hay un problema.

Consejos y advertencias

  • Para comprobar si una línea de código CSS está causando problemas, lo envuelve en marcas de comentario como este: / * Altura: XXpx; * /. Guarde el archivo y comprobar el sitio web de nuevo.
  • Copia de seguridad del archivo antes de editar style.css.