La guía para customizar temas de wordpress. Imágenes de fondo, header, iconos, texto con sombra, widgets, adsense, marcadores sociales, etc.
Nos gustan las páginas que tienen diseño bonito. La mejor guía para customizar la página es forum de soporte del tema.
Requisitos:
- 2 instalaciones de wordpress (una de prueba, otra real)
- tema de nuestro agrado
- editor de imágenes (photoshop o gimp)
- inglés a nivel lectura o google traductor
- foro de soporte de tema
- filezilla u otro programa de FTP
Instalación de tema
- en wordpress 8.5 vamos a Escritorio/Apariencia/Añadir y elegiremos tema para instalar. Activaremos y ctrl F5 – recargaremos nuestra página. Podemos ver nuestro tema
- para customizar el tema necesitaremos descargar el zip de wordpress.org/extend/themes
Customizar imágenes
- tema.zip extraer aquí y buscamos carpeta imágenes
- con nuestro editor de imagen abriremos header.jpg y cambiaremos colores, añadimos imágenes, etc. Guardar para web. El tamaño final debe ser muy parecido al tamaño original
- con nuestro editor de imagen abriremos “otro.jpg u otro.gif u otro.png” y cambiaremos colores, añadimos imágenes, reemplazamos iconos, etc. Guardar para web. El tamaño final debe ser muy parecido al tamaño original
- Abrimos filezilla y reemplazamos los imágenes en public_html/wp-content/themes/”nuestro tema”
Texto con sombra
- ejemplo zrfree.com
- wordpress plugin drop shadow, desventajas – carga la página
- wordpress demo Escritorio/Apariencia/Editor abriremos en dos pestañas style.css y buscamos por h3, h2, h1 text añadimos detrás {text-shadow: 01em 01.em #333} Guardar los cambios. Ctrl F5. Nos gusta bien. Si queremos otro resultado hay que buscar en google text-shadow:
Widgets
- están en sidebar. Podemos buscar temas con sidebars en header, footer, body (atahualpa, hybrid, thematic)
- podemos descargar widgets para sidebar de wordpress.org/extend/plugins – recomiendo popular posts…
- podemos usar widget texto y poner dentro html
- podemos navegar por ejemplo a twitter.com/downloads elegir el diseño, copiar código, usar widget texto y pegar. Guardar. Ctrl F5
Adsense
- existen plugins wordpress.org/extend/plugins/search.php?q=adsense - desventaja insertan más codigo
- recomiendo plugin – post layout
- si tienes tema con sidebars dentro de body puedes insertar adsense script dentro de widget texto
Marcadores sociales
- existen plugins wordpress.org/extend/plugins/search.php?q=social+bookmarks – desventaja cargan la página
- cada icono es una carga. Solución. No usar iconos. O usar servicio externo como add this
Artículos relacionados:
Stumble It!
Comentarios Recientes