Curso gratis wordpress

CURSO WORDPRESS ONLINE GRATIS©

www.cursowordpressonline.com

2015 © copyright – cursowordpressonline.com

Autor: Antonio L. Chramosta


© Copyright – 2015 cursowordpressonline.com – Todos los derechos reservados 2

INTRODUCCIÓN

Gracias por descargarte el curso de Wordpress online gratuito que he preparado. Es un curso sencillo, que te permitirá introducirte en el mundo de Wordpress, desde los conceptos básicos, la instalación y publicación de entradas o post hasta los menús y páginas.

Wordpress es un programa gratuito, muy popular y cada día más utilizado para hacer blogs y páginas web de todo tipo, incluso para hacer tiendas virtuales con e-commerce.

Una característica de Wordpress es que dispone de una gran cantidad de temas o plantillas (apariencia que tendrá nuestra web) plugins (aplicaciones complementarias que añaden funcionalidades a Wordpress), algunos gratuitos y otros de pago, con los que se puede hacer prácticamente de todo (formularios de contacto, posicionamiento SEO, newsletters, comercio electrónico con pasarelas de pago, portfolios, slider, gestión de redes sociales, etc.).

Tengo que comentarte que si te gusta este curso pero te sabe a poco y quieres profundizar en el conocimiento del programa, puedes, si lo estimas conveniente, descargarte mi curso completo, que tiene un precio prácticamente simbólico, si lo comparas con los precios de otros cursos existentes o con ponencias de dos o tres días. En dicho curso se desarrollan por ejemplo apartados como los enlaces/vínculos, reglas de posicionamiento SEO, plugins de interés (para formularios de contacto, SEO, e-commerce, de edición y creación de slider, para crear portfolios, para realizar newsletters, para gestionar las redes sociales, etc.), instalación de google maps, requerimientos y consejos de instalación, ajustes de configuración tras la instalación, herramientas útiles y gran cantidad de consejos y recomendaciones, además de profundizar con mucho más detalle en los apartados de este curso.

Debo informarte que el contenido de este curso está protegido por copyright, por lo tanto cualquier reproducción parcial o total del mismo, en cualquier medio (blogs, foros, webs, fotocopias, newsletter, youtube, etc) sin consentimiento del autor puede ser motivo de demanda en los tribunales de justicia; prefiero dejar este tema claro desde el principio y que hagas un buen uso del contenido que aquí se desarrolla.

De nuevo aprovecho para darte las gracias por elegir mi curso, espero que sea de tu agrado y que te sirva para empezar a iniciarte en el mundo Wordpress.

Antonio L.

[email protected]

mailto:[email protected]



Indice

1. ¿QUÉ ES WORDPRESS? ............................................................................................ 4

2. CONCEPTOS BÁSICOS .............................................................................................. 6

3. INSTALACIÓN ............................................................................................................... 8

4. ESCRITORIO O “BACK-END” Y SITIO WEB O “FRONT-END”: CATEGORÍAS Y ETIQUETAS, ENTRADAS, PÁGINASY MENÚS, EDITOR DE TEXTO.................... 19

5. INSTALAR UN TEMA, PERSONALIZARLO Y LOS WIDGET ................................. 39

6. INSERTAR IMÁGENES Y VÍDEOS ............................................................................ 44

7. INSTALAR UN PLUGIN ............................................................................................... 52



¿QUÉ ES

WORDPRESS?



1. ¿QUÉ ES WORDPRESS?

Wordpress es un sistema de gestión de contenidos o CMS (las siglas vienen del inglés “Content Management System”). Se trata de un software que permite gestionar una Web o Blog fácilmente y por áreas (estética-diseño, contenido, utilidades, usuarios, etc.).

Se ha convertido en la plataforma de creación, gestión y publicación de blogs y sitios web más utilizada y extendida actualmente.

Tiene una serie de características que lo hacen muy atractivo y tan popular:

Infinidad de temas o plantillas para cambiar la apariencia (estética).

Hay multitud de aplicaciones o “plugins” que lo complementan y permiten que tenga más funcionalidades que las iniciales (tras la instalación).

Fácil instalación, uso sencillo e intuitivo, constante actualización y entorno de trabajo práctico.

Es de código abierto, es decir modificable y adaptable (para los que saben algo de programación), pero lo mejor es que si no sabes programar no es ningún problema, no es necesario entrar en el código, Wordpress está hecho para todo tipo de usuarios, de ahí su éxito.

Es gratuito.

Wordpress numera sus versiones, por ejemplo 4.0.1, donde el 4 sería la rama, el 0 sería la versión mayor y el 1 una actualización menor, normalmente de mantenimiento.

Las aplicaciones de Wordpress son muchas, para un blog personal o profesional, para una web de empresa o para crear una tienda y vender productos (e-commerce).



CONCEPTOS BÁSICOS



2. CONCEPTOS BÁSICOS.

A continuación se enumeran y describen algunos conceptos básicos importantes:

Tema: es la plantilla que muestra el contenido de tu web (dependiendo de la plantilla que uses el contenido se verá de una forma o de otra).

Post o Entrada: cada uno de los artículos que escribes y publicas.

Página: se trata de información fija dentro de nuestra web a la que podemos acceder desde un menú, por ejemplo la página de “Quienes somos”, “Dónde estamos”, “Servicios”, etc.

Categoría y etiqueta: las categorías son conceptos generales para organizar y almacenar entradas (post), es decir que sirven para clasificar de forma ordenada la información de nuestra web, como sinónimos tendríamos las palabras jerarquía o sección.

Las etiquetas o “tags” serían las palabras clave que usaríamos para describir un post, es decir están orientadas al texto concreto de la entrada.

Menú: los menús nos permiten enlazar a páginas, archivos, entradas o webs y suelen situarse en la zona superior de los temas o plantillas. Permiten organizar las categorías de tu blog o web. Como ejemplo a continuación podemos ver un típico menú de un periódico

Plugin: se trata de una aplicación o extensión que añade, cambia o mejora funcionalidades a Wordpress, por ejemplo un formulario de contacto, un traductor, un generador de newsletter, una pasarela de pagos, un creador de copias de seguridad o back-up, etc, hay cientos o miles y para casi todo.

Widget: son las cajitas pequeñas que están “flotando” que se pueden mover, minimizar o personalizar.



INSTALACIÓN



3. INSTALACIÓN.

En primer lugar necesitas comprar un dominio y en segundo lugar contratar un plan de hosting (alojamiento para nuestra web).

Las características mínimas que tiene que tener tu plan de hosting para poder trabajar con Wordpress son:

Soportar Programación en PHP

Soportar al menos una base de datos en MySQL

¿Dónde comprar un dominio y un hosting?

Hay muchas webs que se dedican a eso, algunas incluyen con el plan de hosting un dominio (según el tipo de plan que contratemos).

Webs como 1&1, Arsys, dinahosting, Hostalia, Strato, Don Dominio o Loading, son algunas de las que hay, eso sí leeras o te contarán que algunas funcionan mejor, otras peor, pero cada cual tenemos nuestra experiencia personal.



Si vas a empezar de cero y no tienes muy claro lo que quieres o si lo sabes pero estas empezando, te recomiendo un plan económico, ya tendrás tiempo de contratar un mejor plan de hosting si tu blog o tu web van creciendo.

En nuestro servidor contratado debemos crearnos una cuenta FTP y una base de datos, nos apuntaremos bien el usuario y contraseña de cada una porque los vamos a necesitar. Tanto la cuenta FTP como la base de datos se crean desde el panel de control de tu hosting, que tendría un aspecto similar a esto:

Para crear la base de datos voy a poner un ejemplo:

Nombre base de datos: prueba

Usuario: curso

contraseña: pruebas123

los datos anteriores quedarían así:



Para la cuenta FTP tendríamos que añadir los campos de nombre de la cuenta FTP y contraseña:

Wordpress.com y Wordpress.org

La instalación debemos hacerla desde la web wordpress.org, la otra web, la que termina en .com (wordpress.com) es solo para tener un blog como otras webs de este tipo, por ejemplo blogger. Por lo tanto muy importante, la descarga la haremos desde wordpress.org



Una vez que has bajado el archivo (estará comprimido en .zip) hay que descomprimirlo. Te quedaría lo siguiente:

El archivo señalado como wp-config-sample hay que cambiarle el nombre a wp-config y abrirlo, con un blog de notas o el worpad, o un editor de texto, en mi caso he abierto el archivo con wordpad y tenemos que buscar los tres datos que señalo con la flecha azul e incluir los que hemos creado nosotros al dar de alta la base de datos nueva.



Por ejemplo si cuando creamos la base de datos le dimos estos datos:

Nombre base de datos: prueba

Usuario: curso

contraseña:pruebas123

lo anterior quedaría así:

Una vez hecho hecho le damos a guardar y cerramos el archivo.



Ahora vamos a comenzar con la instalación en nuestro servidor (hosting) previamente contratado, son una serie de pasos sencillos que si los sigues no deberías tener problemas.

Para poder llevarte el contenido que has descargado y descomprimido de Wordpress desde tu ordenador a nuestro servidor necesitamos un software que se denomina genéricamente Cliente FTP, uno de los más comunes es FILEZILLA, que además es gratis y funciona bien. Para descargarte filezilla si no lo tienes debes ir a la web filezilla.es y te lo bajas e instalas en tu ordenador. Una vez instalado, cuando lo abras te pedirá lo siguiente:

Servidor, nombre de usuario y contraseña. El servidor te lo tiene que indicar tu proveedor de hosting y el usuario y contraseña son los de la cuenta FTP que habías creado antes (junto con la base de datos), en cualquier caso si tienes algún problema en conectarte contacta con ellos. Una vez introduzcas estos tres campos le das a conexión rápida.

En la imagen anterior vemos la apariencia una vez que hemos abierto filezilla. A continuación en la columna de la izquierda veremos los archivos de nuestro ordenador y a la derecha los archivos del servidor.



Tienes que seleccionar todo el contenido de la izquierda (es decir todo lo que aparece en la imagen de la página 12, desde la carpeta wp-admin hasta el archivo xmlrpc) clicar y arrastrarlo a la parte de la derecha, también una vez seleccionado le podemos dar a botón derecho y subir.

Los archivos se subirán (si no le indicas lo contrario) al directorio raíz, también puedes crear una carpeta con el nombre de tu proyecto aunque si solo vas a tener uno no hace falta que crees una carpeta, con dejarlo en el directorio raíz valdría.

En mi caso he elegido un dominio que se llama womlux.com. En una ventana nueva del navegador (yo uso Chrome) pondríamos nuestro dominio seguido de /wp-admin



Y tendríamos esta pantalla:

Añadimos el título del sitio, puede ser por ejemplo en mi caso womlux, el nombre de usuario (hay que elegir uno, en mi caso pondré admin) y luego elegir una contraseña, en mi caso pondré admin123 (conviene poner una contraseña complicada para mayor seguridad, se puede conseguir en la web password.es por ejemplo o inventarnos una).

Muy importante: hay que guardarse bien el nombre de usuario y la contraseña para entrar posteriormente al proyecto.

Además puedes añadir un correo electrónico por si tienes algún problema con la contraseña y te aconsejo que no actives la pestaña de Privacidad, de momento hasta que no tengamos el proyecto operativo, ya que no interesa que google nos busque por ahora.



Una vez hecho esto le damos a instalar y aparecerá esto:

Si le damos a acceder tendremos lo siguiente, introducimos el usuario y contraseña que acabamos de crear:



Y ya una vez que le damos a acceder estaremos en Wordpress, este sería el aspecto del escritorio del programa recién instalado:



ESCRITORIO O “BACK-END” Y SITIO WEB O

“FRONT-END”



4. ESCRITORIO O “BACK-END” Y SITIO WEB O “FRONT-END”.

En este apartado vamos a comentar lo que sería las categorías y etiquetas, las entradas y las páginas y los menús.

Como ya vimos anteriormente, el aspecto de nuestro escritorio o back-end nada más instalar Worpress será el siguiente:

El escritorio es la zona de gestión-administración de Wordpress.

En la zona de la izquierda del escritorio tenemos la barra lateral o sidebar en la que aparecen las entradas, los medios, las páginas, comentarios, apariencia, plugins, usuarios, herramientas, ajustes y la opción de cerrar el menú (figura 2.), donde aparecen solo los iconos de cada elemento.



figura 1. figura 2.

Si tu objetivo es hacer un blog entonces tienes que familiarizarte con las entradas, las categorías y las etiquetas. Si por el contrario pretendes hacer una web de empresa, estática, entonces te interesan las páginas. Los menús valen tanto para hacer blogs como para web estáticas.

Es importante que elijas las categorías antes de empezar a publicar nada en tu blog, ya que las categorías son las agrupaciones temáticas de tu sitio web, es decir cuando publiques un post deberías tener claro en qué categoría lo vas a incluir. Las etiquetas, en cambio, se pueden crear una vez que hayas escrito el artículo.

Para verlo sobre un ejemplo, vamos a imaginar que tenemos un blog de cine y publicas una artículo sobre una película de ciencia ficción, lo lógico es que si crees que vas a publicar más artículos de ese tipo de películas crees la categoría ciencia ficción. Ahora bien si tu artículo trata de una película con un actor y director concretos, que seguramente hagan más películas y que hablarás de ellas, podrías crear dos etiquetas, una con el nombre del actor y otra con el del director. De esta manera un visitante podrá buscar todo lo que hayas publicado donde aparezcan ese actor y ese director.

No es conveniente si tu sitio web es popular y tiene cierto tráfico, andar borrando o editando categorías o etiquetas, porque al borrar una categoría o etiqueta dejan de existir sus URL y entonces tu web dará errores de página web no encontrada, y eso te va a penalizar mucho en cuanto a posicionamiento y además de que vas a perder visitantes.



Vamos a seguir revisando la barra lateral, ahora es el turno de las páginas.

Páginas.

Las páginas nos permiten crear zonas fijas dentro de nuestra web, son las diferentes secciones en las que vamos a dividir la web, por ejemplo la página de contacto, productos o servicios, dónde estamos, inicio, etc.

Para añadir una página nueva hay que ir a páginas, añadir nueva:

Vamos a crear tres páginas nuevas, la de inicio, quienes somos y servicios.

En el título de la nueva página indicamos inicio, justo debajo con la flecha azul señalo la URL, la cual es editable. Aquí es donde podemos editar y hacer amigable nuestra página,



por un tema de posicionamiento SEO. Como es una página nueva, seguramente en la URL te saldrá enlaces permanentes, entras y te colocas en nombre de entrada y entonces verás la URL como aparece en la imagen anterior. Con la flecha roja estoy señalado un icono que si lo despliegas te aparece una nueva línea de herramientas más abajo.

He colocado un párrafo con Lorem ipsum, de relleno, para tener algo en la página de inicio. Podrías colocar lo que quisieras, por ejemplo una foto, un video, un slider, un portfolio etc. Por ejemplo si quieres añadir una imagen, ve a la parte inferior derecha de la pantalla donde estas. Te lo indico a continuación:

Hay que darle a publicar o bien a guardar borrador (en caso de que no quieras publicarlo aun), para que se guarden los cambios. Si decides guardar borrador, en algún momento tendrás que publicarlo, para que se vea en tu web. Los atributos de la página están situados a la derecha de la pantalla:

Si haces lo mismo para Quienes somos y Servicios, tendrías las tres páginas. Las páginas las puedes editar en modo normal o de forma rápida, o incluso mandarlas a la papelera.



Vamos a ver el resultado en nuestro sitio web de lo que acabamos de hacer, acuérdate que en la parte superior izquierda esta esto:



Como veras aparecen claramente las tres páginas que hemos creado. Si entramos en una de ellas, por ejemplo Servicios veremos que está el texto que pusimos de relleno, pero como te digo cada página la puedes hacer como quieras, con texto, con imágenes, enlazando videos, portfolios, slider, etc.

He señalado con una flecha la opción editar página, ya que es una ruta rápida para llegar a la edición nuevamente.



Entradas.

A continuación vamos a hablar de las entradas. Se utilizan cuando queremos hacer un blog. Las entradas se pueden clasificar en categorías y además se pueden etiquetar.

En primer lugar vamos a crear categorías. Para ello en nuestro ejemplo de womlux.com imaginaremos que vamos a publicar post sobre zapatos, y por lo tanto podremos crear por ejemplo una categoría de hombre y otra de mujer.

Para ello vamos a entradas y luego categorías:



Indicamos el Nombre, el slug (lo que se verá en la URL, es importante indicarlo, siempre en minúsculas y sin tildes). Y por último le damos a añadir nueva categoría. Procederemos igual para crear la de mujer. Una vez creadas tendremos algo así:

Es decir ahora cuando publiquemos una entrada podemos incluirla en la categoría de hombre o mujer. Podríamos crear etiquetas como vintage o de pasarela por ejemplo, si sabemos que vamos a hablar en varias ocasiones de zapatos relacionado con esas dos palabras, ya que de esa manera alguien que entre en nuestro blog podrá buscar la etiqueta vintage por ejemplo y así ve todas las entradas relacionadas con esa etiqueta. Eso sí como dijimos anteriormente es mejor tener primero el artículo escrito, tener claro en qué categoría lo vamos a incluir de las que hemos creado con ese fin y una vez que vayamos a publicar entonces seleccionamos las etiquetas.

Para crear una etiqueta es similar a crear una categoría, vamos a crear la etiqueta vintage:



Ahora bien las etiquetas las podemos crear también sobre la marcha, una vez que tenemos el artículo a punto de publicar.

Vamos a crear una entrada nueva, para ello tan solo debemos hacer click en añadir nueva:



Le ponemos el título, en el ejemplo que pongo sería Tendencias de moda, he añadido lore ipsum y en azul está puesta la palabra vintage que sería una de nuestras etiquetas.He incluido la entrada en la categoría hombre y para añadir la etiqueta vintage vamos a la parte de la derecha, en el widget etiquetas escribimos la palabra vintage y la damos a añadir, el resultado sería este:

Después le damos a publicar.

Las entradas o post se pueden programar para que se publiquen en una fecha determinada, desde aquí:



Si vamos a entradas, todas las entradas, vemos el resultado:

Ahora veremos el aspecto que tiene en nuestro sitio web:



Para explicar el editor, vamos a ir por ejemplo a la entrada que hemos creado, la de tendencias de moda, en las páginas también tenemos el editor de texto.

En rojo señalo las herramientas del editor. Algunas te sonarán si has manejado Word, ya que son parecidas.

Veamos la descripción de cada uno:

Negrita: da formato negrita al texto seleccionado.

Cursiva: da formato cursiva al texto seleccionado.

Tachado: da formato tachado al texto seleccionado.

Negrita Tachado Alineaciones Quitar enlace

Cursiva Lista sin orden Abrir segunda fila de iconos

Cita Leer más

Lista con orden Insertar enlace



Lista sin orden: inserta una lista de viñetas sin numerar.

Lista con orden: inserta una lista de viñetas numeradas.

Cita: aplica el formato de cita de texto.

Alineaciones: permite alinear el texto seleccionado a la izquierda, centro o derecha.

Insertar enlace: abre la ventana para que el texto seleccionado esté enlazado a una URL.

Quitar enlace: elimina un enlace existente en el texto seleccionado.

Leer más: nos permite determinar qué parte del artículo queremos que se vea en portada del sitio web insertando la leyenda “sigue leyendo” o similar a continuación.

Abrir segunda fila de iconos: despliega una segunda fila con más iconos de formato.

La descripción de cada icono sería la siguiente:

Estilo de párrafo: adapta un estilo predefinido al párrafo que selecciones.

Subrayado: da formato de subrayado al texto que selecciones.

Justificado: da formato de párrafo justificado.

Color de texto: te permite cambiar el color del texto seleccionado.

Pegar texto plano: esta herramienta te permite pegar un texto que hayas copiado pero quitándole cualquier formato que tuviera inicialmente.

Borrar formato: borra los formatos del texto seleccionado.

Caracteres especiales: nos permite elegir de entre una selección, caracteres o símbolos especiales.

Estilo de párrafo Color de texto Disminuir margen

Subrayado Borrar formato Aumentar margen

Justificado Caracteres Rehacer especiales Pegar texto plano Deshacer



Disminuir margen: reduce el margen del párrafo que selecciones.

Aumentar margen: aumenta el margen del párrafo que selecciones.

Deshacer: esta herramienta te permite deshacer el último formato que hayas aplicado.

Rehacer: con esta herramienta puedes rehacer el último formato aplicado.

Aquí es posible que hayas notado que faltaría algún icono que permita cambiar el tipo de letra y el tamaño de la misma. Normalmente la tipografía viene definida en la hoja de estilos del tema que tenga activo o el que compres, de modo que si decidieras cambiarlo podrías perjudicar la imagen de ese tema, por lo tanto la falta de estos iconos tiene cierta lógica.

De todas formas hay plugins que te permiten cambiar la tipografía y muchas cosas más, de hecho hay temas que vienen con su propio editor de textos o incluyen algún plugin de edición. Uno muy interesante es el Visual Composer, pero no todos los temas lo pueden soportar.

Una vez que tenemos clara la entrada, la categoría, hemos asignado las etiquetas correspondientes, incluso hemos añadido alguna imagen entonces estaríamos listos para publicar.



Menús.

Los menús sirven tanto para páginas estáticas, como para blogs o incluso web mixtas o híbridas.

Vamos a crear un menú, para ello vamos a la zona de apariencia, menús

El sistema por defecto trae inicio como opción y la vamos a mantener, para no confundirlo con la página inicio que habíamos creado en los ejemplos, vamos a cambiar el nombre, le pondremos productos, con lo cual en nuestro menú tendremos 4 apartados, inicio, quienes somos, productos y servicios. Para ello vamos a páginas, todas las páginas y en la página inicio le damos a edición rápida y modificamos el nombre.



Con la flecha azul he señalado la pestaña permitir comentarios, si lo desactivamos quitamos la opción de comentar. Por defecto Wordpress está orientado a hacer blogs y suele dejar siempre este tipo de puntos activados, pero siempre deja la opción de quitarlos. Una vez realizado la modificación, le damos a actualizar para guardar cambios y nos quedaría lo siguiente:



Volvemos a la zona de apariencia, menús y vamos a crear nuestro menú, le podemos llamar womlux por ejemplo y vamos a ordenar el contenido, pondremos primero inicio, después productos, servicios y por último quienes somos. Esto lo hacemos pinchando y arrastrando las cajitas:

Para completar el menú vamos a crear dos páginas más en la zona de páginas, todas las páginas, que llamaremos zapatos y bolsos, para que formen parte de la página productos como subelementos. Las creamos con lore ipsum para que tengan contenido.



Volvemos a la zona de menú, vamos a apariencia, menús. Vamos a incluir en nuestro menú a las páginas bolsos y zapatos.

El siguiente paso es incluir a bolsos y zapatos como subelementos de productos, se hace de forma sencilla, tan solo hay que pinchar y arrastrar y la línea de puntos nos sirve de guía y clicamos en guardar menú:



Ahora tenemos que decirle a Wordpress que queremos que este menú sea nuestro menú principal y el que debe usar para nuestra web, para ello activaremos la pestaña de Primary Menu y guardamos menú.

Vamos a ver el resultado visitando el sitio web o front-end



Si hacemos click en bolsos por ejemplo nos llevará a la página de bolsos, independiente del resto. Si quisiéramos modificarla una ruta rápida es ir directamente en el front end a editar página.



INSTALAR UN

TEMA, PERSONALIZARLO

Y LOS WIDGET



5. INSTALAR UN TEMA, PERSONALIZARLO Y LOS WIDGET.

Apariencia.

La apariencia es fundamental para nuestro proyecto, ya sea un blog o una web, ya que por la vista entra todo y una página atractiva siempre atraerá más tráfico, o mejor dicho, la gente que llegue se quedará más tiempo o volverá a visitarla, por lo tanto es un aspecto fundamental a tener en cuenta el tema que elijamos para nuestro sitio web.

Desde apariencia – Temas vamos a poder elegir el tema para nuestro proyecto.

Por defecto, Wordpress trae 3 temas que podemos utilizar de forma gratuita, además podemos añadir otros temas gratuitos si le damos a añadir nuevo, buscamos uno que nos guste y lo añadimos:



Por ejemplo vamos a instalar el tema tatva, una vez clicamos en instalar, aparece lo siguiente:

Para activar el tema, le damos a la opción de activar.

Si optamos por compramos una plantilla profesional en la imagen que vimos antes hay que indicarle subir tema:



Después tan solo debemos ir a la carpeta de descargas, en la que hemos descargado el tema comprado, en formato .zip



Personalizar.

En este apartado podemos cambiar algunas cuantas cosas de nuestra web, si le damos tenemos lo siguiente:

Aquí puedes jugar un poco con las tipografías o los colores, es un apartado que puedes trastear y vas viendo los cambios que aparecen si varías las características.

Widgets.

Los widget o cajitas tienen propiedades particulares. Desde aquí podemos añadir o quitar widget a nuestra barra principal, pie de página, etc. A la izquierda tenemos los widget disponibles y como indica en el texto para activar uno tan solo debemos pinchar y arrastrarlo a la derecha, donde queramos colocarlo.



Fíjate en los distintos widget, puedes ir haciendo alguna prueba de añadir o quitar alguno y ver el efecto en tu sitio web (pinchando y arrastrando).



INSERTAR IMÁGENES Y

VIDEOS



6. INSERTAR IMÁGENES Y VIDEOS.

Insertar una imagen.

Para insertar una imagen vamos a una de las páginas que hemos creado, por ejemplo quienes somos. Una vez ahí, hacemos click en la parte de la página donde queremos que se inserte la foto y después clicamos en añadir objeto:

En mi caso tengo una imagen de una pantera, y es la que voy a subir, en tu caso deberás buscar la imagen que pienses insertar.



La imagen se puede editar y escalar o recortar.

En alineación vamos a poner ninguna (tu puedes elegir la que quieras del desplegable) y enlazado a ninguna (no la vamos a vincular con nada) y el tamaño dejamos la opción de tamaño completo. Las imágenes se pueden etiquetar para el SEO, conviene hacerlo. Por último hacemos click en insertar en la página, después a actualizar y ver página (vamos al sitio web a ver el resultado)



Si quisiéramos cambiar algo o borrar la imagen, vamos a editar página y hacemos click sobre la imagen, nos aparecerá lo siguiente:

Con la herramienta del lápiz entras en detalles de la imagen



Con la X borras la foto.

Como siempre una vez realizados los cambios hay que actualizar, sino los cambios no se guardan.



Insertar video.

Vamos a ver cómo podemos insertar videos de youtube (también puedes insertar de vimeo).

En primer lugar vamos a ir a youtube para elegir el video a insertar. En mi caso he elegido un video de coca cola. Tenemos que ir abajo donde indica compartir (lo señalo con una flecha roja).

Aquí elegimos la opción insertar, si le damos a mostar más veremos algunas opciones que podemos activar o desactivar y además podemos seleccionar el tamaño de la ventana del video, se mide en pixeles.



Tenemos que copiar la dirección que viene arriba (Ctrl + c) y después vamos a la página donde queremos insertar el video. En el ejemplo que estoy siguiendo vamos a ir a Servicios. Editamos la página y entramos al código (pestaña texto). Una vez allí seleccionamos con el cursor dónde queremos situarlo, yo he elegido debajo del texto lore ipsum, y pegamos el contenido iframe (Ctrl + v). Actualizamos y vamos a ver página y así podremos ver el resultado.



INSTALAR UN PLUGIN



7. INSTALAR UN PLUGIN.

Los plugins una vez que los instalas hay que activarlos, que no se te olvide.

Normalmente dependiendo del plugin se suelen instalar en diferentes zonas dentro del escritorio, una vez instalado y activado deberías encontrarlo en alguna de las siguientes zonas:

1. En la barra lateral como apartado independiente 2. En ajustes 3. En herramientas 4. En apariencia

Te recomiendo que siempre instales plugins directamente de Wordpress (como el ejemplo que te vamos a desarrollar con Akismet), o de webs de confianza y de reconocido prestigio.

Como ejemplo vamos a realizar la instalación del plugin de Akismet, es gratuito y su función es combatir el spam.

En primer lugar vamos a situarnos en el escritorio, en la zona de plugins y vamos a añadir nuevo:



En añadir nuevo ponemos en la zona de búsqueda la palabra akismet, y nos aparecen varios, vamos a instalar el que señalo, fíjate la cantidad de descargas que tiene:

Una vez que hemos hecho click en instalar y nos indica que se ha instalado correctamente hacemos click en activar plugin:



Este plugin aparece en la zona de ajustes:

En este plugin te va a pedir que te abras una cuenta en wordpress.com, te la abres y te dará un código de activación (lo llama API key) para el plugin:



Aquí finaliza el curso gratis, espero que te haya resultado ameno, sencillo y que hayas aprendido a dar tus primeros pasos en Wordpress, y recuerda que si quieres ampliar y profundizar en el mundo de Wordpress tienes disponible el curso complete en la web www.cursowordpressonline.com

¡Muchas Gracias!

Antonio L. Chramosta

http://www.cursowordpressonline.com/

Curso gratis wordpress

Documents

Transcript of Curso gratis wordpress