224 | Cómo crear una web estilo wikipedia en WordPress

En el episodio 224 de WordPress semanal te hablo de la única solución que existe para crear una web del tipo Wiki en WordPress. Veremos qué plugins usar y qué conceptos son importantes. Vamos allá. Hola, hola, Soy Gonzalo de GonzaloNavarro es y bienvenidos a WordPress Semanal, el el podcast en el que aprendes WordPress de principio a fin. Porque como ya sabes, no hay mejor inversión que la de aprender a crear y gestionar tus propias webs con WordPress. Y ya sea que lo hagas para otros o que sea para ti mismo, hoy vas a aprender cómo crear un tipo de web muy particular, al estilo de Wikipedia u otras webs del tipo lo que se conoce como wiki. Ahora en un momentito vamos a ver precisamente qué es eso de una web del tipo wiki, vamos a hablar de qué necesitas para crearla, de algunos conceptos clave que es necesario que entiendas cuando afrontes un proyecto como este y por último, te haré un repasito por el proceso técnico que hay que seguir, es decir, ya cuando empieces a crear la web en sí, técnicamente, qué pasos tienes que dar. Pero antes, como siempre, vamos a ver las novedades. Que está pasando en Gonzalo Navarro Es esta semana, como cada semana, ya sabéis que todos los martes publico contenido exclusivo para suscriptores, en este caso en la Zona Código. La Zona Código es simplemente una página que tienes a tu disposición si eres suscriptor, donde puedes ver una relación de vídeos, que ya vamos por el vídeo 175, en los que te enseño a modificar tanto el aspecto como el funcionamiento de tu web sin utilizar plugins. Está pensado para que mediante código, copiando y pegando lo que yo hago en el vídeo, pues logres el mismo resultado que yo. Y como digo en este vídeo, que es el 175, te enseño a hacer que cualquier imagen que tú tengas en tu web y que tú elijas que quieras hacer esto, tenga un borde redondeado, es decir, tenga un aspecto redondo. ¿Y por qué digo esto de cualquier imagen? ¿Recalco la palabra cualquier? Pues porque realmente hacer una imagen con aspecto redondeado es muy sencillo a través de CSS y simplemente hay que jugar un poco con el borde de esa imagen. Pero claro, si la imagen no es cuadrada, no es perfectamente cuadrada de no te va a quedar un círculo perfecto cuando tú intentes darle un borde redondeado, salvo que apliques el truco que te enseño en este vídeo, que como digo es el 175 y al que puedes ir yendo a gonzalonabarro es códigos, ahí puedes buscarlo o si quieres ir directamente GonzaloNabarro es códigos 175. Sí, fantástico. Y tenemos más novedades, estamos a final de mes, lo que quiere decir que hay curso nuevo en la plataforma y si me lleváis siguiendo un tiempo, pues sabréis que si, siempre que saco un curso saco un episodio del podcast muy relacionado con ese curso, con lo cual habéis acertado. Tenéis disponible ya el curso de creación de webs del tipo wiki para hacer una web al estilo Wikipedia, para que la gente o tus visitantes puedan colaborar directamente en la web que tú has creado, puedan editar los contenidos que ya existen, puedan crear contenidos nuevos y se pueda crear todo un entramado de colaboración, pues como digo, al estilo Wikipedia, que es la web que todos conocemos y que es mucho más fácil asociar estos términos muy rápidamente. En el curso vemos primero cómo contratar e instalar el plugin que vamos a usar para la creación de la wiki. Vemos las páginas importantes que necesitamos para esta wiki, los artículos, que es el contenido fundamental y las categorías de la wiki. Después repasamos los ajustes de la página de inicio de la wiki, no necesariamente la página de inicio de tu web, porque puedes tener una web y después una zona de wiki. Vemos también los ajustes de otras páginas importantes. Te enseño a configurar el buscador, que es una de las partes fundamentales de una wiki, porque una wiki suele ser una web donde la gente va a buscar información sobre algo, con lo cual el buscador tiene que funcionar muy muy bien. También veremos cómo puedes diseñar todas las páginas que tienen relación con esta wiki. Y una de las cosas más chulas, te voy a enseñar a configurar el editor de la parte frontal, porque si los visitantes o tus usuarios cuando colaboren en esos artículos que estén publicados en la wiki, van a poder hacerlo desde la parte frontal y no tienen que ir al panel de administración ni nada, sino que es una una experiencia de usuario mucho mejor, mucho más fluida y mucho más sencilla, sobre todo para cualquier usuario. Y después veremos otros temas interesantes, como poder controlar el índice de contenidos que se genera dentro de cada artículo, un poco la navegación dentro de la wiki. Después cositas más avanzadas a través de shortcodes en fin un curso muy muy muy completo donde vas a poder crear desde cero una web del tipo wiki con un resultado profesional y con un control tremendo. Ya sabes que si eres suscriptor pues ya lo tienes disponible y si te quieres apuntar a este y al resto de cursos puedes ir a gonzalonabarro es cursos genial. Eso en cuanto a las novedades. Ahora vamos con el plugin de la semana que se llama Collapse O matic y te va a permitir mostrar mediante un shortcode un desplegable. No sé si conoces o te imaginas un poquito el típico de o la típica zona de preguntas frecuentes donde puedes darle clic a una flechita y te despliega la respuesta por ejemplo de una pregunta frecuente. Pues este plugin es una funcionalidad muy pequeñita que te permite mediante un shortcode precisamente colapsar y bueno y expandir si alguien le da a expandir cualquier tipo de contenido y donde tú quieras. Esto es muy útil por ejemplo si estás en una tienda con woocommerce y quieres poner un desplegable especial en alguna zona de la descripción por ejemplo del producto y no quieres tener que editar por código ni que utilizar los hooks y los filtros de WooCommerce, sino que quieres algo muy sencillito así con un shortcode poder poner un texto desplegable en cualquier lugar o un vídeo o lo que sea, pues lo puedes hacer. Y digo la página de producto porque es un caso por ejemplo que me preguntó un suscriptor, pero puede ser en cualquier otro lugar de tu web, donde quieras, en un área de widget, donde sea. De nuevo se llama collapseomatic, lo tienes en las notas del episodio. Recuerda que que este es el episodio 224 al que puedes ir yendo a Gonzalo es 224. Y ahora sí nos vamos con el tema central, cómo crear una web estilo Wikipedia en WordPress. Bien, antes de nada vamos a ver qué es esto de una web del tipo wiki, que bueno más o menos ya solo con la intro pues creo que te habrás hecho una idea o solo relacionándolo con lo que se puede hacer en Wikipedia también, lo que pasa que mucha gente está acostumbrada a buscar en Wikipedia pero no, no sabe que también se puede editar, que digamos que es una red colaborativa y los visitantes pueden editar contenidos o pueden crearlos incluso, pues eso, es precisamente el concepto de wiki. Es una web que permite a sus visitantes colaborar en la creación de contenidos de forma rápida y sencilla. Es decir, que no es que se tengan que registrar después, ir a un panel de administración complejo, tener un permiso para esto, para lo otro y que no sepa ni dónde ir, No. La gracia de una wiki es que se puede editar de forma sencilla, incluso en la parte frontal que yo pueda coger y como si estuviese editando un documento de Word, cambiar una palabra por otra, o añadir más texto o borrar algo e ir haciendo cambios. Y luego de forma ideal, de forma digamos ya para bordarlo, pues incluso se puede ver una revisión de todas las versiones que hay de ese contenido, volver atrás y demás, o controlarlo por alguien externo o tener más o menos permisos, pues entonces ya lo bordamos y es lo que vamos a ver en este episodio. Te voy a explicar qué se puede lograr. ¿Cómo? Bueno, pues vamos a ver qué necesitas para crear una wiki en WordPress. Dos cosas fundamentales. Una web hecha con WordPress, para eso curso de WordPress básico, es gratuito, ya lo sabes, la haces desde cero y la tienes. Y después el plugin Helpy WP Helpy WordPress, que yo conozca, que haya visto, es el único plugin que te permite de verdad hacer una wiki, es decir, con todas las funcionalidades, pudiendo editar desde la parte frontal, con opciones de control de quién puede editar, quién no. Realmente es un plugin que no está pensado solo para crear wikis, también está pensado para crear las típicas webs de documentación, por ejemplo, si tienes un software que puedas tener una web de documentación o la típica web de base de conocimiento dentro de tu empresa, que puedas tener una zona de conocimiento donde la gente pueda revisar artículos web sobre cosas de tu empresa, sobre cómo funciona y demás. Eso sí que hay otros temas, incluso themes de WordPress que te permiten hacerlo, pero este es el único que yo conozco que de verdad te permite crear una wiki tal y como la conocemos o tal y como estamos acostumbrados. No es un plugin gratuito, tienes este es de 69 dólares por un sitio, lo que sí que tiene bueno es que tienes un periodo de prueba de 7 días, tiene 7 días de prueba, pues eso lo pones en marcha, por ejemplo siguiendo mi curso, vamos, en un día la tendrías en marcha. ¿Que te viene bien? Pues nada, sigues y pagas el año, además se renueva el 30 % de descuento, con lo cual para mí es muy asequible si vas a crear una web del tipo wiki, la inversión es pequeña y si por lo que sea no te encaja, pues Como tienes los 7 días de prueba, pues cancelas la suscripción y fuera. Sí, sus puntos fuertes es que es muy sencilla la colaboración, cualquiera puede. Bueno, cualquiera que tú elijas puede colaborar, puede crear contenidos, puede editarlo, queda todo muy bien organizado por categorías, también por etiquetas, dependiendo un poco de cómo quieras ir o cuánto detalle quieras darle a esa categorización. Luego tiene una parte interesante que no cubrimos mucho en el curso, pero te permite analizar muy bien las búsquedas que se hacen dentro de tu wiki o dentro de tu página de documentación y eso es muy útil porque después puedes crear contenidos, por ejemplo, si no los tenías pero ves que mucha gente lo busca, pues creas un contenido. Te da la posibilidad de partir de demos, lo que pasa que eso no lo hacemos en el curso, porque para usar las demos tienes que tener el tema Astra y el plugin Elementor, y como yo quiero que sirva para todo el mundo, lo que hago en el curso es desde cero explicaros cómo crear todas las páginas del curso, que bueno, tampoco es nada difícil porque ya te genera las páginas principales y luego simplemente ir rellenando contenido e ir utilizando los ajustes de diseño para dar el aspecto que quieras. Tampoco va más allá de eso. Bueno, le podéis echar un vistazo a si buscáis Helpy WP en Google, pues os va a salir el plugin. Bien, entonces esto es lo que necesitas, una web con WordPress y el plugin Helpy WP, que ya te he explicado un poco sus características. Ahora, conceptos clave para entender una wiki por dentro y por fuera. ¿Por qué he creado este punto dentro del índice de este episodio? Porque es importante, porque normalmente cuando creamos una web con WordPress tenemos entradas, tenemos páginas y ya está, y nosotros vamos un poco creando nuestros contenidos. Pero en una wiki hay ciertas páginas fundamentales y que si no comprendes desde el principio para qué sirven y por qué están ahí, puede ser un poco lioso cuando te pongas a crear esta página del tipo wiki. Entonces, lo primero, una wiki funciona por artículos. El tipo de contenido específico para la wiki van a ser artículos. Realmente lo podrías llamar como quisieras, pero un poco por diferenciar. Tenemos entradas y páginas que están con WordPress, pero por ejemplo, cuando instalamos el plugin que nos permite crear una wiki, vamos a tener un tipo de contenido nuevo que son los artículos. Ahí es donde vamos a publicar o nosotros o gente que colabore en la wiki, pues la información, el contenido. Y después otro concepto muy importante son las categorías de estos artículos. Ya Sabemos que en WordPress tenemos formas de categorizar, tenemos taxonomías, pero en este caso para los artículos es muy importante. ¿Por qué? Porque en una web del tipo wiki, en una web del tipo documentación o del tipo base de conocimiento, hay que tener todo muy bien estructurado y Y la forma en la que podemos hacerlo, pues por supuesto es con categorías. También existen las etiquetas, pero para mí lo principal son las categorías. Cuando tú tienes ya todo categorizado, pues es mucho mejor darle una estructura a esta wiki y tanto nosotros nos vamos a poder organizar por dentro muy bien, como los visitantes, los que vayan a consumir los contenidos, van a poder filtrarlos y buscarlos mucho mejor. Esto sería lo más fácil, lo que tiene que ver con los contenidos y su organización. Después tenemos páginas clave dentro de lo que es una wiki. Tenemos la página principal con un buscador, esta la puedes un poco adaptar como quieras, pero lo típico es tener un buscador nada más llegar a la página de la wiki o de la página de documentación o de lo que sea y después debajo si quieres, a lo mejor, pues puedes tener las principales categorías de los contenidos que vas a tener en la web. Y otra página importante, más allá de esta con el buscador, es la página de resultados de búsqueda. Cómo se van a mostrar esos resultados, si se van a mostrar en columnas, si se van a mostrar artículos enteros o no. Si vas a tener también un buscador en esa misma página de resultados de búsqueda, por si alguien no ha encontrado lo que buscaba, que pueda buscar rápidamente otra vez. Eso es clave. Fíjate que las dos páginas más importantes, la del buscador y la de resultados de búsqueda. Y luego también otro concepto que puede ser un poco lioso, sobre todo si usas el plugin este de helpywp, es que te crea por defecto una página de edición de contenidos. Y esa página nos la crea HelpyWP y está vacía. ¿Por qué? Porque si nosotros configuramos este plugin para que, como te he comentado al principio, visitantes nuestros o gente que nosotros decidamos pueda editar o puedan editar artículos desde la parte frontal como motor se va a utilizar esta página, que digo yo que está vacía. Entonces esa es otra página fundamental y es la posibilidad, otra funcionalidad fundamental es la posibilidad de que directamente desde la parte frontal, sin ir al admin de WordPress, incluso sin estar logueado si así lo decides, pues otros visitantes puedan editar contenidos. ¿Y luego qué va a pasar cuando los editen? ¿Se van a publicar directamente esas ediciones? Normalmente no, normalmente van a ir a una zona de revisión y luego ya alguien especializado podrá revisarlas. Tú por ejemplo, o alguien de tu equipo, o alguien que se decida podrá revisarlas y decir venga, esta edición está correcta, vamos a publicarla para evitar que no hagan locuras. Al final una wiki tiene que estar muy controlada porque si no la gente puede escribir barbaridades y luego eso no se puede publicar de inmediato, habrá que revisarlo. Pues todo esto lo puedes controlar y es muy importante en cuanto a la creación de una wiki, Si es una página de documentación así como tal, pues tampoco, porque no vas a necesitar que colabore nadie de fuera, pero si va a ser una wiki como tal, sí, esto es muy importante, quizás el aspecto más importante y que realmente va a convertir a nuestra web en una wiki. Pues entonces todo esto tienes que tenerlo muy claro, tienes que tener en mente cómo funciona y ya una vez lo interiorices. Ahora sí, vámonos al proceso técnico de crear una wiki en WordPress. ¿Cómo lo vamos a hacer? Bueno, yo lo primero que te diría es que decidas si quieres crear una web nueva o instalarlo en una web existente. Como esto es un plugin, es decir, esta funcionalidad la estamos dando con un plugin, tú puedes tener por ejemplo la web de un producto, o una web corporativa, o tu web de servicios, o una tienda online, o lo que tú quieras y luego tener la funcionalidad de una wiki dentro de tu misma web sin tener que crear una nueva, no hay problema, o si quieres la puedes crear en un subdominio que no dejaría de ser otra web nueva, pero puedes elegir porque simplemente instalar un plugin, configurar las páginas propias y ya está. Luego las podrías poner en el menú de tu web y listo. Entonces ese es el primer paso. Y después, independientemente de lo que hayas decidido, pues ya la parte técnica es igual en todas. Lo primero que debes hacer es instalar y activar el plugin de Helpy WP. Después, opcionalmente, yo por ejemplo el curso no lo hago, pero opcionalmente puedes importar alguna de sus demos. Esto te va a importar el contenido, te va a importar imágenes, te va a importar el aspecto. Requisito tener el tema Astra y el plugin Elementor si quieres hacerlo así, pero si no, pues simplemente el plugin cuando lo instalas te va a crear las páginas principales, básicamente la página de inicio donde se va a buscar la página que te decía antes del buscador y alguna otra página más. Y entonces tú tienes que simplemente dedicarte mediante sus ajustes a configurar pues eso, la página principal del buscador, que es una de las más importantes. ¿Cómo se van a mostrar la página de los artículos? Eso también es muy importante, si vas a mostrar, por ejemplo, imagínate siempre el índice del resto de artículos en una barra lateral o vas a mostrar solo el índice de ese artículo concreto. Aquí ya depende del tipo de wiki y de cuánto material tengas en tu wiki, vas a querer mostrarlo de una forma u otra y es importante porque vas a querer que una persona navegue de forma amigable y que encuentre lo que quiere y que pueda ir a lo mejor si un contenido es muy largo, que pueda ir navegando sus distintos títulos de forma más sencilla, sin que tenga que hacer scroll, que pueda volver arriba de la página de forma sencilla también. Todo esto es muy importante en una web del tipo wiki porque es donde la gente va a informarse de manera exhaustiva sobre algo. Y luego también tienes la posibilidad de configurar las páginas de categoría, un poco también en este sentido, si vas a querer poner un índice en la barra lateral o si vas a mostrar subcategorías, en fin, tienes mucho control a este respecto y en los ajustes lo puedes controlar. Otra parte importante que debes configurar y que también lo tienes en los ajustes de este plugin es el buscador. ¿Cómo se va a comportar el buscador? ¿Dónde se va a mostrar el buscador? ¿Lo vamos a tener en todas las páginas, en todos los artículos? ¿Solo en la página principal? ¿Arriba, abajo? ¿Cómo van a ser los resultados de búsqueda? ¿Vamos a mostrar solo un resumen? ¿Vamos a Mostrar imagen destacada? Un poco este tipo de, como te digo, de experiencia de usuario a la hora de buscar y moverse dentro de la página, el buscador es fundamental. ¿De acuerdo? Esto es en cuanto a funcionalidad, que es lo primero que yo haría y después me iría a las opciones de diseño que te ofrece este plugin para la wiki y puedes establecer un diseño general, más allá de que te he dicho que podías configurar la estructura de las páginas principales, los artículos, categorías, el buscador y tal, luego un poco un diseño, pues los colores y así el look and feel general de la web, ¿De acuerdo? Y ya por último me centraría en la madre del cordero, que es básicamente configurar cómo va a ser la edición desde la parte frontal, es decir, cuando un visitante llegue a nuestra web, va a poder editar un artículo, va a poder editar solo los artículos de una categoría, va a tener que loguearse para poder editarlos, un poco todo ese proceso. Y más allá de eso, de cómo es ese proceso cuando alguien llega y quién puede y demás, que por cierto tienes como distintos tramos, puedes decir pues los que cualquiera, cualquier visitante va a poder editar, pero solo editar, no va a poder ni publicar ni permitir que se publiquen otros contenidos, simplemente editarlo y mandarlo como a revisión. Y luego puedes decir, y ya los que estén logueados pues van a poder editar y publicar sus propios artículos y los que sean de un rol concreto o incluso un usuario específico, puedes decir, usuario Pepito González, va a poder encargarse de una categoría, va a poder publicar todo de esa categoría. Ese tipo de control es un control tremendo y exhaustivo y está muy muy bien planteado dentro de este plugin. Y luego también incluso puedes decidir un poco el aspecto de cómo va a ser esa edición frontal, si va a ser un poco al estilo de, no sé si conocéis esta plataforma de publicación que se llama Medium, pues si va a ser al estilo de Medium, como muy en la parte frontal así, o si va a ser al estilo del editor típico de WordPress, el editor clásico, son bastante parecidos las dos opciones, pero puedes elegir entre que la gente edite la parte frontal de una forma o de otra. ¿Luego hay otros detalles de configuración que ya es ir repasando los ajustes de este plugin, pero básicamente con esto lo tendrías sería pues instalar y configurar lo básico del plugin, decidir cómo quieres que se muestren las páginas fundamentales y el funcionamiento también del buscador, establecer el diseño general y por último, bueno, lo puedes hacer en otro orden, pero este es un poco el orden que sigo yo en el curso y el que recomiendo, pero por último ya adentrarte en decidir qué va a pasar en la parte puramente de la wiki, que es la posibilidad de que otros editen y publiquen y demás, pues cómo va a ser todo ese funcionamiento? Pues ya sabes, todo este proceso paso a paso, de principio a fin, lo vemos en el curso de creación de una wiki en WordPress. Tienes el enlace directamente, las notas del programa, al igual que contenidos relacionados con este episodio y cualquier enlace que pueda haber mencionado. Recuerda, Gonzalo Navarro es 224. 224 y ahí vas directamente a todos los enlaces. Y si directamente te quieres apuntar a la plataforma, acceder a todos los cursos, a todos los vídeos y a soporte, conmigo, GonzaloNavarro es barra cursos. Nada más por este episodio, nos seguimos escuchando. Adiós.