Contenido
- Estilo CSS de columna
- Cambiar el tamaño de las columnas
- consideraciones
- Otras opciones de estilo para columnas
Aprende a manipular el CSS y ganar el poder de remodelar el visual de tu blog Tumblr. Las columnas, por ejemplo, dividen su blog en secciones verticales que aparecen horizontalmente a través de la página Web. Cada columna tiene un ancho específico. Cambia los anchos y el diseño de tu página, modificando el código CSS del blog.
Estilo CSS de columna
Muchas páginas Web se componen de dos o más columnas. El lado izquierdo de una página puede contener un menú de navegación, la columna media puede mostrar el contenido principal de la página, y una columna opcional a la derecha puede mostrar vínculos y anuncios. Los desarrolladores Web utilizan el CSS - también conocido como Cascading Style Sheets - para crear estas columnas. El atributo "width" CSS, que representa el ancho del elemento, es uno de los atributos más importantes utilizados en CSS para cambiar la forma en que aparecen las columnas en una página Web. Haga el valor del atributo de ancho mayor y una columna se extiende. Reduzca el valor para dejar la columna más estrecha.
Cambiar el tamaño de las columnas
Usted debe comprar una actualización antes de cambiar el CSS que configura su página del blog y de las columnas. Después de actualizar, hacer clic en "Diseño personalizado" en su Dashboard le redirirá a una página de diseño. Esta página tiene dos opciones para la edición de CSS. Una opción le permite actualizar el código CSS de su blog existente. Si elige esta opción, puede actualizar los valores de ancho de las etiquetas CSS que definen las columnas del blog. Seleccione la opción "Empezar desde cero" si prefiere crear su propio código CSS. Esta opción le ofrece más control sobre cómo su blog aparecerá, pero requiere más conocimiento sobre los estilos CSS.
consideraciones
WordPress recomienda agregar la opción "edit-css-content-width" en su CSS si cambia el ancho de la columna que mantiene el contenido principal. Cuando los navegadores visualizan esta opción, ajustan el tamaño de los vídeos y otros objetos multimedia, como las imágenes, para que encajen dentro de la columna de contenido principal. Al hacer columnas más amplias, considere la visualización de su público. No todos tienen monitores con la pantalla ancha. Si usted hace sus columnas muy grandes, los visitantes de su blog tendrán que rodar la pantalla para visualizar todo el contenido.
Otras opciones de estilo para columnas
También puede ajustar la apariencia de su blog cambiando el orden de las columnas en el tema de WordPress estándar. La pestaña "Opciones del tema", que se encuentra en la página Dashboard, contiene tres opciones de diseño que puede aplicar instantáneamente en su blog. Seleccione una de las opciones para que su contenido principal se muestre en la columna de la izquierda, en la columna de la derecha o en el centro de la página. La última opción elimina todas las barras laterales en el blog y deja una gran columna que muestra su contenido principal en el centro de la página. Antes de cambiar los tamaños de sus columnas usando CSS, trate de considerar estas opciones para ver cómo afectan la apariencia de su blog. Usted puede tener gusto de una de ellas.