Curso de diseño web con wordpress. tema 1

11
CURSO DE CURSO DE DISEÑO WEB CON DISEÑO WEB CON WORDPRESS WORDPRESS Quique Mateu

description

Pr

Transcript of Curso de diseño web con wordpress. tema 1

Page 1: Curso de diseño web con wordpress. tema 1

CURSO DE CURSO DE DISEÑO WEB DISEÑO WEB

CON CON WORDPRESSWORDPRESS

Quique Mateu

Page 2: Curso de diseño web con wordpress. tema 1

ÍNDICE

1. ¿Qué es WordPress (WP)?

2. Utilidad de WP

3. ¿Porqué utilizar WP?

4. Crear una cuenta en el servidor de WP

5. Instalar WP en un servidor profesional

6. Panel de control en WP

7. Los plugins más populares y efectivos

8. Consejos útiles

Page 3: Curso de diseño web con wordpress. tema 1

1. ¿Qué es WordPress (WP)?

WordPress es una avanzada plataforma de publicación personal orientada a la estética, los estándares web y la usabilidad. WP es libre y, al mismo tiempo, gratuito.

Dicho de forma más sencilla, WP es el sistema que utilizas cuando deseas trabajar con tu herramienta de publicación en lugar de pelearte con ella. WP no se olvida ni mucho menos de los programadores y diseñadores web ya que puedes modificar el código fuente para hacerlo todavía más profesional.

WP es un sistema de gestión de contenido enfocado a la creación de blogs (sitios web periódicamente actualizados) y webs. Desarrollado en PHP (lenguaje inicialmente diseñado para la creación de webs) y MySQL (gestión de base de datos), y código modificable, tiene como fundador a Matt Mullenweg.

WP fue creado a partir del desaparecido b2/cafelog y se ha convertido en el CMS (sistema de gestión de contenidos (en inglés Content Management System, abreviado CMS) más popular de la blogosfera. Las causas de su enorme crecimiento son, entre otras, su licencia, que es gratuita, su facilidad de uso, sus características como gestor de contenidos y sus infinitas posibilidades.

Otro motivo a considerar sobre su éxito y extensión, es la enorme comunidad de desarrolladores y diseñadores, que se encargan de desarrollarlo en general o crear plugins y temas para la comunidad

Page 4: Curso de diseño web con wordpress. tema 1

 

2. UTILIDAD DE WORDPRESS

Las 2 grandes utilidades que tiene WordPress son por un lado el diseño y creación de páginas webs y la creación de blogs. Estos dos grandes apartados nos hacen ver que con WP podemos gestionar nuestro blog, actualizarlo, diseñarlo y desarrollarlo y por otro lado la creación de nuestra web totalmente profesional y sin la necesidad de ser un experto, aunque si lo eres podrás modificar su código fuente. WP es de muy intuitivo y de fácil manejo por lo que con unos conocimientos básicos y practicando podrás ser todo un experto.

Por otra parte muchos programas muy famosos como Dreamweaver, etc., tienes todos los ficheros de tu web en tu disco duro y para actualizarlo tienes que tener acceso a esos ficheros, pero con WP no es necesario, ya que desde cualquier parte del mundo y desde cualquier ordenador puedes actualizarlo, modificarlo o hacerla totalmente nueva.

Page 5: Curso de diseño web con wordpress. tema 1

3. ¿POR QUÉ UTILIZAR WORDPRESS?

Después de estar muchos años diseñando webs con otros programas, Dreamweaver es uno de los mejores y más completos, nació la necesidad de crear un progama que fuera fácil de utilizar, ya hemos comentado anteriormente que es muy intuitivo, aunque como todo programa se necesitan unos conocimientos y un cierto tiempo de práctica. Además, es GRATIS.

También decir que WP es interminable, porque hay muchos diseñadores y profesionales que trabajan diariamente para que vaya creciendo.

Page 6: Curso de diseño web con wordpress. tema 1

4. CREAR UNA CUENTA EN EL SERVIDOR DE WP

WP te ofrece la posibilidad de poder disponer de una web y tener un dominio propio, aunque siempre con la siguiente denominación: tunombre.wordpress.com, y aunque no se pueden hacer algunas cosas y está algo limitada, por plantillas, por la instalación de plugins, etc., es una buena manera de empezar si no tienes dominio propio, aunque donde se le puede sacar el máximo rendimiento es en un dominio profesional.

Vamos al asunto:

Accedemos a la web de wordpress.com y elegimos idioma español, a continuación nos registramos, ¡Registrarte Ahora!

Page 7: Curso de diseño web con wordpress. tema 1

Sólo tienes que rellenar los campos:•Tu dominio propio•Nombre de usuario•Contraseña (2 veces)•Email donde te envían un correo de activación de la cuenta•Elegir el idioma es-Español•Sign up

Te envían un correo electrónico a la cuenta que has puesto anteriormente en los campos de arriba y sólo tienes que activarlo. A partir de ahí ya estás en disposición de entrar en el panel de control de tudominio.wordpress.com. En el ejemplo sería felicianomartinez.wordpress.com/wp-admin

Ahora podríamos explicar cada apartado del menú del panel de control de WP de nuestra página que hemos creado, pero como si instalamos WP en un dominio profesional es mucho más potente, me parece que es más interesante explicar todas las posibilidades que se tienen si trabajamos en el dominio profesional y no en el de WP, que al fin y al cabo es mucho mejor y más completo.

Page 8: Curso de diseño web con wordpress. tema 1

5. INSTALAR WP EN UN SERVIDOR PROFESIONAL

Este paso te llevará algunos minutos por la cantidad de ficheros que se tienen que instalar, más de 1.000, pero si sigues estos pocos pasos sólo te costará unos minutos.

Lo primero que tenemos que tener es un dominio propio, ej: mumaprojects.es… ya sea en 1and1.es o en cualquier otro servidor. Yo particularmente te aconsejo 1and1.es por el precio, las prestaciones y el servicio técnico (según la oferta que haya en cada momento es diferente, pero suele estar por unos 5 euros al mes).

Metiéndonos en 1and1.es habría que elegir el pack que más nos interesara, pero mínimo tendría que tener MySQL y PHP.

A continuación nos iríamos a Panel de Control e introduciríamos el ID cliente o nombre del dominio y la contraseña y ya entraríamos en el panel de control de nuestro propio dominio.

Page 9: Curso de diseño web con wordpress. tema 1

Una vez dentro de nuestro panel de control tendríamos que ir a ‘Gestión de MySQL’ y crear una nueva base de datos sino existe, ya que más tarde nos harán falta los siguientes datos:

Nombre de la Base de Datos. Ej. Db123456789

Nombre de Usuario. Ej. Dbo123456789

Nombre del Alojamiento. Ej. Db123456789.db.1and1.com

Seguimos dentro de nuestro Panel de Control y accedemos a ‘Acceso FTP’ ya que también necesitaremos la numeración del ‘Nombre de usuario’: Ej. u12345678

Y con esto ya podemos salir del Panel de Control aunque este proceso tarde unos 5 minutos, ya que aunque es un proceso automático, crear la base de datos nueva conlleva un tiempo.

A continuación necesitamos un programa FTP, hay muchos, yo te aconsejo Core FTP LE, que funciona muy bien, fácil manejo y es gratuito, aunque como te digo, puedes utilizar cualquiera, ya que los datos que nos piden son los mismos.

Page 10: Curso de diseño web con wordpress. tema 1

Tendrías que crear un nuevo sitio ‘New Site’ y rellenar los campos que están en blanco:

Site Name: Ej. mumaprojects.es

Host /IP/URL: Ej. ftp.mumaprojects.es

Username: Ej. U12345678 (este es número del panel de control de FTP que anteriormente anotaste y la contraseña del FTP.

Password: Introduce la clave del FTP del Panel de Control. Si no la sabes puedes modificarla y poner la que tú desees.

El resto de campos déjalos como están y dale a ‘Connect’ y entrarás vía FTP a tu dominio propio, donde puedes subir o bajar cualquier fichero y hacer las modificaciones que quieras. Ahora lo que tienes que hacer es ir a www.wordpress.org, en medio de la página está el link ‘WordPress is also available in Español’ y así te podrás bajar la última versión de WordPress en español. Es un fichero zip que tendrás que descomprimir y después subirlo a tu dominio (por eso anteriormente hemos entrado en él vía FTP.

La parte de la izquierda de tu FTP es la zona ‘local’ donde tendrás los ficheros que tienes que subir y la zona derecha es tu dominio. Sólo tienes que seleccionar los ficheros que descomprimiste y subirlos (mejor mediante las flechas que arrastrando).

Y ya está, aunque parecen muchos pasos y algo complicado realmente son pocos y muy sencillos, aunque con la práctica cada vez se hacen todavía más fáciles.

Ahora al entrar en tu dominio, Ej, mumaprojects.es/wp-admin te aparecerá la siguiente ventana que tendrás que rellenar y accederás a tu panel de control de WordPress.

Page 11: Curso de diseño web con wordpress. tema 1

Ventana que aparece para poder acceder a nuestra web