WordPress gestor de contenidos autoeditable

Transcripción

1 WordPress gestor de contenidos autoeditable I. INTRODUCCIÓN WordPress es un sistema de gestión de contenido (CMS) enfocado a la creación de blogs (sitios web periódicamente actualizados). Desarrollado en PHP y MySQL, bajo licencia GPL y código modificable. Es uno de los CMS más popular de la blogosfera. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus características como gestor de contenidos. Un poco de historia El desarrollador principal Matt Mullenweg eligió el nombre WordPress por sugerencia de su amiga Christine Selleck. Las versiones lanzadas de WordPress tienen como nombre en clave músicos de jazz como por ejemplo la versión 1.0, Mingus. La versión 1.5, que fue lanzada a mediados de febrero de 2005 tiene como nombre en clave "Strayhorn" (Billy Strayhorn) y ofreció una gama amplia de nuevas características como por ejemplo el uso de páginas estáticas. Automattic, la empresa detrás de WordPress, tiene asimismo un servicio de alojamiento de blogs gratuito basado en su software llamado WordPress.com. Facilita la administración de páginas fuera del orden cronológico "normal" del weblog y ha sido el primer paso para transformarse de un software básico de administración de blogs a un completo sistema de administración de contenidos. Otra funcionalidad es la del sistema de creación de plantillas ("Themes"), las cuales permiten al usuario activar o desactivar una u otra según deseen para sus sitios. WordPress también ha sido equipado "de serie" con una nueva plantilla por defecto (con nombre en clave Kubrick denominada como "Default") además de la tradicional e inicial "Classic", sencilla y válida con los estándares del W3C. El desarrollo de WordPress es dirigido por Ryan Boren y Matt Mullenweg. Mullenweg y Mike Little fueron los fundadores del proyecto. Los desarrolladores de WordPress son: Dougal, Campbell, Mark Jaquith, Donncha Ó Caoimh, Andy Skelton, Michel Valdrighi y Peter Westwood. Aunque gran parte del proyecto ha sido desarrollado por la comunidad alrededor de WordPress, aún está asociado a Automattic, la empresa donde algunos de los principales contribuyentes de WordPress son empleados. WordPress es también en parte desarrollado por su comunidad, entre los que se cuentan los testers, un grupo de personas que dedican tiempo y esfuerzo voluntariamente para probar cada lanzamiento. / 1

2 Ellos tienen acceso a las versiones aún en desarrollo (conocidas como nightly builds), versiones Beta y versiones candidatas (Release Candidates). Actualizando a estas versiones, ellos pueden encontrar errores y reportarlos a una lista de correo especial o al sistema de seguimiento de errores basado en Trac. Páginas Web Autónomas Mentalidad de Papel Las páginas Web se diferencian de los libros y otros documentos en algo crucial: los enlaces de hipertexto permiten al usuario acceder a una página Web sin ningún tipo de preámbulo. Así, una página Web deberá tener forzosamente una mayor autonomía que las páginas de un libro convencional. Esto significa que sus encabezamientos y pies de página deberán ser más informativos y elaborados que los de las páginas impresas. Sería absurdo repetir el copyright, el autor o la fecha de un libro al pie de cada una de las páginas impresas. Pero la mayoría de páginas Web requieren esta información, pues puede darse la circunstancia de que ésta sea la única parte que el usuario visite del sitio Web. Este carácter necesariamente independiente de cada una de las páginas Web no es exclusivo de la Red. La mayoría de los periódicos y revistas repiten la fecha, el volumen y el número de ejemplar en la parte superior o inferior de cada página impresa, porque saben que en muchas ocasiones sus lectores separan artículos concretos o hacen fotocopias de alguna página y necesitarán esa información para poder volver a la fuente original de ese material. Concepto de la temática de un blog La variedad de tipos de blog. Ejemplo: temáticos (política, automovilismo, literatura, etc), personales, fotografías, colaboraciones (realizados por varias personas), empresas (de emprendimiento), de audios tipo Podcasts o bien Videoblogs (con varios videos de diversos autores). Qué es WordPress? Es una plataforma gratuita, que permite publicar información de todo tipo, sin necesidad de digitar un código, incluso si no sabes cómo diseñar un sitio o blog en internet. Tiene una facilidad para escribir, editar/modificar artículos de manera rápida y efectiva. Todo lo anterior de manera sencilla y en línea. Para qué se usa? Debido a lo versátil de la plataforma, se usa en un amplio rango de aplicaciones que van más allá de un blog, por lo que se puede montar un sitio que sea corporativo, de prensa, tienda en línea, entre otros. Beneficios de usar WordPress Facilidad para iniciar tu propio blog Factibilidad de comenzar tu propio sitio web Permite cambiar fácilmente su apariencia / 2

3 Puedes agregar sin problemas variadas funciones Ayuda a mantener tu sitio web seguro Puedes crear usuarios que administren también tu sitio Mejora ostensiblemente la accesibilidad a tu blog en los motores de búsqueda. II. CREAR UNA CUENTA EN WORDPRESS Requisitos para crear una cuenta en WordPress: 1. Poseer una conexión estable a la Internet. 2. Tener una cuenta de correo electrónico activa ( de prefencia GMAIL). Pasos para crear una cuenta en WordPress: 01. Ingresamos en nuestro navegador la dirección: automáticamente nos direccionará a una dirección web en español: La s del https indica que estamos en una página web segura 1 de un sitio web. 02. En la sección central ingresamos el nombre que deseamos tener en nuestro sitio web. Si el nombre no está tomado es decir usado por otra persona, se nos abrirá el siguiente formulario. En el formulario llenamos todos los campos, así mismo nos va indicando si alguno de los datos está incorrecto o ya está siendo usado por otro usuario. Es importante que todos los datos, especialmente el de usuario y contraseña sean recordados por ustedes, para evitar problemas posteriormente. 1 Hypertext Transfer Protocol Secure o Protocolo de Transferencia de Hipertexto Seguro. Que implica que la página es segura, por cuanto la transferencia de información está cifrada o encriptada. El grado de seguridad estará dado por la implementación de la instalación de nuestro navegador web. / 3

4 03. Debajo de donde se escribe el nombre del blog, es importante seleccionar la sección que dice: wordpress.com Gratis. Más abajo vemos que el resto del menú y aparecen las alternativas de planes pagados de WordPress. Seleccionamos la opción que está al lado izquierdo de las opciones y apretamos clic con botón izquierdo del mouse en crear blog. 04. Nos aparecerá la siguiente pantalla, importante que nos da la definición del nombre del sitio, la temática y el idioma en que se va a postear. Clic en el botón Paso siguiente. / 4

5 III. PERSONALIZACIÓN DE LA APARIENCIA Temas (opciones de tema) 01. Seleccionamos un tema de los que hay disponibles de manera gratuita. Todos los temas tienen la opción de Activar y Demo. La Activación implica aplicar el tema seleccionado a nuestro sitio, el Demo, es un enlace externo con destino a un sitio demostrativo en que se muestra la operación del tema seleccionado. 02. Una vez elegido el tema (que es susceptible de cambiar cuantas veces queramos) podemos personalizarlo de acuerdo a las opciones disponibles. Nos aparece en un listado todos los datos cambiables (respecto de la apariencia) relevantes del tema seleccionado. Apretamos el botón PERSONALÍZALO! / 5

6 03. Abajo al centro se observa un pequeño menú con tres figuras que previsualizan la disposición en que se adapta (responsable web design), nuestro sitio según el soporte donde se despliega: pantalla destock, notebook, tablet o dispositivo móvil. 04. En el modo personalizar un tema seleccionado, aparecerán las siguientes opciones en una barra a la derecha: Diseño personal, Colores, Cabecera, Portada, Widgets y Título 05. La primera opción es Diseño personal, la cual seleccionamos y se despliega este menú y en Diseño personal damos clic en Ocultar este mensaje para evitar confusiones dado que estas / 6

7 ORLANDO DURÁN SÁEZ ANTONIO SEGOVIA I 2015 UNIDAD: WordPress opciones son pagadas. El Diseño del sitio considerando Fuentes, Colores y CSS, es una opción disponible con pago. 06. La primera opción es Colores, debemos bajar en este menú y podremos seleccionar el color te texto de la cabecera. Lo seleccionamos y clic en botón Guardar. 07. En Cabecera, se puede cambiar la imagen del banner del sitio, observamos que en el menú se nos indica el ancho y alto de píxeles de la imagen que puede ir en ese lugar. / 7

8 08. Para poder desarrollar de manera simple y sin tener un software profesional (Photoshop o Fireworks) de edición de imágenes instalado en nuestro computador, podemos usar uno en línea. Por ejemplo: Picmomkey ( Preparamos la imagen en este editor en línea y la insertamos (también en WordPress tenemos la posibilidad de cortar (Crop) la imagen para ajustarla al tamaño del banner. Por otro lado, podemos insertar la imagen estando alojada en algún sitio web de imágenes como Photobucket o Flickr. Estando en el modo de personalización de nuestro sitio en WordPress damos clic en añadir nueva imagen. Insertamos la imagen que preparamos en picmonkey y en este caso seleccionamos Saltar recorte de la imagen. / 8

9 ORLANDO DURÁN SÁEZ ANTONIO SEGOVIA I 2015 UNIDAD: WordPress 09. En Portada puedes seleccionar lo que quieres que se presente en esta parte del sitio con la opción de página estática o bien que aparezca el post más nuevo publicado. 10. Ahora en la sección de Widgets, nos da la opción de ubicación de estos respecto de la pantalla. Luego seleccionamos el tipo y apariencia de los widgets y los vamos agregando a nuestra personalización del tema seleccionado. / 9

10 11. Finalmente en Título indicamos el texto a usar como título de nuestro sitio y una descripción corta de este. IV. CONCEPTOS BÁSICOS 01. Entrada (posteo / postear) Es el nombre con que se denomina a cada una de las publicaciones que se realizan en un sitio. 02. Borrador Es una entrada que queda guardada como un archivo de borrador, susceptible de ser editado y publicado o bien se puede eliminar. 03. Etiquetas o tags Son todas las palabras claves que sirven para describir el contenido de una entrada y que sirven para ayudar a los buscadores a encontrar contenidos. 04. Categorías Son las agrupaciones temáticas de una entrada o bien temas generales a los que puede pertenecer la entrada o post. 05. Permanentlinks Este concepto implica que la dirección web de la entrada ya publicada, no cambia incluso si esta se edita. 06. Está el botón de Cambiar estado, que se tiene cuatro opciones: Publicar Inmediatamente Borrador Pendiente Revisión Programada (se debe especificar fecha y hora de la publicación) Nota: la fecha está definida en sistema inglés es decir mes/día/año. Y la hora está en UTC + 0 se debe conocer cuál es la relación con respecto a la hora chilena. 07. Añadir multimedia En este botón se activan opciones para insertar una imagen o video que está alojado en un sitio aparte de WordPress, que contenga nuestras fotos como photobucket o flickr. / 10

11 Estando dentro de uno de estos sitios que contengan nuestras imágenes y videos. Seleccionamos el archivo a usar y buscamos la opción Direct link del archivo (foto o video alojado) y copiamos la dirección que nos entregue. Volvemos a WordPress y hacemos clic en Añadir multimedia (7). Se desplegará una ventana y en la barra que dice Insertar desde URL, pegamos la dirección web de la imagen o video. Hay una sección Leyenda, que sirve para agregar una descripción. Luego parece Texto Alternativo que se despliega al pasar el mouse sobre la imagen. Finalmente para que se agregue a nuestro post, hacemos clic en Insertar en la entrada. / 11

12 Vemos la imagen inserta en la entrada que estamos haciendo. Para chequear cómo se verá el posteo con la imagen diagramada según el Tema (apariencia) que previamente hemos elegido para nuestro sitio, debemos hacer clic en Vista Previa. Importante: esta es una previsualización, no implica que esa entrada haya sido publicada. / 12

13 Una vez chequeado en la Vista Previa la entrada que deseamos hacer, damos clic en nuestra ventana de edición de entradas en el botón Publicar a ensayo Universidad. Y así será publicado nuestro post. / 13

14 Aparece un mensaje que indica que se ha publicado correctamente y te da la opción de visualizarlo en tu sitio. V. CONFIGURACIÓN BÁSICA Para acceder a la configuración básica debemos hacer clic en el primer botón de la barra superior donde va nuestro Gravatar. Se abre el panel de configuración básica de nuestro sitio en WordPress. / 14

15 En este panel aparece un menú a la izquierda con distintos ajustes que podemos realizar en nuestra cuenta de WordPress. El primer aspecto que se puede editar es: 01. Mi Cuenta: Se puede cambiar el nombre de usuario, dirección , dirección web, el idioma de interfaz. Además se pueden activar los Feedbacks de la entrada publicada, de manera instantánea. 02. Contraseña: Permite cambiar la contraseña de acceso al panel de administración de mi sitio en WordPress, como es habitual dan algunas directrices para optimizarla de manera segura. 03. Seguridad: Tiene la posibilidad de activarse la cuenta con códigos de verificación por medio de SMS y para ello se requiere que ingresemos un número de celular. 04. Perfil público: Como su nombre lo indica permite generar un perfil público como el administrador o creador de vuestro sitio en WordPress. Es importante crearse una cuenta en ya que WordPress la utiliza directamente enlazada con este otro sitio. 05. Notificaciones: Son avisos de acciones que suceden en tu sitio. Se pueden ajustar de acuerdo a los intereses de cada uno. Hay avisos de me gusta de mis comentarios, que se pueden activar o desactivar. Aviso de que alguien me ha nombrado por mi nombre de usuario. En esta misma sección se pueden definir los aspectos y funciones de las suscripciones. Al final de cada una de estas opciones si hacemos cambios se debe hacer clic en guardar cambios. / 15

16 IV CONFIGURACIÓN AVANZADA Para la configuración avanzada, debemos hacer clic en la barra superior en Mis Sitios, se desplegará un panel con tres pestañas: General, Escritura y Comentarios General: que permite hacer cambios en el Título del sitio, la descripción corta, el lenguaje y la visibilidad del sitio para los buscadores. 02. Escritura: Permite predefinir la categoría de las entradas basándose en las categorías que yo ya he definido en mis entradas o posteos. Además se puede establecer por defecto un formato a nuestra / 16

17 elección para que sea el predefinido al momento de realizar un posteo. También está la opción Press This (publicar esto) que se utiliza aplicándola en el navegador y sirve para captar secciones de temas publicados en la web que se copian y luego las puedes editar y publicar en tu sitio de WordPress. 03. Comentarios: Denominación que se ocupa para las opiniones o mensajes que dejan los internautas en una entrada. En esta sección se debe configurar todos los aspectos relativos a los comentarios de nuestro sitio web. Aspectos tan importantes como la publicación de los comentarios con o sin aprobación del administrador del sitio web se define en esta sección. Las notificaciones al correo del administrador del sitio, de los comentarios que se realicen, también se definen acá. Así como también los requisitos para poder hacer un comentario en el sitio. Se pueden definir también palabras, correos, nombres, URL, etc, que de aparecer en un comentarios automáticamente se definan como SPAM y van a una carpeta especial (similar a como funciona en los correos electrónicos). / 17

18 WordPress v/s Joomla! No se recomienda hacer competir WordPress y Joomla!, si quieren un blog y simplemente eso, WordPress es la mejor de las opciones, pero si quieren hacer un sitio Web comercial o una comunidad con más aplicaciones; Joomla!, les dará una gran cantidad de opciones y es perfectamente posicionable en los buscadores. Joomla! Clara vocación de portal para dar solución a sitio Web de corte periodístico, informativo, empresarial e institucional. Posee servicios tales como carrito, galerías de fotos, tiendas virtuales, videos, directorio, etc. Además, los templates han evolucionado mucho. Ventajas: + Muy sencilla para administrar una web. + Muy versátil, se pueden instalar fácilmente diferentes temas para cambiar el estilo página. + Es un sistema muy completo para paginas estáticas (NO BLOGS). + Tiene la opción de instalar plugins gratuitos para mejorar el sistema, así como para administrar comentarios de los usuarios o bien más funciones. Desventajas: + Requiere más habilidad que WordPress para configurar el "SEO" + Es un poco más difícil de utilizar que WordPress. WordPress Gestor de contenidos más orientado al bloggin e ideal para los que entienden mucho de PHP. Ventajas: + Se puede utilizar sin necesidad de tener una pagina web como tal. + Versiones gratuitas. + Publicaciones periódicas. + Buena gestión SEO, ranking en los buscadores como Google. + Selección variada de plantillas y modificación de estas. + Es mucho mas fácil de utilizar que Joomla!. Desventajas: + No se tiene total control de las publicaciones que realizas en tu blog, puesto que como precisamente "es un blog", se acomodan automáticamente por fecha y categorías. / 18