Personalizando Tu Blog

45
By VaLOmA

description

Pequeño tutorial en el que trato de explicar como cambiar el diseño de un blog...vendria a ser la segunda parte de "Creando un Blog"

Transcript of Personalizando Tu Blog

Page 1: Personalizando Tu Blog

By VaLOmA

Page 2: Personalizando Tu Blog

•Fundamentalmente, el sistema de Tema WordPress es una manera de "piel" de tu weblog.

•Sin embargo, WordPress Themes puede proveer mucho más control sobre el estilo y presentación del material de tu sitio web.

•Con este poderoso control sobre como páginas y categorías diferentes pueden verse en tu sitio, sólo tiene el límite de la imaginación.

Page 3: Personalizando Tu Blog

•Favicon (del ingles 'Favorites Icon') es una pequeña imagen asociada con un sitio web, esta imagen o icono se muestra en los navegadores junto a la dirección de un sitio web y sirve para identificar de forma visual un determinado sitio web.

•La imagen en mención, normalmente es un logo o icono distintivo y sirve para promocionar tu imagen, tu marca y crear sitios más personalizados.

•Normalmente los desarrolladores profesionales, lo hacen para sus clientes.

Page 4: Personalizando Tu Blog

Ahora síManos a la

Obra!

Page 5: Personalizando Tu Blog

•Existen muchas páginas web que ofrecen buenos temas, o themes, para wordpress (puedes buscarlas en Google).

•Te dejo las mejores páginas que encontré:

http://topwpthemes.com/http://www.wpthemesfree.com/http://freethemelayouts.com/

•Busca un tema que te llame la atención, descarga el zip (download) y descomprímelo en tu computador.

•Necesitas un FTP client para poder pasar archivos a tu host, te recomiendo que uses el Filezilla…

Page 6: Personalizando Tu Blog

•De igual manera existen muchos plugins en muchas paginas web o blogs…

•Personalemente solo he trabajado a fondo con el MaxBlogPress Favicon y este es el que vamos a usar en este tutorial

•Descarga aquí este plugin y descomprimelo en tu computador.

•Usa un FTP client (Filezilla), accede al host de tu servidor web y luego…

Page 7: Personalizando Tu Blog

En la sección “Sitio Remoto”

ingresa a la carpeta con el nombre de tu

dominio…

Page 8: Personalizando Tu Blog

Ahora a la carpeta htdocs…

Page 9: Personalizando Tu Blog

Ahora en la carpeta htdocs…

Allí ingresa a la carpeta wp-content…

Page 10: Personalizando Tu Blog

Y allí a themes

Page 11: Personalizando Tu Blog

En la sección “Servicio local” ve

hasta el lugar donde

descomprimiste el zip del tema que

escogiste

Page 12: Personalizando Tu Blog

Selecciona la carpeta que te genero el zip, de

la sección (1), y arrástrala hasta la

sección (2)

(1) (2)

Page 13: Personalizando Tu Blog

Espera a que todos los archivos

se hallan transferido…

Page 14: Personalizando Tu Blog

Ahora has click en la carpeta “plugins”

ubicada en el panel superior al que te

encuentras

Page 15: Personalizando Tu Blog

En la sección “Servicio local” ve al el lugar donde

descomprimiste el zip con el plugin

Page 16: Personalizando Tu Blog

Selecciona la carpeta que te genero el zip, de la

sección (1), y arrástrala hasta la sección (2)

(1) (2)

Page 17: Personalizando Tu Blog

Espera a que todo se halla transferido

correctamente a la carpeta plugins y…

Page 18: Personalizando Tu Blog

•Accede al panel de control de tu blog…

•Esto lo puedes hacer directamente escribiendo esto en tu navegador:

http://tudominio/wp-admin

•Por ejemplo:

http://creandounblog.co.cc/wp-admin

•Si no has iniciado sesión, el navegador te redireccionará automáticamente para que lo hagas.

•Estando en el panel de control…

Page 19: Personalizando Tu Blog

Has click en la sección

“Aspecto”

Page 20: Personalizando Tu Blog

Ahora has click sobre la imagen del tema que escogiste

Page 21: Personalizando Tu Blog

En la “ventana” que te aparece

has click en “Activar…”

Page 22: Personalizando Tu Blog

Con esto ya queda tu nuevo tema, ahora

sigamos con tu favicon

Page 23: Personalizando Tu Blog

Has click en la sección

“Plugins” del panel de control

Page 24: Personalizando Tu Blog

En el campo del plugin de

MaxBlog… has click en

“Activar”

Page 25: Personalizando Tu Blog

Ahora has click en la sección

“Opciones”

Page 26: Personalizando Tu Blog

En el subpanel de

<<Opciones>> has click en

“MBP Favicon”

Page 27: Personalizando Tu Blog

Llena los campos con tus

datos y has click en

“Register”

Page 28: Personalizando Tu Blog

Puede ser que necesites un codigo de activación para

empezar a usar bien este plugin

Page 29: Personalizando Tu Blog

De ser asi, revisa tu correo y sigue las instrucciones

De no ser así, sigue

con el tuto…

Page 30: Personalizando Tu Blog

Opción 1: Escoger uno de los iconos que trae este plugin por

defecto…

Page 31: Personalizando Tu Blog

Selecciona uno de los iconos luego

has click en “Save”

Page 32: Personalizando Tu Blog

Opción 2: Escoger un icono

que tengas guardado en tu

computador

Page 33: Personalizando Tu Blog

Has click en el CheckBox de la

segunda opción y luego has click en

examinar…

Page 34: Personalizando Tu Blog

Busca en tu computador el

icono que quieres y has click en “Abrir”

Page 35: Personalizando Tu Blog

Click en “Save”

Page 36: Personalizando Tu Blog

Opción 3: “Hacer” tu

propio favicon

Page 37: Personalizando Tu Blog

•Si quieres que tu favicono quede con transparencias (1), usa una imagen en formato png que las tenga

•De no ser asi (2), puedes usar cualquier formato de imagen.

•Existen muchas páginas que te van a permitir, de forma online, crear tu favicon. Esta fue la mejor que encontré:

http://faviconsfor.us/

•Ingresa a esta página y…

(1)

(2)

Page 38: Personalizando Tu Blog

Has click en el

“Examinar”…

Page 39: Personalizando Tu Blog

Busca la imagen que deseas

convertir a favicon y has click en

“Abrir”

Page 40: Personalizando Tu Blog

Click en “3!”

Page 41: Personalizando Tu Blog

Ahora, en “Click

here…”

Page 42: Personalizando Tu Blog

Click contrario sobre la imagen y luego click en “Guardar

imagen…”

Page 43: Personalizando Tu Blog

Repite los pasos de la Opción 2

y Listo!

Page 44: Personalizando Tu Blog

•Para agregar un tema, lo debes hacer en el directorio wp-content/themes usando un FTP client, y luego seleccionarlo en la sección “Aspecto” del panel de control de tu blog.

•Para agregar un plugin, lo debes hacer en el directorio wp-content/plugins usando también, un FTP client.

•Y después de echarle mucha cabeza, finalmente he llegado a la conclusión de que ya se acabo el tutorial :P, así que…

Page 45: Personalizando Tu Blog