Modificar y Editar Tema WordPress

Una vez que hemos elegido un Tema WordPress para nuestro Blog; después de tanto buscar y buscar; a muchos nos ha pasado que queremos modificar y editar algunas características o detalles que nos parecen apropiados para el estilo que queremos darle de manera que podamos darle el acabado final y personal que deseamos.

Ya sea desde cambiar el tipo de Fuente, el tamaño y color de algunos títulos en nuestro Blog o realizar cambios más aventurados en la estructura de la página resulta muy útil en estos casos ubicar el lugar exacto del código que controla estas características en la Hoja de Estilos (style.css) de nuestro Tema WordPress que se encuentra en la Barra de Herramientas a la izquierda del Panel de WodPress en <Apariencia>, <Editor>

Para hacer esto seguiremos los siguientes pasos:

1.- Utilizando el Navegador Mozilla Firefox, cargamos nuestra página.

2.- Luego nos dirigimos al Menu <Herramientas>, <Desarrollador Web>, <Firebug>, <Abrir Firebug>.

3.- Aparecerá una ventana adicional en la mitad inferior de la página; enseguida vamos a <opciones de Firebug> que se encuentra a la izquierda como un botón pequeño con la imagen de un escarabajo, elegimos <inspeccionar elemento>.

En ese momento podremos ubicar el código que controla cada elemento de nuestra página colocando el cursor sobre esta; la ubicación del código aparecerá en la barra de la derecha. Esa será la ubicación del código en nuestra Hoja de Estilo (style.css) en nuestro Tema WordPress y es allí donde podremos hacer las modificaciones.

Por ejemplo, los siguientes atributos cambian el color y el tamaño de la fuente del elemento señalado.

color:  # 0459AE;
Font-size: 19px;  (tamaño de fuente)

 

En este otro ejemplo el codigo controla las siguientes caracteristicas del elemento señalado:

eight: 280px; (altura)
margin-right: 120px; (margen derecho)
width: 480px; (ancho)

En un principio puede parecernos complicado ver estos códigos; como también me sucedió; pero si empezamos modificando pequeñas características podremos ir aventurándonos a hacer más cambios cada vez y entendiendo poco a poco el código de las hojas de estilo y el html, lo que hará más fácil esta tarea. En algún momento nos veremos realizando modificaciones estructurales de todo el Tema lo que depurará más nuestro estilo convirtiendo nuestro Blog en un sitio original y único.

Es muy recomendable; si vamos a ir modificando nuestro Tema desde la Hoja de Estilos y las Plantillas hacer una copia de seguridad de nuestro Tema desde FTP siguiendo la ruta del directorio raíz en public-html/wp-content/themes/nombre del tema.

Siempre existe la posibilidad que hagamos alguna modificación errónea o ingresemos algún código equivocado y la página no se cargue. En tal caso sólo debemos cargar nuevamente los archivos de respaldo del tema y todo deberá funcionar correctamente.

CATEGORIAS RELACIONADAS: Crear un Blog / General / Temas WordPress ETIQUETAS: , , , , , , , ,
COMPARTELO :Publica o Envía este Post a un Amigo de tu Red Social
(aparecerá la imagen y un resumen del post):

Compartelo en Facebook   Stumble Aqui   Digg Aqui!   Añadir a Delicious!

Un Comentario

  1. Pingback: Bitacoras.com

Deja tu Comentario

Tu dirección de correo electrónico no será publicada.

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Copy Protected by Chetans WP-Copyprotect.