1

Material de apoyo sitios creados en

WordPress

2

NDICE

Configurar nuestro cliente FTP (FileZilla)............................................................................................3

Instalacin de WordPress ...................................................................................................................9

Deshabilitar comentarios en WordPress ..........................................................................................16

Cmo cambiar la apariencia de nuestro sitio web ...........................................................................20

Agregar pgina en WordPress (botones de nuestro men) .............................................................25

Agregar Formulario de Contacto en WordPress ...............................................................................28

Instalar WP Catalogue en nuestro sitio web .......................................................................................35

Agregar nueva categora en WP-Catalogue .....................................................................................39

Nuevo producto con fotografa en WP Catalogue ..........................................................................41

3

Configurar nuestro cliente FTP (FileZilla)

1. Descargamos la ltima versin de FileZilla y la instalamos. La

encontraremos en www.filezilla-project.org.

2. En el programa, en el costado superior izquierdo, bajo Archivo,

presionamos el botn Abrir el Gestor de Sitios.

4

3. En el gestor de sitios, presionamos Nuevo sitio. Escribimos un nombre

para nuestro sitio web.

4. Luego en el espacio que sale Servidor escribimos

ftp.NUESTRODOMINIO.CL. Luego, ms abajo donde sale Modo de

acceso cambiamos Annimo por Normal.

5

5. Luego, necesitamos saber cul es el nombre de usuario y contrasea.

6. Este nombre de usuario es definido por nuestro proveedor de hosting, por

lo que debemos ingresar a nuestro hosting y entrar al CPanel. En l,

buscamos en el apartado Files el botn View FTP Details y lo

presionamos.

6

7. Aqu, debemos anotar el nombre de usuario que aparece en FTP

username. En este ejemplo, es a7517560. Luego presionamos el texto de

color rojo Change account password.

8. Escogemos una contrasea, la introducimos tanto en los espacios Enter

new password y Enter new password again. Finalmente, apretamos

Change.

7

9. Vamos nuevamente a FileZilla y rellenamos los campos faltantes con

nuestro nombre de usuario y contrasea. Presionamos Aceptar para

finalizar.

10. Esta vez, en el costado superior izquierdo, presionamos la pequea flecha

que desplegar los sitios web que tengamos agregados en nuestro

programa. Presionamos el nombre de nuestro sitio web.

8

11. Hemos finalizado de configurar nuestro cliente de FTP FileZilla, con el

cual podemos acceder a subir archivos a nuestro servidor, por ejemplo la

plataforma WordPress que utilizaremos para crear nuestro sitio Web.

9

Instalacin de WordPress

1. Descargamos el archivo ms actual desde la pgina oficial en espaol

(es.wordpress.org) y lo guardamos.

2. Una vez bajado, procedemos a descomprimir la carpeta hacindole clic

derecho, luego clic en Extraer aqu.

10

3. Antes de subir cualquier cosa, necesitamos modificar el archivo wp-

config-sample.php. Para hacerlo, hacemos clic derecho y luego clic sobre

abrir con y escogemos WordPad.

4. Aqu vamos a la parte que dice // ** Ajustes de MySQL. Solicita estos

datos a tu proveedor de alojamiento web. ** //. Debemos modificar el

nombre de la base de datos, nombre de usuario, contrasea MySQL y host

de MySQL.

11

5. Estos datos los encontraremos en nuestro proveedor de hosting en

Software/Services y haciendo clic en MySQL. En este lugar

crearemos una base de datos MySQL. Llenamos los datos en Create new

database and user. En la parte de MySQL database name llenamos con

un nombre cualquiera el sufijo (puede ser nmeros, palabras o nmeros y

palabas, sin espacios, maysculas o caracteres especiales). En nuestro caso

ser nombree. Usamos el mismo en MySQL username. Luego, en

Password for MySQL user, elegimos una contrasea. En nuestro caso

ser ejemplo1. En Enter password again, escribimos nuevamente

nuestra contrasea. Finalmente apretamos el botn Create database.

12

6. En la siguiente pantalla, aparecen los datos que necesitamos para editar

nuestro archivo wp-config-sample.php. Los anotamos en un papel para

tenerlos a mano.

7. Los reemplazamos donde corresponde y guardamos el archivo.

13

8. Luego le cambiamos el nombre a nuestro archivo wp-config-sample.php

por wp-config.php. Para hacerlo, damos clic derecho sobre el archivo y

luego clic en Cambiar nombre.

9. Ingresamos a FileZilla, conectamos con nuestro servidor. Una vez en l,

ingresamos a la carpeta public_html, seleccionamos todos nuestros

archivos de la carpeta WordPress en la ventana izquierda y le hacemos

clic derecho y luego clic en subir.

14

10. Ahora estamos listos para ingresar a la interfaz de WordPress. Escribimos

www.ELNOMBREDENUESTROSITIO.cl/wp-admin/install.php en

nuestro navegador (normalmente ser Internet Explorer) y apretamos

enter. Llenamos todo lo que sea necesario. En nuestro caso pondremos

Sitio de prueba en ttulo, Administrador en nombre de usuario,

nuestra contrasea y el correo electrnico que utilizamos a diario.

Finalmente apretamos el botn Instalar WordPress.

11. En la siguiente ventana apretamos el botn Acceder.

15

12. Aqu ingresamos el nombre de usuario y contrasea que escogimos en el

punto 10 y apretamos el botn Acceder.

13. Hemos finalizado nuestra instalacin de manera exitosa. Estamos listos

para trabajar en WordPress.

16

Deshabilitar comentarios en WordPress

Como WordPress es originalmente un gestor de blogs, viene integrada la

capacidad de poder recibir comentarios. Como nosotros lo utilizaremos como

plataforma para nuestro sitio web, debemos desactivar esta propiedad.

1. En el escritorio de WordPress hacemos clic en Plugins en la barra

principal.

2. Luego hacemos clic en la parte superior donde dice Aadir nuevo.

17

3. En el apartado que dice Buscar introducimos disable comments (en

ingls desactivar comentarios). Hacemos clic en el botn Buscar

plugins.

4. En la prxima pantalla hacemos clic Instalar ahora bajo el plugin

Disable comments. (Reconoceremos el que buscamos por su versin

0,9 y porque fue desarrollado por el Sr. Samir Shah).

18

5. Luego hacemos clic donde dice Activar plugin.

6. Al instalar exitosamente el plugin, nos aparecen 2 bloques amarillos en la

parte superior. Debemos buscar en el primer bloque las palabras

configuration page y hacer clic en ellas.

19

7. Aqu estamos en la pantalla principal de nuestro plugin, donde debemos

seleccionar donde dice Everywhere. Esto desactivar los comentarios en

toda nuestra pgina. Finalmente, apretamos el botn azul que dice

Guardar cambios. Con eso hemos desactivado los comentarios en

nuestras pginas.

20

Cmo cambiar la apariencia de nuestro sitio web

Otra de las ventajas que nos da WordPress es poder modificar la apariencia de

nuestro sitio web. Debemos recordar de todos modos, que la mayor o menor

cantidad de modificaciones depende de nuestro tema.

1. En el escritorio de WordPress presionamos donde dice Apariencia.

2. Luego presionamos donde dice Personalizar.

21

3. En la nueva ventana, tendremos acceso a una nueva barra lateral.

Presionamos donde dice Titulo del sitio y descripcin corta que es lo

que nos interesa. Aqu podemos modificar el ttulo de nuestro sitio, ttulo

que se ve normalmente en la parte superior de nuestro navegador.

Adems, una pequea descripcin de nuestro sitio web.

4. En colores podemos modificar el color de nuestro ttulo, color de fondo

y algunos temas nos permiten modificar otras cosas, como el color de los

enlaces (links).

22

5. En diseo, podemos hacer que nuestro sitio tenga una barra lateral o que

sea de una sola columna (recomendado).

6. En imagen de cabecera, podemos modificar la imagen que tenemos en el

espacio header (cabecera).

23

7. En Imagen de fondo podemos establecer una imagen para el fondo de

nuestro sitio web. Por lo general no se utilizan fotografas grandes

(aumentan el peso de nuestro sitio), sino que patrones que son fotografas

que se repiten infinitamente.

8. Luego, en Portada esttica definimos cual es la pgina a la cual acceder

nuestro visitante cada vez que ingrese a nuestra pgina. Por lo general,

escogemos como Portada nuestra pgina de inicio.

24

9. Finalmente, presionamos donde dice Guardar y publicar. Una vez

guardado, podemos presionar el botn Cerrar.

Estos son en general las formas ms simples que tenemos para modificar nuestro

sitio, sin poner en riesgo la estabilidad o el funcionamiento de nuestro sitio web.

Para ms informacin vaya a los foros de WordPress en espaol

(http://es.forums.wordpress.org/).

25

Agregar pgina en WordPress (botones de nuestro men)

1. En el escritorio de WordPress apretamos donde sale Pginas, al costado

izquierdo en la barra de men principal.

2. Luego, presionamos en la parte superior donde dice Aadir nueva.

26

3. En la prxima ventana, agregamos el ttulo que llevar nuestra nueva

pgina. En la parte de abajo, escribiremos, agregaremos fotografas o

cdigo de algn plugin que deseemos mostrar en nuestra nueva pgina.

Una vez que terminemos, presionamos Publicar en la barra lateral

derecha.

4. En la prxima ventana, veremos exactamente lo mismo que acabamos de

crear, con la diferencia que mostrar una barra amarilla que dice Pgina

publicada. Vista previa.

27

5. Si vamos a nuestra pgina, veremos que est disponible en nuestro men

principal para ser pinchada. Con esto, finalizamos la creacin de una nueva

pgina en nuestro sitio web.

28

Agregar Formulario de Contacto en WordPress

Necesitamos, en nuestro sitio web, un formulario de contacto para que nuestros

clientes puedan comunicarse con nosotros.

1. En nuestro escritorio de WordPress vamos a nuestra barra lateral y

presionamos donde dice Plugins.

2. Luego, en la parte superior hacemos clic donde dice Aadir nuevo.

29

3. En el apartado Buscar escribimos contact form 7. Presionamos el

botn Buscar plugins.

4. Apenas encontremos el plugin Contact Form 7 hacemos clic donde dice

Instalar ahora. Luego presionamos Aceptar.

30

5. En la siguiente pantalla presionamos donde dice Activar plugin.

6. Como podemos apreciar el plugin ha creado un nuevo botn en nuestro

men principal el cual dice Contacto. Lo presionamos.

31

7. Luego veremos los formularios que tenemos y vemos que el plugin crea

uno por defecto llamado Formulario de contacto 1. Presionamos donde

dice editar o simplemente sobre nuestro formulario.

8. En la prxima ventana bajamos hasta donde dice Para en el apartado

E-Mail. Aqu debemos introducir el correo electrnico al cual llegaran

los mensajes que escribirn nuestros clientes.

32

9. Despus de ingresar nuestro correo, subimos nuevamente y apretamos el

botn azul que dice Guardar.

10. Una vez guardado, hacemos clic derecho sobre el texto que est sobre la

barra de color caf y paso siguiente, lo copiamos.

33

11. Vamos a la barra principal del men de WordPress y apretamos donde

dice Pginas.

12. Si no tenemos una pgina creada para nuestro formulario de contacto,

presionamos donde dice Aadir nueva. De lo contrario presionamos

sobre el nombre de pgina donde queremos crear el formulario.

34

13. Le ponemos el ttulo que deseemos, y en la parte de abajo hacemos clic

derecho y pegamos el cdigo que se gener en la barra de color caf en

el paso n 10.

14. Finalmente presionamos el botn azul a nuestra derecha que dice

Publicar. Con esto hemos finalizado de instalar, activar y publicar

nuestro formulario de contacto.

35

Instalar WP Catalogue en nuestro sitio web

1. En nuestro escritorio de WordPress vamos a nuestro men principal y

presionamos donde dice Plugins.

2. Luego arriba al centro presionamos el botn Aadir nuevo.

36

3. En el apartado buscar escribimos wp catalogue y hacemos clic en

Buscar plugins.

4. Buscamos en la lista que nos muestra el plugin WP Catalogue y

presionamos donde dice Instalar ahora.

37

5. Una vez finalizada la instalacin, presionamos donde dice Activar

plugin.

6. Luego, creamos (si es que no lo hemos hecho an) una pgina donde

pondremos nuestro catlogo. Escribimos el ttulo de nuestro catlogo y

ms abajo escribimos el tag de nuestro plugin (es un pequeo cdigo para

que el plugin sepa cundo debe aparecer). El tag es [wp-catalogue].

Finalmente presionamos el botn azul Publicar.

38

7. Finalmente hemos finalizado la instalacin de nuestro catlogo. Si todo ha

salido bien, veremos en la pgina que definimos como catlogo, el catlogo

sin productos, sin categoras, pero funcionando. El prxima paso,

agregaremos categoras y productos.

39

Agregar nueva categora en WP-Catalogue

Debemos recordar, que para que WP Catalogue muestre nuestros productos,

debemos incluirlos primero en una categora.

1. En el escritorio de WordPress hacemos clic en el men lateral donde dice

WP Catalogue.

2. Hacemos clic donde dice Categoras.

40

3. Luego, donde dice Nombre escribimos el nombre de la categora que

deseamos crear. En Slug escribimos por lo general el mismo nombre en

minsculas, sin espacios y, si lo deseamos, guiones. Finalmente

presionamos el botn azul que dice Add New Categories.

4. En la prxima ventana revisamos en el apartado a nuestra derecha bajo

Nombre si est bien escrito el nombre de nuestra nueva categora.

Hemos finalizado.

41

Nuevo producto con fotografa en WP Catalogue

Debemos recordar, que para que WP Catalogue muestre nuestros productos,

debemos incluirlos primero en una categora.

1. En el escritorio de WordPress hacemos clic en el men lateral donde dice

WP Catalogue.

2. Luego hacemos clic en la parte superior donde dice Add New Product.

42

3. En el primer apartado debe ir el ttulo de nuestro producto. En la parte de

abajo llenamos con informacin de nuestro producto. Slo informacin,

las imgenes sern agregadas ms tarde.

4. En la misma pgina, bajamos para poder ver dnde subiremos las

imgenes de nuestros productos. En el apartado Product Images

apretamos donde dice Upload.

43

5. Nos aparecer un men donde debemos seleccionar nuestra imagen para

mostrar. Presionamos Seleccionar archivos y lo buscamos en nuestro

computador.

6. Una vez que vemos nuestra foto en esta misma pantalla, bajamos y

apretamos donde dice Insertar en la entrada.

44

7. Luego subimos en nuestra pgina, hacemos check en la casilla de categora

a la cual queremos vincular nuestro producto. Finalmente, presionamos el

botn azul Publicar.

8. Vemos que nuestro producto ha sido creado exitosamente, con un

nombre y pertenece a una categora.

45

9. Si vamos a nuestro sitio, podemos verificar que se muestra efectivamente

nuestro producto dentro de nuestro catlogo. Hemos finalizado nuestra

adicin de productos a nuestro catlogo.