Está en la página 1de 2

Buenos tips relacionado a Elegantthemes que no te puedes

perder
Para instalar una nueva plantilla nos vamos al men Apariencia/Temas aqu vemos las 3 que
vienen instaladas por defecto con el WordPress que instalamos, marcamos aadir nuevo, existen
muchsimas plantillas de WordPress, aqu te muestra algunas que tienen ellos en su catalogo, lo
que debemos hacer para subir un nuevo tema, yo todos los temas los centrare en elegant themes
divi, le daremos subir, examinar, una vez tenemos seleccionada la plantilla desde el ordenador le
damos instalar ahora, dependiendo de lo rpido que sea nuestro servidor este proceso puede tardar
ms o menos, fjate en la pgina de abajo a la izquierda, ah puedes ver si est esperando aun la
subida o el estado en que se est subiendo el archivo; una vez se ha subi el tema y se ha instalado
correctamente podemos tener una vista previa o directamente activarlo, una vez lo activamos ya nos
aparece junto a los otros temas que venan por defecto ya instalados, vemos que es el que est
activo actualmente y nos indica que como acabamos de realizar la instalacin del tema divi
debemos ir al panel de control de esta plantilla y configurar alguno de los parmetros que tenemos
all como veremos en el siguiente video, una vez tenemos instalada la plantilla divi vamos a ver el
resultado, primero como lo elegant themes tenamos con la plantilla que tenia por defecto y luego
como se ve con la plantilla aplicada; puedes decir que prcticamente es lo mismo o incluso peor
pero lo que veremos en los siguientes videos es como transformar esto en algo como lo que se
mostraba anteriormente incluso diversas opciones como hacer una pgina bsica, una corporativa,
una de compaa; todo esto de aqu son como diseos preestablecidos, por ejemplo este de
aqu si lo instalamos obtenemos un resultado como el que se muestra en nuestra pgina principal
que luego podramos tener enlazado a nuestro blog o incluso mostrar en una zona las entradas del
blog por ejemplo las entradas del blog podramos estar mostrndolas en la zona que nosotros
eligiramos en nuestra pgina principal, de esta forma combinamos los dos puntos fuertes que
tendramos que sera una pgina principal muy atractiva, combinada con la potencia que nos
dara el blog con respecto al contenido y al posicionamiento web.

En el siguiente video vamos a ver lo rpido que sera pasar de un diseo como este, donde solo
tenemos instalada la plantilla divi, a uno como este de aqu en el caso que hubisemos diseado
el tipo de diseo para nuestra web, en cuestin de unos pocos clics ya tendramos todo este pre
diseo instalado y preparado para que sustituyamos todos estos textos y las imgenes por las de
nuestro proyecto.

Vamos a ver como modificar los datos de las barras de la derecha, aqu tenemos un modulo que se
encarga de crear un divisor luego vamos a los ajustes, por ejemplo podemos cambiar el color, le
damos a negro y guardamos, le damos actualizar y actualizamos nuestra pgina vemos como
aparece ah lo que sera el divisor, esto est colocado mas para distribuir el modulo de una forma
que quede alineado con el que est a la izquierda, si vamos de nuevo a los ajustes del divisor le
decimos que no muestre el separador, ahora le decimos que lo queremos en blanco, guardamos y
actualizamos y vemos como ha subido y se ha colocado ms o menos en la misma alineacin con el
otro modulo que est a la izquierda, si eliminramos el modulo del separador podemos ver como el
modulo va ir hacia arriba. En lugar de eliminarlo lo colocare debajo para ver cmo afecta a la
posicin, si le damos actualizar a la pagina vemos como el modulo Cupones Hostgator 2015 se ha
subido a la altura del ttulo de la izquierda, como hemos colocado debajo el modulo del separador

pues no nos afecta, no lo apreciamos pero vemos como el derecho subi a la altura del ttulo, eso
va a depender de cmo lo queramos distribuir, si vemos que as nos gusta ms pues lo dejamos
as y si queremos que ese modulo este alineado con las pestaas de la izquierda y quede el titulo
ms limpio en su horizontal pues lo que tenemos que hacer es arrastrar de nuevo el divisor a la
parte superior derecha y darle actualizar y si actualizamos la pagina ya nos quedara como lo tenamos originalmente. Ahora vamos a ver como modificar los datos de las barras como tal, para ellos
entraramos en ajustes y repetiramos la dinmica de los otros mdulos, entraramos en cada
uno de ellos y modificaramos lo que es el titulo como el porcentaje que muestra para la barra,
luego de eso le daramos a guardar y haramos lo mismo con las dems, una vez ya tenemos
configuradas las barras podemos aadir otra barra si queremos y ms abajo podemos controlar
los colores, tanto el color del fondo como el color de la barra que muestra el porcentaje que le
hemos indicado, le daramos a guardar, actualizar y si actualizamos de nuevo la pagina vemos como
se han modificado los datos y que los colores correspondientes son los que tenamos ah indicados.

También podría gustarte