Categoría: Diseño web

Rediseño de la estructura y apariencia básica de un sitio web (II)

Previamente en esta serie: Antes de empezar con los pasos que tenía previstos para esta segunda parte, borré el contenido del archivo estilos.css (que hasta el momento, solo definía la tipografía general de la página y el ancho de la imagen). Esto porque, antes de empezar a escribir las reglas de estilo, conviene resetear los estilos predefinidos de los navegadores...

LEER MÁS Rediseño de la estructura y apariencia básica de un sitio web (II)

Rediseño de la estructura y apariencia básica de un sitio web (I)

Me propongo comenzar un proceso de diseño de un sitio web básico que pueda utilizar luego en el rediseño de un par de sitios que mantengo (uno con WordPress y el otro escribiendo directamente el código php) y, quizás, también el de este mismo blog. Además, no se trataría solo de un cambio de apariencia, sino también de la gestión,...

LEER MÁS Rediseño de la estructura y apariencia básica de un sitio web (I)

Cómo solucionar el error crítico “Allowed memory size … exhausted…” de WordPress

Hace algunos días, en una web que mantengo con WordPress, en vez de mostrarse el sitio se veía un mensaje de error que decía: «Ha habido un error crítico en esta web», pero no daba muchos más datos sobre el tipo de error. Tampoco se podía entrar al área de administración (el “Escritorio” de WordPress). En ese mensaje de error,...

LEER MÁS Cómo solucionar el error crítico “Allowed memory size … exhausted…” de WordPress

Usar la Cuadrícula CSS (CSS Grid) de manera correcta (por Violet Peña)

A través de CSS-Tricks di con el artículo “Using CSS Grid the right way”, de Violet Peña. Muy amablemente la autora me dio permiso para traducir y publicar el artículo aquí. Espero que también les guste. (El artículo original y en inglés, fue publicado el 17 de febrero de 2019). Use nombres. Use frs. No utilice un sistema de cuadrícula....

LEER MÁS Usar la Cuadrícula CSS (CSS Grid) de manera correcta (por Violet Peña)

Marquesina de artículos con CSS3 (sin javascript)

Supuse el caso de necesitar para una web una especie de slideshow con las introducciones a los artículos destacados. La siguiente es la forma que lo encaré. Escribí el HTML de una página de prueba, a la que le incluí la introducción a tres artículos del blog (uno sobre Scribus, otro sobre Inkscape y el tercero sobre Gimp): El código...

LEER MÁS Marquesina de artículos con CSS3 (sin javascript)

16. Distribuir su Tema de WordPress

ThemeShaper es el sitio del Equipo de Temas de Automattic, que, en junio de 2009, publicaron una muy popular serie de 11 artículos de Ian Stewart, bajo el título: How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial (Como crear un Tema de WordPress: el tutorial definitivo). El año pasado, reflotaron y actualizaron ese tutorial. Esta vez con...

LEER MÁS 16. Distribuir su Tema de WordPress

15. Fondo y cabecera personalizados

ThemeShaper es el sitio del Equipo de Temas de Automattic, que, en junio de 2009, publicaron una muy popular serie de 11 artículos de Ian Stewart, bajo el título: How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial (Como crear un Tema de WordPress: el tutorial definitivo). El año pasado, reflotaron y actualizaron ese tutorial. Esta vez con...

LEER MÁS 15. Fondo y cabecera personalizados

14. Como resetear y reconstruir los CSS de su Tema de WordPress y definir su diseño

ThemeShaper es el sitio del Equipo de Temas de Automattic, que, en junio de 2009, publicaron una muy popular serie de 11 artículos de Ian Stewart, bajo el título: How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial (Como crear un Tema de WordPress: el tutorial definitivo). El año pasado, reflotaron y actualizaron ese tutorial. Esta vez con...

LEER MÁS 14. Como resetear y reconstruir los CSS de su Tema de WordPress y definir su diseño

13. Las plantillas “sidebar” (barra lateral) y “footer” (pie de página) del tema de WordPress

ThemeShaper es el sitio del Equipo de Temas de Automattic, que, en junio de 2009, publicaron una muy popular serie de 11 artículos de Ian Stewart, bajo el título: How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial (Como crear un Tema de WordPress: el tutorial definitivo). El año pasado, reflotaron y actualizaron ese tutorial. Esta vez con...

LEER MÁS 13. Las plantillas “sidebar” (barra lateral) y “footer” (pie de página) del tema de WordPress

12. La plantilla Archivo

ThemeShaper es el sitio del Equipo de Temas de Automattic, que, en junio de 2009, publicaron una muy popular serie de 11 artículos de Ian Stewart, bajo el título: How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial (Como crear un Tema de WordPress: el tutorial definitivo). El año pasado, reflotaron y actualizaron ese tutorial. Esta vez con...

LEER MÁS 12. La plantilla Archivo

11. La plantilla de búsqueda (search) y la plantilla página (page) del tema de WordPress

ThemeShaper es el sitio del Equipo de Temas de Automattic, que, en junio de 2009, publicaron una muy popular serie de 11 artículos de Ian Stewart, bajo el título: How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial (Como crear un Tema de WordPress: el tutorial definitivo). El año pasado, reflotaron y actualizaron ese tutorial. Esta vez con...

LEER MÁS 11. La plantilla de búsqueda (search) y la plantilla página (page) del tema de WordPress