• Author / Uploaded
• mdcurto

• Categories
• Word Press
• Análisis FODA
• Red mundial
• Tecnología
• Informática

Citation preview

CURSO DE

WORDPRESS MANUAL DEL ALUMNO

Profesor: Ezequiel Tesone

v.1.0: Junio 2017 Autor y Recopilador: Ezequiel Tesone

Este contenido se distribuye bajo licencia (https://creativecommons.org/licenses/by/3.0/)

Creative

Commons

3.0

con

atribución

El contenido incluye material ofrecido bajo la misma licencia por Fundación Wikimedia, Inc. publicado en https://es.wikipedia.org Se acepta su copia y redistribución en cualquier medio y formato y adaptarlo en cualquier forma (remixado, transformado y construir sobre él) para cualquier propósito, incluso comercial bajo una única condición: la atribución y crédito a sus autores y a la aclaración de cambios realizados en caso de haberse realizado

INDICE INDICE ......................................................................................................................................................... 3 PLANIFICAR UN SITIO EN WORDPRESS .......................................................................................... 5 ¿Q UÉ ES WORDPRESS? .............................................................................................................................. 5 PENSAR Y ORGANIZAR EL CONTENIDO DE UN SITIO/BLOG ........................................................................ 5 Para tener en cuenta al inicio de producción ....................................................................................... 5 Análisis FODA ...................................................................................................................................... 6 Investigación de Temas ......................................................................................................................... 7 Mapa de Organización de Ideas ........................................................................................................... 8 ORGANIZACIÓN DEL SITIO WEB ..................................................................................................... 10 CREANDO UN MAPA DEL SITIO ............................................................................................................... 10 TIPS PARA LA CONFECCIÓN DE UN M APA DEL SITIO: ........................................................................... 11 Ejemplo de Mapa de Sitio ................................................................................................................... 11 ORGANIZANDO EL CONTENIDO CON GOOGLE DRIVE ............................................................................. 11 ¿Trabajar en mi computadora o en La Nube?.................................................................................... 12 Google Drive ....................................................................................................................................... 12 CREAR CONTENIDO ............................................................................................................................. 14 EDITANDO IMÁGENES .............................................................................................................................. 14 Pixlr ..................................................................................................................................................... 14 Canva .................................................................................................................................................. 15 EDITANDO AUDIO .................................................................................................................................... 15 Hya-Wave ............................................................................................................................................ 15 Alojando archivos de audio ................................................................................................................ 16 EDITANDO VIDEO .................................................................................................................................... 17 Alojando archivos de video ................................................................................................................. 18 WORDPRESS ............................................................................................................................................ 19 ¿Q UE ES UN CMS? ................................................................................................................................... 19 Tipos de CMS disponibles ................................................................................................................... 19 ¿Q UÉ ES WORDPRESS? ............................................................................................................................ 21 WordPress.com vs. WordPress.org..................................................................................................... 21 INTERFAZ DE WORDPRESS ...................................................................................................................... 22 CONCEPTOS BÁSICOS .............................................................................................................................. 22 Elementos Estructurales ..................................................................................................................... 23 Elementos de estética .......................................................................................................................... 24

Curso de Diseño Web – Manual del Alumno

3

Elementos para sumar funcionalidades extra..................................................................................... 25 Ajustes a la Plataforma WordPress .................................................................................................... 26 CREAR UNA CUENTA GRATUITA EN WORDPRESS ................................................................................... 27 Primer paso: formato de grilla ........................................................................................................... 28 Definiendo el dominio ......................................................................................................................... 29 Seleccionando el Plan Adecuado ....................................................................................................... 30 Creando la Cuenta de Publicación ..................................................................................................... 31 EL PANEL DE CONTROL ........................................................................................................................... 32

PLANIFICAR UN SITIO EN WORDPRESS ¿Qué es WordPress? WordPress es un Sistema de administración de contenido (conocido como CMS por sus siglas en inglés) que permite administrar un sitio web o blog de forma gratuita, gracias a su código abierto. De esta manera, podemos publicar un sitio web o blog sin necesidad de diseñar una página web, saber lenguajes como HTML o conocer a fondo cómo funciona Internet. Se lo puede usar ya sea alojándolo en un servidor que contratemos o utilizando servicios como WordPress.com donde creamos un blog debajo de su nombre. Antes de comenzar a trabajar con la herramienta, es importante primero pensar qué vamos a publicar y organizar su contenido.

Pensar y organizar el contenido de un sitio/blog En cuanto al contenido de un sitio web lo podemos clasificar en dos grandes categorías: • Contenido Comunicacional o Institucional: Todo el contenido que tiene que ver con información corporativa, novedades de la empresa o la institución.

• Contenido Promocional: Promociones, estrategias de precio, ofertas, beneficios, etc.

Para tener en cuenta al inicio de producción Muchas veces en la etapa de construcción de un sitio web no se tiene en cuenta correctamente su objetivo y la organización de sus secciones, por consiguiente se pone énfasis en estar online rápidamente con un proyecto que posea lo último en tecnología pero se descuida el aspecto más importante: ¿Cuál es mi público?, ¿qué voy a transmitir? y ¿con qué fin?. Al iniciar el proceso de desarrollo de un sitio/blog en WordPress debemos tener en claro nuestro foco y nuestros objetivo.

Para ayudarnos a organizar nuestras ideas y entender nuestros potenciales vamos a usar tres herramientas: 1. Análisis FODA 2. Investigación en la herramienta de Google Trends 3. El armado de un mapa de organización de ideas para contenido.

Análisis FODA El nombre FODA viene de las siglas de unir las siguientes características que analizaremos: Fortalezas, Oportunidades, Debilidades y Amenazas.

“El Análisis de matriz FODA es una herramienta de estudio de la situación de una empresa o un proyecto, analizando sus características internas (Debilidades y Fortalezas) y su situación externa (Amenazas y Oportunidades) en una matriz cuadrada. Proviene de las siglas en inglés SWOT (Strengths, Weaknesses, Opportunities y

Threats). Es una herramienta para conocer la situación real en que se encuentra una organización, empresa o proyecto, y planear una estrategia de futuro”. El objetivo de implementar la matriz FODA es para ayudar a encontrar el tema en el cual somos buenos, tenemos conocimiento y del cual podremos generar contenido sin problemas. Por otro lado en la sección de oportunidades detectaremos porque sería oportuno generar contenido de este tipo: ¿hay un público ávido de leer mi contenido?. También en este ejercicio podremos descubrir cuáles son nuestras debilidades a mejorar para ser referentes en esta temática y las amenazas en el exterior que pueden afectar el interés del público hacia mi blog al corto, mediano y largo plazo.

Investigación de Temas Google Trends (https://trends.google.com) es una herramienta que en forma gratuita muestra los términos de búsqueda más populares del pasado reciente en un territorio, como puede ser un país. Es una gran fuente de información para la investigación de mercado ya que podemos saber cuán relevante es un término o palabra clave para nuestro público objetivo. La información de Google Trends puede ayudarnos a tomar decisiones, por ejemplo alguno de los usos podrían ser: • Elegir cómo nombrar mi empresa para que sea un término relevante en búsquedas. • Ayudarme a decidir en qué producto invertir para el stock de mi negocio, dado que Google Trends puede mostrarnos el interés sobre de determinado nombre de producto en mi zona geográfica de influencia. • Puede ayudarme a conocer que tópico es más relevante a la hora de elegir una temática sobre la cual crear contenido. • Saber si la marca de mi competidor es más popular (posicionamiento de marca) • Saber qué producto de todos los que ofrezco es más popular o más buscado en un cierto mercado.

Las gráficas de Google Trends presentan cuántas veces se realiza una búsqueda de un término particular en varias regiones del mundo y en varios idiomas. Tienen dos ejes, el eje horizontal representa el tiempo (desde 2004 a la fecha), y el eje vertical representa la frecuencia con la que se ha buscado el término o palabra clave. También permite al usuario comparar entre dos o más términos para conocer cuál fue el que tuvo más volumen de búsquedas. Se puede comprobar que hay algunos términos de búsqueda estacionales, como regalos, que coincide claramente con la llegada de la Navidad.

Mapa de Organización de Ideas Una vez que tenemos claro nuestro foco por medio del FODA, y decidimos que tópicos abordar en base a los resultados de Google Trends, tenemos que examinar qué posibilidades tienen esos tópicos en cuanto a diversificación de contenido para planificar un mapa de contenidos para nuestra Web utilizando mapa de organización de ideas o Mind Mapping en inglés.

Acerca del Mind Mapping “El Mind Mapping es una metodología creativa y perceptiva basada en el Pensamiento Visual y el Pensamiento Asociativo, desarrollada por el psicólogo británico Tony Buzan. Sirve para organizar y representar la información de forma rápida, organizada y estructurada. Nos permite mirar las cosas con otra perspectiva y se utiliza para gestionar y potenciar el flujo de información en nuestro cerebro ya que posibilita la estructuración y clasificación de las ideas. Los Mapas Mentales son diagramas con una estructura de árbol que representan ideas, tareas u otros conceptos, ligados y organizados alrededor de una palabra clave o de una idea central. Se construyen de manera personal empleando colores, dibujos, imágenes y símbolos. Potencian la imaginación, la asociación, la visualización de las ideas y canalizan la creatividad.

Son una expresión de Pensamiento Irradiante y proyectan nuestra forma natural de pensar ya que están basados en el funcionamiento neuronal del cerebro, que con su estructura radial establece múltiples relaciones o asociaciones ramificadas que proceden de un punto central o que se conectan con él. De esta forma, el ser humano tiene la posibilidad de realizar percepciones multidireccionales para procesar diversas informaciones y de forma simultánea. Nuestro Cerebro es una enorme red de neuronas que se interconectan entre si por unas conexiones neuronales llamadas sinapsis. Estas conexiones se crean ante cada nuevo estímulo y se repiten para situaciones conocidas o aprendidas. La repetición de las sinapsis ante una situación se denomina patrón de pensamiento. Los Mapas Mentales nos ayudan a clarificar las situaciones en patrones de pensamiento relevantes y a obtener rápidamente una visión global sin perder el detalle. Son de gran utilidad en actividades de organización cognitiva y de información, planificación, análisis y síntesis, brainstorming, estudio y memorización, gestión de proyectos, actividades de comunicación, solución de problemas y toma de decisiones”.

ORGANIZACIÓN DEL SITIO WEB Una vez que tenemos claro cuáles van a ser las características de nuestro sitio web en cuanto a contenido debemos planificar la estructura. ¿Que Botones va a tener nuestro sitio?, ¿En que secciones vamos a organizar nuestro contenido?, son algunas de las preguntas que debemos hacernos. Una de las herramientas para visualizar la estructura de nuestro sitio Web es la confección de un Mapa del sitio (Sitemap en inglés). En este curso vamos a desarrollar un mapa del sitio en sentido organizativo. Vamos a crear el gráfico con la herramienta Draw (http://draw.io). Esta herramienta es de uso gratuito y permite la realización de diferentes gráficos. Puedo guardar mi trabajo en un formato de archivo XML y exportarlo en PDF o JPG.

Creando un Mapa del Sitio Utilizando la herramienta disponible en www.draw.io veremos una pantalla como la siguiente:

Tips para la confección de un Mapa del Sitio: 1. Tomar las secciones que surgieron de la realización del mapa de pensamiento. 2. Efectuar un primer boceto en papel y lapicera. 3. Armar la estructura en draw.io

Ejemplo de Mapa de Sitio

Organizando el Contenido con Google Drive Una vez definida la estructura o mapa del sitio de nuestro sitio web debemos avanzar en el desarrollo de una organización clara de todo el material que vamos a implementar en la creación de nuestro sitio o blog con WordPress.

Para iniciar la organización y clasificación de los archivos debemos crear una carpeta con el nombre del proyecto y dentro organizar los contenidos en diferentes carpetas de acuerdo a la particularidad del contenido. La decisión reside en si debemos organizar los archivos en nuestra computadora o bien utilizar un servicio de creación de archivos y almacenamiento en “La Nube”.

¿Trabajar en mi computadora o en La Nube? Existen varios sistemas para crear, compartir y almacenar archivos en la nube. La ventaja fundamental está en que podemos trabajar en forma colaborativa con otros y los tiempos de respuesta se acortan ya que la interacción sobre los archivos es en tiempo real y podemos coordinar para trabajar con varias personas cada uno desde su hogar en Google Drive.

Google Drive “Google Drive es un servicio de alojamiento de archivos que fue introducido por Google el 24 de abril de 2012. Cada usuario cuenta con 15 GigaBytes de espacio gratuito para almacenar sus archivos, ampliables mediante diferentes planes de pago. Es accesible a través del sitio web desde computadoras y dispone de aplicaciones para Android e iOS que permiten editar documentos y hojas de cálculo. Con el lanzamiento de Drive, Google unificó el almacenamiento disponible para un único usuario de tal manera que en esos 15 GB se guardan también los mensajes de correo electrónico de Gmail y las imágenes de Google+”.

¿Que puedo hacer en Google Drive? Gracias a los servicios gratuitos de Google Drive podemos: • Crear carpetas como en el explorador de Windows para organizar el contenido.

• Crear archivos para redacción de textos con Google Doc. • Crear planillas de cálculo con Google Sheets. • Crear presentaciones con Google Slides. • Trabajar en tiempo real en internet en forma colaborativa con otros.

CREAR CONTENIDO Una vez que tenemos nuestro foco de contenido y todos los tópicos que vamos a abordar más la estructura de nuestro sitio web tenemos que empezar a generar el material multimedia correspondiente que va a incluir textos, imágenes, audios y videos. Es muy importante crear el contenido con anterioridad a la confección del Sitio Web dado que esto va a acelerar el proceso.

Editando imágenes Cuando no contamos con Photoshop o herramientas profesionales de diseño gráfica hay una herramienta que nos permite trabajar online para editar las imágenes y luego guardarlas para utilizarlas en nuestro sitio web.

Pixlr Esta herramienta es PIXLR y se puede utilizar en forma gratuita y online accediendo a www.pixlr.com desde un navegador web, como Google Chrome.

Canva Cuando tenemos que diseñar elementos para nuestro sitio web como un encabezado (header), un banner o bien una portada y no disponemos de Adobe Illustrator y tampoco tenemos conocimientos de diseño podemos iniciar con las plantillas (templates) editables y gratuitos que nos proporciona Canva disponibles en www.canva.com. Esta herramienta es un software muy intuitivo y online con el cual podemos llevar a cabo nuestras ideas.

Editando audio Muchas veces nos encontramos ante la necesidad de editar una archivo de audio (como una entrevista que grabamos con el teléfono celular) y no sabemos cómo resolverlo. La herramienta que recomendamos es Hya-Wave.

Hya-Wave Hya-Wave es una herramienta sencilla y no se necesita instalar nada para usarla. Puede abrirse en cualquier navegador sin ningún problema. Con ella vas a poder hacer cosas simples como grabar un audio, importar algo que ya tengas en la computadora, cortar, pegar, seleccionar ciertas partes, mezclar, y agregar algunos efectos y filtros a todo el audio o solo a una parte de este.

Está disponible en http://wav.hya.io

Alojando archivos de audio SoundCloud es una red social de promulgación de audio desarrollado por autores independientes. Sus usuarios pueden colaborar, promocionar y distribuir sus proyectos musicales y de podcasting. Podemos crearnos una cuenta gratuita con hasta 60 minutos de audio gratis para publicar. Lo interesante de esta plataforma es que podemos crear listas y compartir lo audios en redes sociales y blogs. La herramienta de publicación está disponible en www.soundcloud.com

Editando Video Cuando necesitamos trabajar con archivos de video podemos grabarlos con nuestros teléfonos celulares o cámaras y luego editarlos con un herramienta gratuita y 100% online: MAGISTO. Magisto es un editor de video simple e intuitivo accesible en www.magisto.com.

Alojando archivos de video YouTube (https://youtube.com) nos permite alojar video en forma gratuita en nuestro canal. Por otro lado, una alternativa a YouTube podría ser Vimeo (www.vimeo.com). Ambas redes, una vez subido el video, nos permitirán compartir el video en nuestro sitio web.

WORDPRESS ¿Que es un CMS? Los sistemas de gestión de contenidos (Content Management Systems o CMS) se utilizan principalmente para facilitar la gestión de sitios web. También son conocidos como gestores de contenido web (Web Content Management o WCM). La aplicación de los CMS no se limita sólo a las webs sino también a diferentes tipos de sistemas. Un CMS aporta herramientas para que un usuario sin conocimientos de programación pueda actualizar el contenido de una web. “Gestión de contenido: Los documentos creados se depositan en una base de datos central donde también se guardan el resto de datos de la web, cómo son los datos relativos a los documentos (versiones hechas, autor, fecha de publicación y caducidad, etc.), datos y preferencias de los usuarios, la estructura de la web, etc. La estructura de la web se puede configurar con una herramienta que, habitualmente, presenta una visión jerárquica del sitio y permite modificaciones. Publicación: Una página aprobada se publica automáticamente cuando llega la fecha de publicación, y cuando caduca se archiva para futuras referencias. En su publicación se aplica el patrón definido para toda la web o para la sección concreta donde está situada, de forma que el resultado final es un sitio web con un aspecto consistente en todas sus páginas. Esta separación entre contenido y forma permite que se pueda modificar el aspecto visual de un sitio web sin afectar a los documentos ya creados y libera a los autores de preocuparse por el diseño final de sus páginas”.

Tipos de CMS disponibles • Segmentados por lenguaje de programación: Active Server Pages, Java, PHP, ASP.NET, Ruby On Rails, Python. • Segmentados por la propiedad del código: Open Source (código abierto); está permitido desarrollar sobre el código. Código propietario; sólo su creador puede desarrollar sobre el código.

• Segmentados por sus funcionalidades: Plataformas generales, Sistemas específicos, Blogs; pensados para páginas personales, Wikis; pensados para el desarrollo colaborativo, E-learning; plataforma para contenidos de enseñanza online o E-commerce; plataforma de gestión de usuarios, catálogo, compras y pagos, Publicaciones digitales, Difusión de contenido multimedia • CMS de código abierto: WordPress, Drupal y Joomla, seguidos de cerca por Movable Type, Plone, etc. • Segmentados por código propietario: ExpressionEngine, Liferay, Vignette o el SharePoint Server de Microsoft. • Segmentados por uso específico como por ejemplo creación de de plataforma de e-learning: Moodle, Sakai, ATutor o Claroline. Otro ejemplo podrían ser los Sistema de e-commerce: osCommerce o Zen Cart.

¿Qué es WordPress? La plataforma WordPress fue programada entre 2002 y 2003 por Matt Mullenweg, a los 19 años. Fue concebida como una plataforma de código abierto para crear blogs. En ese entonces la opción más popular para la creación de blogs era Blogger y era visto como una solución para principiantes, nadie que quisiera armar un blog con aspiraciones más profesionales podía recurrir a Blogger como herramienta definitiva. El código de WordPress estuvo basado en un software llamado b2/cafelog, creado por Michek Valdrighi, una de las premisas era que el proyecto fuera 100% software libre. La licencia elegida para distribuir WordPress fue la versión 2 de la GNU General Public License, la más utilizada en el universo del código abierto.

WordPress.com vs. WordPress.org WORDPRESS.ORG: Nos permite descargarnos los archivos del CMS WordPress para instalarlo en nuestro servidor o un servicio de alojamiento web que contratemos y desarrollar en ese entorno. Si tenemos un uso avanzado de la herramienta podemos instalar una herramienta llamada XAMPP y desarrollar en forma local en nuestra PC y luego subir al servidor web. Para poder desarrollar con los archivos de Wordepress.org debemos comprar un dominio (un nombre en Internet) y contratar una empresa de alojamiento Web. Contras: No es algo tan sencillo para una persona que no tiene conocimientos iniciales de desarrollo web.

WORDPRESS.COM: Podemos crear un sitio/blog en forma gratuita con limitaciones en la plataforma online de WordPress y no tenemos que contratar un dominio o una empresa de alojamiento web. Existen diferentes tipos de planes pagos con diferentes características.

WordPress nos proporciona hosting y tenemos la posibilidad de comprar el dominio por medio de su plataforma. Contras: Perdemos independencia, dependemos de WordPress.com al 100%. (Sitio+Dominio+Hosting).

Interfaz de WordPress La interfaz está disponible en Español y al ingresar por primera vez luce como la siguiente pantalla

Conceptos Básicos WordPress tiene diferentes herramientas y opciones para crear un sitio web sin conocimientos de programación. Podemos organizar los elementos de WordPress en 3 categorías para facilitar su compresión, elementos estructurales, estéticos y funcionalidades extra.

Elementos Estructurales Menú: El menú funciona como eje organizador del sitio ya que define cuáles van a ser las secciones principales y su orden. Puedo customizar las características del menú principal de la web, crear menús desplegables y además crear menús secundarios. Página: Página es una unidad organizativa de contenido que voy a utilizar para crear las secciones principales del sitio. Por ejemplo: Página de inicio, ¿quiénes somos?, Staff, etc.

Entradas: Las entradas son un tipo de unidad de estructura para cargar contenidos a la sección de blog. Pueden ser por ejemplo artículos en nuestro blog o productos que vendemos. Pueden estar categorizadas dentro de categorías.

Categorías: Las categorías son filtros de clasificación de las entradas que puedo implementarlos como botones en la botonera. Por ejemplo: Deporte, Arte, etc.

Elementos de estética Temas o templates: Uno de los grandes diferenciales de WordPress es la posibilidad de modificar la visualización del sitio web en forma sencilla implementando diferentes plantillas (templates). Cada plantilla tiene una propuesta estética que puedo personalizar a mi agrado. Puedo activar y desactivar las plantillas y elegir otros desarrollados por terceros. Editor de template: Todos los temas vienen con un editor que nos facilita la personalización de colores, imágenes y tipografías.

Elementos para sumar funcionalidades extra Plug-ins: Los plug-ins son aplicaciones que podemos sumar a la estructura de WordPress para otorgar funcionalidades extra. Por ejemplo hay plug-ins como Woocomerce que están pensados para convertir tu WordPress simple en una tienda online. Widgets: Los widgets son aplicaciones que vienen con tu WordPress para asignar funcionalidades a las barras laterales, al encabezado (header) y/o al pie de página (footer) de tu sitio. Por ejemplo un widget que permite establecer los enlaces a redes sociales.

Ajustes a la Plataforma WordPress Ajustes: Todos los ajustes en la plataforma de WordPress se hacen a través de la sección “Ajustes” del panel.

Apariencia: Todos los ajustes que van a afectar la estética del sitio web se hacen a través de la sección “apariencia”.

Crear una cuenta gratuita en WordPress Para crear tu sitio con WordPress.COM no necesitás hacer ninguna instalación. WordPress aloja tu sitio y te ofrece plugins integrados y ventajas gratuitas, como protección y actualizaciones de software. Vas a poder registrar tu dominio fácilmente y comenzar rápidamente a crear tu sitio. Vas a poder elegir entre cientos de diseños atractivos y personalizarlos fácilmente para una empresa, blog, portfolio, etc. Vas a lograr llegar a un mayor público y buscar nuevos lectores al poder sincronizar tus contenido con Facebook y Twitter. Recibí ayuda directamente de expertos. Vas a poder acceder a documentos de ayuda, foros, vídeos, ayuda por correo electrónico y asistencia en directo por chat.

Primer paso: formato de grilla Lo primero que debemos elegir es el formato o sistema de grilla. Aconsejamos elegir el de “Una página de bienvenida para mi sitio” para una primera experiencia.

Definiendo el dominio En la versión gratuita de WordPress.com vamos a poder definir nombre pero de subdominio de forma tal que va a quedar de la siguiente forma: misitio.wordpress.com; por ejemplo si queremos hacer el sitio de una ferretería llamada el clavo azul, el sitio quedaría con la dirección http://elclavoazul.wordpress.com. Si queremos un dominio propio como www.elclavoazul.com o www.elclavoazul.com.ar entonces necesitamos pagar por ese servicio.

Seleccionando el Plan Adecuado WordPress.com tiene diferentes tipos de planes. Para comenzar vamos a elegir el plan Gratis. Es importante aclarar que los precios están expresados en dólares estadounidenses si queremos usar uno de los servicios pagos.

Creando la Cuenta de Publicación Ingresamos nuestros datos para comenzar

El Panel de Control Las funciones del panel de control de WordPress.com las podemos ver en la siguiente imagen. Cuando vemos en el diagrama la palabra ABM, significa sistema de Alta, Baja y Modificación, o sea que podremos administrar la información.