Joomla es un gran sistema para aquellos que quieren construir un sitio web sin conocimientos de programación. Aunque aprender los conceptos básicos de HTML, PHP y CSS puede ser beneficioso a largo plazo, no es necesario para comenzar a crear algo increíble hoy.
Con una buena base de alojamiento web, cualquiera puede crear un sitio web con Joomla para prácticamente cualquier propósito. Ya sea un blog, un sitio de comercio electrónico o simplemente publicar información comercial para impulsar el tráfico local, todo se puede hacer desde Joomla.
En este tutorial de creación de sitios web de Joomla, repasaré algunos de los conceptos básicos del sistema. Estos consejos lo ayudarán a comenzar mostrándole algunos de los elementos que puede modificar para comenzar a desarrollar de inmediato. Desde el momento en que finaliza el proceso de instalación de Joomla , puede comenzar a atraer visitantes a su sitio.
Crear un artículo básico en Joomla
El contenido es cómo los sitios web generan tráfico. Si no tiene texto en su sitio, los motores de búsqueda no pueden clasificarlo. Crear artículos en Joomla es cómo agrega ese contenido a su sitio web.
Comencemos repasando cómo agregar un artículo básico en Joomla.
Cómo crear un artículo
Haga clic en la herramienta Contenido en el panel de administración superior y seleccione «Artículos». Lo sé, probablemente vea la opción «Agregar nuevo artículo» disponible, pero la vamos a ignorar por ahora. Quiero mostrarles la pantalla del artículo en sí.
Esta pantalla le mostrará todo el contenido que haya desarrollado en Joomla. Desde aquí, tienes una variedad de opciones a tu disposición para personalizar el contenido. Haga clic en el botón «Nuevo» en la parte superior izquierda.
Desde la siguiente pantalla, puede ingresar un título para la pieza y completar el texto que desee. Joomla viene con un excelente editor visual que tiene muchas de las mismas características que muchos sistemas de edición. Negrita, cursiva, subrayado, formato y otras herramientas están a su conveniencia para crear contenido que atraiga el tráfico.
Una vez que haya terminado de crear la pieza, haga clic en el botón «Guardar» en la parte superior de la pantalla.
NOTA : Hay tres formas principales de guardar artículos en Joomla:
- Guardar
Guardará su contenido y lo mantendrá en la misma pantalla del editor. - Guardar y cerrar
Guarda el artículo y lo lleva de regreso al área de artículos. - Guardar y Nuevo
Guarda el artículo actual y abre un editor en blanco para la siguiente pieza que desea crear.
De forma predeterminada, Joomla publicará inmediatamente los artículos que cree. Esto significa que estarán en vivo tan pronto como haga clic en el botón para guardar. Sin embargo, puede cambiar el estado del artículo para guardarlo como No publicado, Archivo o Papelera. Si sospecha que la pieza en la que está trabajando es más un borrador, cambie el estado a «No publicado».
Cómo poner el artículo en un menú
¿Qué sucede si crea un artículo que desea ver colocado como un elemento de menú? Aunque la creación de páginas es el mejor uso para los elementos del menú, también se pueden colocar artículos aquí. Desde la pantalla del editor, haga clic en el botón «Guardar y cerrar» para volver a Artículos.
Haga clic en el enlace «Menús» de la barra de herramientas superior, vaya al Menú principal y haga clic en «Agregar nuevo elemento de menú».
Haga clic en el botón «Seleccionar» del campo Tipo de elemento de menú.
Desde la nueva ventana, seleccione Artículos y luego haga clic en «Artículo único» en la parte inferior de la lista.
En la pantalla Nuevo elemento del menú, haga clic en el botón «Seleccionar» junto al campo Seleccionar artículo.
Elige qué artículo quieres colocar como elemento del menú. En este tutorial, la opción es bastante obvia porque solo se crea una pieza de contenido.
Asigne un nombre al título del menú. Este será el enlace que se muestra en su sitio web en la lista del menú. Sugeriría algo relacionado con el artículo que está utilizando en este caso. Como estoy usando «Esta es mi primera publicación» como elemento, mi título será «Mi primera publicación».
Haga clic en el botón «Guardar y cerrar» en la parte superior.
Ahora, tienes un artículo como elemento en tu menú de Joomla. Sugeriría reservar el menú para páginas importantes si es posible. Llenar un menú con una variedad de contenido distrae a muchos visitantes y puede funcionar mal en un entorno móvil.
Configuración de categorías
Las categorías son una excelente manera de separar el contenido. Es un método que puede mantener todas sus publicaciones y otros materiales organizados. No solo ayuda a aumentar la participación de los visitantes mientras les brinda a esas personas una forma de encontrar sus materiales fácilmente, sino que también lo ayuda a realizar un seguimiento de sus creaciones.
Por ejemplo, supongamos que tiene un sitio web centrado en la electrónica del hogar. En lugar de agrupar todos los artículos y hacer que parezca un bloque gigante de información, puede dividir categorías como televisores, consolas de juegos y dispositivos móviles. Ahora, las personas que solo están interesadas en las consolas de juegos pueden buscar todos los artículos enfocados en ese nicho.
Hay varias formas en que las categorías se pueden usar en Joomla. Puede administrar artículos, organizar componentes y enumerarlos en su sitio web para que todos los vean.
Cómo usar categorías de artículos
Haga clic en la herramienta Contenido en el panel de administración superior y haga clic en «Categorías».
Esta sección le mostrará todas las categorías que tiene actualmente para sus artículos. De forma predeterminada, Joomla tendrá uno disponible etiquetado como «Sin categorizar». Esto es lo que se clasificará todo su contenido a menos que se cambie cuando lo esté creando.
Haga clic en el botón «Nuevo» en la parte superior izquierda de la pantalla.
En la siguiente pantalla, asigne un nuevo título a su categoría. Este es el enlace que todos, incluido usted mismo, usarán para asociar contenido a ese grupo. En este ejemplo, estoy construyendo un sitio de energía renovable. Entonces, voy a nombrar la primera categoría, «Energía solar».
Luego, puede darle una descripción a la categoría. Esto es opcional, pero puede ser beneficioso para que usted y sus invitados comprendan el contenido que se clasifica en esta sección. También puede configurar categorías principales, opciones de accesibilidad, idiomas e incluso etiquetas si desea utilizarlas en su sitio.
Una vez que haya creado la categoría, haga clic en el botón «Guardar y cerrar» en la parte superior.
NOTA : Las etiquetas se pueden ingresar escribiendo la palabra y presionando el botón Intro. Esto los agregará automáticamente a la lista de etiquetas de Joomla para su sitio.
Ahora, puede volver a artículos anteriores y cambiar sus categorías o crear un nuevo artículo y seleccionar su categoría de la lista.
Cómo usar categorías de componentes
Las categorías simplemente no funcionan para los artículos y aquellos que visitan su sitio web. De hecho, sus componentes también se pueden organizar por categorías. Estos mantienen todos los elementos de su sitio conectados y fáciles de administrar a medida que pasa el tiempo.
En este ejemplo, les mostraré cómo poner categorías para los banners. Esto es útil si decide vender espacio publicitario en su sitio web o mostrar pancartas por diversas causas.
Haga clic en la herramienta Componentes, desplace el cursor sobre los banners y haga clic en categorías.
Al igual que el área de categorías de contenido, le mostrará todos los títulos que ha creado para los banners.
Haga clic en el botón «Nuevo» en la parte superior izquierda.
Al igual que la categoría de contenido, puede asignarle un título y una descripción. De hecho, esta pantalla será similar en todas las categorías que cree, ya sean para componentes o contenido.
Una vez que haya terminado, haga clic en el botón «Guardar y cerrar» para volver a la lista de categorías.
Cómo enumerar las categorías en una página
Si tiene una lista de categorías para su contenido, quiere que los visitantes la vean. Esto también ayuda en la optimización de motores de búsqueda, ya que brinda a los bots un método para rastrear ese contenido.
En este tutorial de creación de sitios web de Joomla, voy a crear un elemento de menú que se vincule a una página de categoría.
Haga clic en Menús, coloque el cursor sobre el Menú principal y haga clic en «Agregar nuevo elemento de menú».
Haga clic en el botón «Seleccionar» junto al campo Tipo de elemento de menú.
Seleccione el tipo de artículos y haga clic en «Lista de todas las categorías».
Puede realizar otros ajustes en este elemento del menú, como abrir en una nueva pestaña, diferentes estilos de plantilla y modificar los diseños. Por ahora, solo le daremos un nombre al elemento del menú y haremos clic en el botón «Guardar y cerrar».
Cuando hace clic en las categorías del menú principal, se mostrará una lista de todas las categorías de artículos que se encuentran actualmente en el sitio. Sus descripciones también estarán disponibles para cada uno en esta nueva página.
Uso de artículos destacados
Los artículos destacados son aquellas piezas de contenido que desea mostrar antes que nada. Estos se utilizan a menudo para entregar contenido de suma importancia para los visitantes. Si bien Joomla tiene una variedad de formas de mostrar contenido, como las publicaciones más recientes primero, el Artículo destacado es algo que desea que todos sus visitantes conozcan de inmediato.
Hay mucho que se puede hacer con los artículos destacados. Se pueden usar en la página de inicio como un blog o almacenarse en su propia página como la lista de categorías que mostré anteriormente.
Aquí hay algunas formas de manejar esta función en Joomla.
Marcar artículos como destacados
La configuración de artículos para que se presenten se puede hacer de dos maneras diferentes.
1) En la sección Artículos, puede hacer clic en el ícono de estrella para que la publicación se destaque.
2) Haga clic en el botón «Sí» debajo de la opción Destacados dentro del artículo mismo.
Creación de un elemento de menú de artículo destacado
Un elemento de menú de artículo destacado se crea de la misma manera que la lista de categorías. Excepto en este caso, elegiría la opción de «Artículos destacados» en la sección Artículo.
Nombra el elemento como «Artículos destacados» y haz clic en el botón «Guardar y cerrar».
Cambiar el diseño de la sección de artículos destacados
Cuando comience a crear una lista de artículos destacados, es posible que desee organizar cómo se muestran en la página de inicio. Esto ayudará a darle al sitio una sensación de simetría mientras entrega su contenido.
Vaya a Menús, pero esta vez haga clic en la opción «Menú principal».
Haga clic en el enlace del elemento «Inicio».
A continuación, haga clic en la pestaña «Diseño» en la parte superior.
En la siguiente sección, puede cambiar una variedad de elementos para la página de inicio. El número de artículos principales, artículos de introducción, número de columnas a usar, orden y más opciones están disponibles. Esto le permite ajustar la apariencia de la página de muchas maneras.
Una vez que haya terminado de hacer los ajustes, haga clic en el botón «Guardar y cerrar» en la parte superior.
Uso de la función Leer más
Cuando está configurando artículos para que aparezcan en una sola página, es útil utilizar el enlace «Leer más». Esto le permite condensar el fragmento en un solo párrafo mientras permite que los visitantes hagan clic en un botón para ver el resto del contenido.
El botón Leer más hace que el sitio web se vea limpio y fácil de seguir para los invitados y es una buena práctica para entrar.
Desde un artículo, coloque el cursor donde desea colocar la etiqueta y haga clic en la herramienta de inserción «Leer más».
Esto agregará el botón Leer más al final del texto hasta donde estaba el cursor. Una vez que haya terminado, guarde su artículo.
Configuración de menús desplegables
Los menús desplegables o elementos de submenús son una excelente forma de mantener las barras de navegación limpias y organizadas. En lugar de mostrar cada elemento en la barra de navegación, puede usar una jerarquía para mostrar el contenido.
Los elementos del submenú se pueden utilizar para vincular contenido interno o mostrar vínculos externos. Por ejemplo, puede vincular directamente a otro sitio web completamente desde la lista desplegable. Esto puede ser útil si desea compartir herramientas o sitios web valiosos que cree que sus invitados deben visitar.
Hay muchas maneras de crear menús desplegables para casi cualquier propósito. Hoy, solo me voy a centrar en algo rápido y fácil.
Estos elementos de submenú se crean dándoles un elemento principal para que estén debajo. En este ejemplo, voy a mostrar categorías específicas en el elemento de menú «Categorías».
Agregue un nuevo elemento de menú y haga clic en el botón «Seleccionar».
Asigne un título al elemento del menú. Haga clic en la opción «Categoría de blog» de la sección Artículos.
Haga clic en la lista desplegable para «Elegir una categoría» y seleccione una. En este ejemplo, estoy seleccionando «Energía solar».
Haga clic en el menú desplegable Elemento principal y elija bajo qué elemento del menú aparecerá. En mi caso, estoy colocando este en «Categorías».
Una vez que haya terminado, haga clic en «Guardar y cerrar» para volver a la lista de elementos del menú.
Agregar una página de contacto
Una página de «Contáctenos» es un aspecto importante de cualquier sitio web comercial. Brinda a los visitantes una forma de ponerse en contacto con usted y juega con la forma en que los consumidores confían en la marca. El simple hecho de no tener esta página puede hacer que las personas abandonen el sitio web, incluso si no lo usan.
Joomla viene con su propio creador de formularios de contacto. Esto facilita la configuración rápida de un método para permitir que otros envíen mensajes.
Crear el formulario de contacto
Primero, haga clic en la herramienta Componentes en la parte superior y haga clic en «Contactos».
Haga clic en el botón «Nuevo» cerca de la parte superior izquierda de la página.
Ingrese la persona de contacto que desea utilizar para el formulario. Deberá proporcionar a este contacto un nombre y una dirección de correo electrónico. En este ejemplo, solo voy a llamarlo «Contactos». Sin embargo, es posible que desee utilizar «Contáctenos» o algo similar. La dirección de correo electrónico que proporcione será el destino de los envíos de formularios de los invitados.
Puede vincular a los usuarios de Joomla a la información de contacto si tiene alguna.
Una vez que haya ingresado la información, haga clic para guardar y cerrar.
Adición del formulario al menú principal
Ahora, deberá agregar el formulario al menú principal para que sus visitantes puedan acceder a él.
Agregue un nuevo elemento de menú como se indicó anteriormente. Excepto que esta vez, haga clic en la opción Contactos y seleccione «Contacto único».
Asigne un nombre a este elemento del menú, «Contáctenos».
Haga clic en el botón «Seleccionar» junto a Seleccionar contacto y elija la cuenta que creó anteriormente.
Después de seleccionar la cuenta, guarde y cierre el formulario y se agregará al menú principal.
Usando Joomla para construir una página de componentes complejos
Una de las cosas que hace que Joomla sea una gran plataforma para crear un sitio web es la capacidad de agregar componentes. En lugar de codificar ciertos elementos usted mismo, el sistema tiene procesos automatizados que facilitan la entrega de ciertos objetos. Por ejemplo, el formulario de contacto que acabamos de crear es un componente integrado en Joomla.
Sin embargo, no todos los componentes tienen la capacidad de ser utilizados como una página web impresionante. Algunas son herramientas simples que mejoran la eficiencia de un sitio web. En este ejemplo, sin embargo, voy a repasar la configuración de una página de componentes complejos utilizando la sección de noticias.
En este ejemplo, ya tengo una fuente de noticias configurada en Joomla. Ahora, solo necesitamos una página que lo acompañe.
Agregue un nuevo elemento de menú como en las instrucciones anteriores. Esta vez, haga clic en la sección Fuentes de noticias y seleccione «Fuente de noticias única».
A continuación, haga clic en el botón «Seleccionar» junto al campo Feed.
Elija su fuente de noticias haciendo clic en su nombre en la lista.
Asigne un título al elemento del menú y haga clic en el botón para guardar y cerrar.
Cuando un visitante hace clic en el enlace del feed, se le presenta su propia página. Esto se considera una publicación de componentes complejos porque todos los datos contenidos en la página se extraen de un tercero y se muestran en su propio sitio web. Cada vez que la fuente actualiza el material, se refleja en esta página web.
Sea creativo y construya
No es demasiado difícil construir un sitio web con Joomla. Gran parte de la funcionalidad está automatizada y es menos complicada que otros sistemas. Debido a que es personalizable, puede crear cualquier cosa que necesite con la plataforma. Desde comercio electrónico hasta blogs, es un sistema flexible que se adapta fácilmente. Lo único que puede limitarte es la imaginación.