Cómo construir un sitio web con Joomla










  • 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í.

    Artículos Joomla

    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.

    Joomla nuevo artículo

    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.

    Artículo de Joomla Guardar

    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.

    Guardar y cerrar Joomla

    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ú".

    Joomla Agregar nuevo elemento de menú

    Haga clic en el botón "Seleccionar" del campo Tipo de elemento de menú.

    Selección de tipo de menú de Joomla

    Desde la nueva ventana, seleccione Artículos y luego haga clic en "Artículo único" en la parte inferior de la lista.

    Joomla Seleccionar artículo único

    En la pantalla Nuevo elemento del menú, haga clic en el botón "Seleccionar" junto al campo Seleccionar artículo.

    Joomla 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.

    Joomla Elegir artículo

    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.

    Joomla Guardar Cerrar elemento del menú

    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.

    Visualización de elementos de menú de Joomla

    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".

    Categorías de artículos de Joomla

    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.

    Joomla Agregar nueva categoría

    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.

    Joomla Guardar categoría

    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.

    Joomla Seleccionar categoría

    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.

    Categoría de componentes de Joomla

    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.

    Nueva categoría de banner de Joomla

    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.

    Joomla Guardar categoría de banner

    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ú".

    Menú de nueva categoría de Joomla

    Haga clic en el botón "Seleccionar" junto al campo Tipo de elemento de menú.

    Seleccionar tipo de menú de Joomla

    Seleccione el tipo de artículos y haga clic en "Lista de todas las categorías".

    Lista de todas las categorías de Joomla

    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".

    Menú de categorías de Joomla Guardar

    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.

    Lista de categorías de Joomla

    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.

    Estrella destacada de Joomla

    2) Haga clic en el botón "Sí" debajo de la opción Destacados dentro del artículo mismo.

    Joomla Sí Botón destacado

    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.

    Artículos destacados de Joomla

    Nombra el elemento como "Artículos destacados" y haz clic en el botón "Guardar y cerrar".

    Menú destacado de Joomla Guardar

    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".

    Menú principal de Joomla

    Haga clic en el enlace del elemento "Inicio".

    Menú de inicio de Joomla

    A continuación, haga clic en la pestaña "Diseño" en la parte superior.

    Diseño de inicio de Joomla

    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.

    Joomla Guardar diseño de inicio

    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".

    Joomla 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".

    Elemento del submenú de Joomla

    Asigne un título al elemento del menú. Haga clic en la opción "Categoría de blog" de la sección Artículos.

    Categoría Joomla Blog

    Haga clic en la lista desplegable para "Elegir una categoría" y seleccione una. En este ejemplo, estoy seleccionando "Energía solar".

    Joomla Elegir categoría

    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".

    Elemento principal de Joomla

    Una vez que haya terminado, haga clic en "Guardar y cerrar" para volver a la lista de elementos del menú.

    Elemento del submenú de Joomla Guardar

    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".

    Contactos Joomla

    Haga clic en el botón "Nuevo" cerca de la parte superior izquierda de la página.

    Joomla Contactos Nuevo

    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.

    Joomla Contacto Guardar

    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".

    Contacto único de Joomla

    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.

    Seleccionar contacto de Joomla

    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".

    Fuente de noticias única de Joomla

    A continuación, haga clic en el botón "Seleccionar" junto al campo Feed.

    Seleccionar fuente de Joomla

    Elija su fuente de noticias haciendo clic en su nombre en la lista.

    Joomla Elija la fuente de noticias

    Asigne un título al elemento del menú y haga clic en el botón para guardar y cerrar.

    Joomla Guardar fuente de noticias

    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.

    Página de noticias de Joomla

    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.










  • Subir