Al
igual que con los CMS anteriores, vamos a construir un sitio básico con
WordPress, para ello, compramos el dominio aprendewordpress.com y hosteamos el
sitio e instalamos la última versión de WordPress, que al momento de escribir
estas líneas, es la 3.2.1. La pantalla al iniciar es la siguiente:
Para
ir al Backend o a la parte del
administrador tenemos que escribir la siguiente url: http://aprendewordpress.com.mx/wp-admin
escribimos el nombre de usuario y contraseña que seleccionamos al momento de la
instalación y llegamos al Backend que
se muestra en la siguiente imagen:
El
WordPress siempre se instala en inglés, por lo que procederemos a traducirlo
antes de empezar a colocar la información. Para ello debemos de descarga los
archivos de español en la siguiente dirección:
http://es.wordpress.org/releases/.
Descomprimimos los archivos y seguimos los siguientes pasos
1.- Creamos
un directorio “languages” dentro de “wp-includes” vía FTP – recomendamos el
programa de Filezilla..
2.- Subir
el archivo “es_ES.mo” a “wp-includes/languages/”
3.-
Editamos el archivo wp-config.php.
4.- Donde
dice “define ('WPLANG', '');” debe decir “define ('WPLANG', 'es_ES');”
5.- Guardamos nuestros cambios
Al refrescar la pantalla nos daremos cuenta que
ahora todo está en Español.
Con el objeto de hacer más agradable nuestra
página, vamos a cambiar la plantilla, eso se logra:
1.- En la
barra izquierda seleccionamos Apariencia..
2.- Seleccionamos
pestaña Instalar Tema
3.- Damos
un clic en Actualizados recientemente
4.- Seleccionamos
el tema Plataform
5.- Damos un clic en Instalar
6.- La activamos.
7.- Al activarla nos lleva a donde se puede
configurar la plantilla, allí en donde dice Upload custom logo subimos
una imagen que previamente preparamos en Photoshop. El Frontend queda así
Estamos listos para iniciar nuestra página.
Iniciemos colocando una bienvenida. A diferencia de las páginas anteriores, es
esta ocasión la colocaremos en la barra lateral derecha. Esos son los pasos
1.- En la
barra izquierda seleccionamos Apariencia..
2.- Seleccionamos
Widgets
3.- Arrastramos
le Widget Texto a la zona que dice Primary Sidebar
4.- Escribimos
en Título Bienvenidos
5.- En el campo de abajo escribimos: Bienvenidos a
Aprende WorPress en donde encontrarán un tutorial de la versión 3.2.1 esperamos
que les sea de utilidad
6.- De la misma manera creamos un texto que
colocaremos en la posición que se llama Footer
Sidebar y allí omitimos el Título
y escribimos Desarrollado por <a href="http://www.digitalizate.net"
target="_blank">Digitalizate</a –Debido a que este widget no
nos ofrece un editor tenemos que escribir la liga con lenguaje html.
7.- Guardamos y cerramos
Para ser congruentes con los demás sitios que hemos
construido vamos a colocar un widget que nos permita saber cuántos visitantes
tenemos, por lo que necesitamos buscar e instalar éste. Para ello:
1.- En la
barra izquierda seleccionamos Plugins..
2.- Damos
un clic en Añadir nuevo
3.- En el
cuadro de búsqueda escribimos Visitors
4.- Oprimimos
Buscar plugins
5.- Seleccionamos plugin que se llama Visitor Maps and Who's Online y damos un clic en Instalar ahora
6.- Damos un clic Si cuando nos pregunta si estamos seguros que queremos instalarlo
7.- Damos un clic en Activar
8.- El plugin nos manda una menaje mencionando que
debemos hacer una descarga. La autorizamos y esperamos a que termine la
instalación.
9.- Ahora colocamos el widget Who is on line en la posición Primary
Links, por debajo de Bienvenidos
También,
en congruencia con nuestras páginas anteriores, colocaremos un formulario de
contacto que permita que nuestros visitantes nos envíen mensajes. Para ello
necesitamos buscar e instalar el plugin, para ello seguimos los mismos pasos
anteriores. La búsqueda va a ser de la palabra contact form y seleccionaremos el plugin de nombre Contact
Form 7. Una
vez activado el plugin, vamos a configuraciones y copiamos el siguente código: [contact-form-7
id="126" title="Formulario de contacto 1"]. Ahora vamos a
crear una página para mostrar en ella el formulario. Para ello seguimos estos
pasos:
1.- En la
barra izquierda seleccionamos Páginas.
2.- Damos
un clic en Añadir página
3.- En el título
escribimos Contáctanos
4.- En el
cuerpo de la página pegamos el código copiado, es decir [contact-form-7
id="126" title="Formulario de contacto 1"] – con ello
estamos insertando el formulario de contacto.
5.- Damos un clic en Publicar
Ahora necesitamos mostrar nuestra página en el menú
principal, para ello:
1.- En la
barra izquierda seleccionamos Apariencia.
2.- Damos
un clic en Menús
3.- Seleccionamos
Contáctanos en el recuadro que dice páginas
4.- Damos
un clic en Añadir al Menú
También queremos tener un botón de inicio en el
menú principal, para ello, vamos a renombrar la página de ejemplo con el nombre
de Inicio:
1.- En la
barra izquierda seleccionamos Páginas.
2.- Damos
un clic en Sample Page
3.- Cambiamos
el título a Inicio -el contenido de
la página no nos importa, pues vamos a decirle a WordPress que sea en esta
página donde se muestren los artículos que escribamos, para ello
4.- En la
barra izquierda seleccionamos Ajustes.
5.- Damos
un clic en Lectura
6.- Seleccionamos
Una página estática en la opción que dice La página inicial mostrará
7.- Seleccionamos
Incio en la opción que dice Páginas de Entrada
8.- Guardamos nuestros cambios.
Para finalizar el tutorial crearemos un artículo
con el contenido de este tutorial, no sin antes eliminar al artículos de
muestra que se crea en la instalación y que se titula Hello Word para ello:
1.- En la
barra izquierda seleccionamos Entradas
2.- Damos
un clic en Hello Word
3.- En acciones de lote seleccionamos Mover a la papelera
4.- Damos
un clic en Aplicar.
5.- Damos
un clic en Nueva entrada
6.- En
Título escribimos Tutorial de WorPress 3.2.1
7.- Copiamos
y pegamos este tutorial
8.- Guardamos nuestros cambios.
De esta manera
concluimos los tutoriales de los más importantes CMS, lo que nos permite crear fácilmente
páginas web. En nuestro camino hacia el comercio electrónico, aprenderemos
ahora a construir tiendas virtuales.
No hay comentarios:
Publicar un comentario