{"id":5712,"date":"2017-10-31T16:35:04","date_gmt":"2017-10-31T16:35:04","guid":{"rendered":"https:\/\/blog.hostinger.io\/mx-tutoriales\/?p=5712"},"modified":"2023-08-09T06:08:51","modified_gmt":"2023-08-09T04:08:51","slug":"tutorial-joomla-principiantes","status":"publish","type":"post","link":"\/mx\/tutoriales\/tutorial-joomla-principiantes","title":{"rendered":"Tutorial de Joomla para Principiantes"},"content":{"rendered":"<p>Cuando hablamos de sistemas de gesti&oacute;n de contenidos, Joomla! es uno de los primeros nombres que vienen a la mente. Completamente de c&oacute;digo abierto (gratis), Joomla! puede ser utilizado por cualquier persona que quiera construir sitios web potentes.<\/p><p>Joomla! ha sido utilizado por muchas marcas y organizaciones famosas como la Universidad de Harvard, Linux.com, Guggenheim, MTV y el Centro de Informaci&oacute;n Regional de las Naciones Unidas para Europa Occidental (UNRIC).<\/p><p>Construir un sitio web con Joomla! Es s&uacute;per f&aacute;cil y s&uacute;per divertido debido a la multitud de plantillas y extensiones disponibles. Ya sea una web social o un sitio web de noticias, la administraci&oacute;n de sitios o mejoras principales, puedes encontrar todo tipo de <a href=\"https:\/\/extensions.joomla.org\/\" target=\"_blank\" rel=\"noopener\">extensiones preconstruidas en el sitio web oficial de Joomla<\/a>.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"261\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/columnas-de-texto.png\" alt=\"\" class=\"wp-image-5676\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/columnas-de-texto.png 900w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/columnas-de-texto-150x44.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/columnas-de-texto-300x87.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/columnas-de-texto-768x223.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"519\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/directorio-extensiones-joomla.jpg\" alt=\"\" class=\"wp-image-5714\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/directorio-extensiones-joomla.jpg 900w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/directorio-extensiones-joomla-150x87.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/directorio-extensiones-joomla-300x173.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/directorio-extensiones-joomla-768x443.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>Las plantillas de Joomla tambi&eacute;n est&aacute;n disponibles en Internet, por lo que comenzar no es una tarea dif&iacute;cil. Sin embargo, a pesar de que usar el sistema de administraci&oacute;n de contenido de Joomla es bastante f&aacute;cil de entender, incorporar un dise&ntilde;o personalizado sin tener experiencia previa en desarrollo puede ser dif&iacute;cil.<\/p><p>Hablar de un CMS de alta gama y, finalmente, hacer una comparaci&oacute;n con WordPress es inevitable. Aunque WordPress tiene un 120% m&aacute;s de descargas, m&aacute;s temas gratuitos y plugins que Joomla, no es inseguro decir que Joomla! le da a WordPress competencia sustancial. Aqu&iacute; hay un<a href=\"\/mx\/tutoriales\/joomla-vs-wordpress-cms-utilizar\/\"> desglose m&aacute;s elaborado de las diferencias entre 2 de los sistemas de gesti&oacute;n de contenido<\/a> m&aacute;s famosos del mundo.<\/p><p>Este tutorial de Joomla se enfocar&aacute; en mostrar c&oacute;mo usar Joomla para crear una <a href=\"\/mx\/tutoriales\/como-crear-una-pagina-web\/\">p&aacute;gina web desde cero<\/a>. Desde la instalaci&oacute;n hasta la configuraci&oacute;n del sitio web, todo estar&aacute; cubierto.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Build-Website-In-9-Easy-Steps-ES.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/blog.hostinger.io\/mx-tutoriales\/wp-content\/uploads\/sites\/39\/2022\/12\/eBook-Build-website-ES-1024x283.png\" alt=\"\" class=\"wp-image-25981\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2022\/12\/eBook-Build-website-ES.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2022\/12\/eBook-Build-website-ES-300x83.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2022\/12\/eBook-Build-website-ES-150x41.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2022\/12\/eBook-Build-website-ES-768x212.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2022\/12\/eBook-Build-website-ES-1536x425.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-paso-1-instalacion-de-joomla\">Paso 1 &ndash; Instalaci&oacute;n de Joomla<\/h2><p>Para instalar Joomla en su hosting compartido Hostinger, todo lo que tienes que hacer es unos pocos clics e ingresar los detalles de tu sitio web. El autoinstalador te permite ahorrar tiempo y configurar Joomla en minutos. Sigue estos pasos para instalar Joomla:<\/p><p>1- Ve al panel de control.<br>2- Haz clic en <strong>Instalador Autom&aacute;tico.<\/strong><br>3- En la barra de b&uacute;squeda ingrese <strong>Joomla<\/strong> y haz clic en su icono.<br>4- En el asistente de instalaci&oacute;n, ingresa los detalles de tu sitio web y haz clic en <strong>Instalar<\/strong>.<br>5- Permite unos minutos para que se instale el CMS.<\/p><p>Eso es todo lo que se necesitas hacer. Joomla! ahora se ha instalado y la base de datos requerida se ha creado y configurado.<\/p><p>Para acceder al panel de administrador de Joomla, agrega <strong>\/administrator<\/strong> al final de la URL (por ejemplo, www.midominio.com\/administrator) y p&eacute;ga en la barra de direcciones. Despu&eacute;s de ingresar su nombre de usuario y contrase&ntilde;a, que haz terminado de configurar Joomla, ser&aacute;s llevado a la p&aacute;gina del administrador.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"406\" height=\"402\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/administrator-joomla.png\" alt=\"\" class=\"wp-image-5716\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/administrator-joomla.png 406w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/administrator-joomla-150x150.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/administrator-joomla-300x297.png 300w\" sizes=\"(max-width: 406px) 100vw, 406px\" \/><\/figure><h3 class=\"wp-block-heading\">Instalaci&oacute;n de Joomla en Hostinger VPS<\/h3><p>Si usas un alojamiento en <a href=\"\/mx\/servidor-vps\">servidor virtual<\/a> de Hostinger, tienes otra opci&oacute;n para instalar Joomla con una plantilla de un solo clic. Esta plantilla OS incluye Joomla, OpenLiteSpeed y la imagen LSCache en la instalaci&oacute;n. Esto hace que la configuraci&oacute;n de partes como PHP OPCache sea m&aacute;s r&aacute;pida para ayudarte a optimizar el servidor web de forma m&aacute;s eficiente.<\/p><p>Puedes encontrar esta caracter&iacute;stica abriendo hPanel y haciendo clic en tu servidor.Luego, busca <strong>Sistema operativo<\/strong> en el panel lateral y elige <strong>Aplicaciones<\/strong> en la secci&oacute;n <strong>Cambiar tu sistema operativo<\/strong>. Encontrar&aacute;s la plantilla Joomla en el men&uacute; desplegable. Haz clic en <strong>Cambiar sistema operativo<\/strong> para comenzar la instalaci&oacute;n.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"796\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2018\/02\/hpanel-vps-operatingsystem-wordpress-es-1024x796.png\" alt=\"Las plantillas de sistemas operativos VPS disponibles en Hostinger. Se selecciona una plantilla con WordPress.\" class=\"wp-image-34255\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2018\/02\/hpanel-vps-operatingsystem-wordpress-es.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2018\/02\/hpanel-vps-operatingsystem-wordpress-es-300x233.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2018\/02\/hpanel-vps-operatingsystem-wordpress-es-150x117.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2018\/02\/hpanel-vps-operatingsystem-wordpress-es-768x597.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Este proceso sobrescribir&aacute; tu instalaci&oacute;n anterior del sistema operativo si la tienes, as&iacute; que aseg&uacute;rate de hacer una copia de seguridad de tus archivos de antemano.<\/p><h2 class=\"wp-block-heading\" id=\"h-paso-2-creando-un-sitio-web-con-joomla\">Paso 2: Creando un sitio web con Joomla<\/h2><p>Con Joomla!, obtienes muchas opciones sobre c&oacute;mo estructurar tu sitio web y c&oacute;mo administrar el contenido. En esta parte del tutorial de Joomla!, se te guiar&aacute; a lo largo de todo el proceso de hacer que la administraci&oacute;n de contenido sea f&aacute;cil y eficiente.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-2-1-agregar-articulos\">Paso 2.1 &ndash; Agregar art&iacute;culos<\/h3><p>Empecemos con lo b&aacute;sico. Desde la p&aacute;gina de administraci&oacute;n, haz clic en el bot&oacute;n <strong>Contenido<\/strong>, coloque el cursor sobre la opci&oacute;n <strong>Art&iacute;culos<\/strong> y haa clic en <strong>Agregar nuevo art&iacute;culo<\/strong>. Aparecer&aacute; un editor WYSIWYG. Se puede usar para formatear y agregar el texto a su art&iacute;culo. Tambi&eacute;n puede agregar im&aacute;genes o enlaces a su texto aqu&iacute;.<\/p><p>Una vez que hayaw terminado tu primer art&iacute;culo, presione el bot&oacute;n <strong>Guardar<\/strong> y su art&iacute;culo ser&aacute; publicado.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1060\" height=\"451\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-joomla.png\" alt=\"\" class=\"wp-image-5717\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-joomla.png 1060w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-joomla-150x64.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-joomla-300x128.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-joomla-768x327.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-joomla-1024x436.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-joomla-990x421.png 990w\" sizes=\"(max-width: 1060px) 100vw, 1060px\" \/><\/figure><p>Una vez que se ha creado el art&iacute;culo, aparecer&aacute; en la secci&oacute;n <strong>&Uacute;ltimos art&iacute;culos<\/strong>. Si deseas vincularlo al men&uacute; principal de su sitio web, siga estos pasos:<\/p><p>1- Da clic en la pesta&ntilde;a <strong>Men&uacute;s<\/strong>.<\/p><p>2- Pase el mouse sobre la opci&oacute;n <strong>Main Menu<\/strong> y da clic en <strong>Agregar nuevo elemento del men&uacute;<\/strong>.<\/p><p>3- Ingresa el t&iacute;tulo de tu elemento de men&uacute;, por ejemplo, <strong>Mi art&iacute;culo<\/strong>.<\/p><p>4- Ahora debes seleccionar el tipo de elemento del men&uacute;; como estamos hablando de art&iacute;culos, haga clic en el enlace <strong>Art&iacute;culos<\/strong>.<\/p><p>5- Para hacer que el men&uacute; reci&eacute;n creado abra el art&iacute;culo reci&eacute;n creado, haga clic en la opci&oacute;n <strong>Mostrar un solo art&iacute;culo<\/strong>.<\/p><p>6- Seleccione el art&iacute;culo que deseas vincular. Da clic en <strong>Seleccionar<\/strong> y dir&iacute;jete al art&iacute;culo que acabas de crear.<\/p><p>7- Presiona el bot&oacute;n <strong>Guardar<\/strong>.<\/p><p>Eso deber&iacute;a ser todo. Tu nuevo art&iacute;culoahora ser&aacute; accesible desde el men&uacute; principal en tu sitio web en Joomla!<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"999\" height=\"145\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mi-menu-joomla.png\" alt=\"\" class=\"wp-image-5719\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mi-menu-joomla.png 999w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mi-menu-joomla-150x22.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mi-menu-joomla-300x44.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mi-menu-joomla-768x111.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mi-menu-joomla-990x144.png 990w\" sizes=\"(max-width: 999px) 100vw, 999px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-paso-2-2-agregar-componentes-de-joomla\">Paso 2.2 &ndash; Agregar componentes de Joomla<\/h3><p>Con Joomla!, tienes la capacidad de agregar funcionalidades especiales adem&aacute;s de los art&iacute;culos est&aacute;ndar que forman parte de texto, enlaces e im&aacute;genes. La creaci&oacute;n de contenido complejo se lleva a cabo utilizando componentes.<\/p><p>El administrador de componentes tiene diferentes opciones a trav&eacute;s de las cuales se pueden agregar p&aacute;ginas complejas a tu sitio web. Joomla tiene bastantes componentes integrados que facilitan la creaci&oacute;n de diferentes tipos de p&aacute;gina: contactos, b&uacute;squeda, b&uacute;squeda inteligente, noticias, enlaces web, etc.<\/p><p>Por ejemplo, para crear una p&aacute;gina que incluya una fuente de noticias desde un sitio externo, debes ir a <strong>Componentes<\/strong>, luego seleccionar <strong>Fuentes de noticias<\/strong> y luego hacer clic en el bot&oacute;n <strong>Nuevo<\/strong>.<\/p><p>En una nueva ventana, complete los detalles requeridos (nombre y URL de la fuente de noticias que desea mostrar) y presione el bot&oacute;n <strong>Guardar<\/strong>.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"564\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/joomla-news-feed-component-creation.jpg\" alt=\"\" class=\"wp-image-5721\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/joomla-news-feed-component-creation.jpg 900w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/joomla-news-feed-component-creation-150x94.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/joomla-news-feed-component-creation-300x188.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/joomla-news-feed-component-creation-768x481.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>Otros componentes (pueden ser encontrados en el mismo men&uacute;) tambi&eacute;n se puede utilizar de una manera similar. Configurarlos es tan f&aacute;cil como hacer unos pocos clics.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-2-3-agregar-categorias-de-joomla\">Paso 2.3 &ndash; Agregar categor&iacute;as de Joomla<\/h3><p>Joomla tiene categor&iacute;as que te permiten categorizar su contenido. Puedes crear un nuevo contenido, puedes asignarle una categor&iacute;a. Tener la capacidad de categorizar su contenido ayuda a mantenerlo estructurado y sistematizado. Las categor&iacute;as funcionan mejor cuando se tienen diferentes tipos de contenido \/ art&iacute;culos que desees colocar en tu sitio web. Para agregar una nueva categor&iacute;a, siga estos sencillos pasos:<\/p><p>1- Desde el panel de administraci&oacute;n, haz clic en la opci&oacute;n <strong>Contenido<\/strong>.<br>2- Ahora desde las <strong>Categor&iacute;as<\/strong>, haga clic en <strong>A&ntilde;adir nueva categor&iacute;a<\/strong>.<br>3- Agregue el alias, el t&iacute;tulo, la descripci&oacute;n y presione guardar (Nota: el alias y la descripci&oacute;n son opcionales).<br>4- Presione el bot&oacute;n <strong>Guardar<\/strong> para crear su nueva categor&iacute;a<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-5722\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/categoria-joomla.png\" alt=\"\" width=\"1286\" height=\"744\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/categoria-joomla.png 1286w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/categoria-joomla-150x87.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/categoria-joomla-300x174.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/categoria-joomla-768x444.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/categoria-joomla-1024x592.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/categoria-joomla-990x573.png 990w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" \/><br><div><p class=\"important\">Al igual que los art&iacute;culos, los componentes de Joomla tambi&eacute;n se pueden categorizar. Hay una diferencia entre las categor&iacute;as de art&iacute;culos y componentes; es decir, cuando eliges el men&uacute; de categor&iacute;as para cualquier componente, te llevan al administrador de categor&iacute;as para el componente especificado. Para agregar una categor&iacute;a, tendr&aacute;s que presionar el nuevo bot&oacute;n que te apareci&oacute; all&iacute;. Aunque la ruta es diferente, la p&aacute;gina con las opciones para crear la nueva categor&iacute;a es exactamente similar.<\/p><\/div><\/p><h3 class=\"wp-block-heading\" id=\"h-paso-2-4-creando-articulos-destacados\">Paso 2.4 &ndash; Creando art&iacute;culos destacados<\/h3><p>Con Joomla, puedes crear p&aacute;ginas que combinen contenido seg&uacute;n la similitud de las propiedades.<\/p><p>El primer paso es marcar los art&iacute;culos como destacados. Esto es f&aacute;cil de hacer, como la mayor&iacute;a de las cosas con Joomla. Simplemente ve al <strong>Contenido<\/strong> y luego haz clic en <strong>Art&iacute;culos<\/strong>. La lista de art&iacute;culos en tu sitio web se mostrar&aacute; aqu&iacute;. Notar&aacute;s que hay una estrella al lado de cada art&iacute;culo en la lista. Todo lo que tiene que hacer para hacer que un art&iacute;culo aparezca es hacer clic en la estrella adyacente al art&iacute;culo relevante. La estrella debe ponerse amarilla, representando tu art&iacute;culo como<em> destacado<\/em>.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1102\" height=\"368\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-destacado-joomla.png\" alt=\"\" class=\"wp-image-5723\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-destacado-joomla.png 1102w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-destacado-joomla-150x50.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-destacado-joomla-300x100.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-destacado-joomla-768x256.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-destacado-joomla-1024x342.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-destacado-joomla-414x138.png 414w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/articulo-destacado-joomla-990x331.png 990w\" sizes=\"(max-width: 1102px) 100vw, 1102px\" \/><\/figure><p>Para mostrar los art&iacute;culos destacados en una p&aacute;gina vinculada en el men&uacute;, sigue estos pasos:<\/p><p>1- Crea un nuevo elemento de men&uacute;. Ve a <strong>Men&uacute;s<\/strong>, luego <strong>Main Menu<\/strong>.<br>2- Ahora haga clic en <strong>A&ntilde;adir nuevo elemento de men&uacute;<\/strong>. (Esto tambi&eacute;n se puede hacer con cualquier men&uacute; existente).<br>3- Selecciona el tipo de men&uacute;. Presiona el bot&oacute;n<strong> Seleccionar<\/strong> para hacerlo.<br>4- Desde los tipos de men&uacute;, da clic en la secci&oacute;n de Art&iacute;culos y luego daa su selecci&oacute;n de Mostrar todos los art&iacute;culos destacados.<br>5- Ingreseael t&iacute;tulo de su men&uacute;, Ejemplo: <strong>Art&iacute;culos Destacados<\/strong>.<br>6- Presiona el bot&oacute;n Guardar.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-2-5-creando-una-pagina-de-contacto\">Paso 2.5 &ndash; Creando una p&aacute;gina de Contacto:<\/h3><p>Recibir comentarios de sus visitantes \/ clientes \/ clientes potenciales a menudo es relevante para los propietarios de un sitio web. Para este prop&oacute;sito, tener una p&aacute;gina de contacto es vital. Con unos pocos clics, Joomla puede ayudarte a hacer eso:<\/p><p>1- Primero debes crear el componente de la p&aacute;gina de contacto. Para hacerlo, vaya a <strong>Componentes<\/strong> y luego haga clic en <strong>Contactos<\/strong>. Haga clic en el bot&oacute;n <strong>Nuevo<\/strong>.<br>2- Agrega el nombre de la p&aacute;gina y los detalles de contacto para tu formulario. Si deseas agregar una descripci&oacute;n, usa la pesta&ntilde;a <strong>Informaci&oacute;n general<\/strong>.<br>3- Una vez que haya terminado, haga clic en el bot&oacute;n <strong>Guardar<\/strong>.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1088\" height=\"594\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/pagina-contacto-joomla.png\" alt=\"\" class=\"wp-image-5724\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/pagina-contacto-joomla.png 1088w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/pagina-contacto-joomla-150x82.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/pagina-contacto-joomla-300x164.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/pagina-contacto-joomla-768x419.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/pagina-contacto-joomla-1024x559.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/pagina-contacto-joomla-990x540.png 990w\" sizes=\"(max-width: 1088px) 100vw, 1088px\" \/><\/figure><p>Para habilitar este formulario de contacto y hacerlo visible, simplemente agrega un componente reci&eacute;n creado en <strong>Men&uacute;s<\/strong>. El proceso es tan simple como agregar un nuevo art&iacute;culo al men&uacute;.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-2-6-uso-de-anuncios\">Paso 2.6 &ndash; Uso de Anuncios<\/h3><p>El componente de Anuncios se puede usar para administrar anuncios de imagen o HTML. As&iacute; es como hacemos esto:<\/p><p>1- En primer lugar, necesitamos crear un anuncio. Para ello, dir&iacute;jete a la pesta&ntilde;a de anuncios haciendo clic en <strong>Componentes<\/strong>, luego en <strong>Anuncios<\/strong> y luego en <strong>Anuncios<\/strong>.<br>2- Ahora haga clic en el bot&oacute;n <strong>Nuevo<\/strong> presente en la parte superior izquierda.<br>3- Ahora debe seleccionar un nombre para tu anuncio. Se recomienda utilizar nombres significativos y espec&iacute;ficos que puedan organizarse f&aacute;cilmente m&aacute;s adelante.<br>4- Sube tu imagen e ingrese detalles opcionales como ancho y alto.<br>5- Una vez que hayas terminado, presiona el bot&oacute;n <strong>Guardar<\/strong>.<br>6- Ahora, para mostrar su nuevo banner, necesita publicar un nuevo m&oacute;dulo. Ve al administrador de m&oacute;dulos bajo extensiones.<br>7- Haga clic en el bot&oacute;n Nuevo.<br>8- Una lista de m&oacute;dulos aparecer&aacute; ahora. Haga clic en anuncios.<br>9- Seleccione un t&iacute;tulo y posici&oacute;n para el m&oacute;dulo. Una vez hecho esto, presiona guardar y listo.<\/p><p>Como ejemplo, hemos agregado un anuncio de imagen con gatitos al pie de p&aacute;gina de nuestro Joomla! sitio web.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"530\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/anuncio-gatos-joomla.jpg\" alt=\"\" class=\"wp-image-5726\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/anuncio-gatos-joomla.jpg 900w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/anuncio-gatos-joomla-150x88.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/anuncio-gatos-joomla-300x177.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/anuncio-gatos-joomla-768x452.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><h2 class=\"wp-block-heading\" id=\"h-paso-3-instalar-las-extensiones-de-joomla\">Paso 3 &ndash; Instalar las extensiones de Joomla<\/h2><p>La <a href=\"https:\/\/extensions.joomla.org\/\" target=\"_blank\" rel=\"noopener\">biblioteca oficial de extensiones de Joomla<\/a> proporciona todas las extensiones que puedes usar. Desde seguridad y mapas de comunicaci&oacute;n y comercio electr&oacute;nico, puedes encontrarlo todo all&iacute;.<\/p><p>Las extensiones se pueden instalar y administrar en <strong>Extensiones -&gt; Gestionar<\/strong>. Joomla! te preguntar&aacute; si deseas habilitar la pesta&ntilde;a Instalar desde la Web. Recomendamos habilitar esta pesta&ntilde;a ya que le permitir&aacute; buscar e instalar&nbsp;extensiones de Joomla! sin la necesidad de salir del&nbsp;panel de administrador de Joomla!.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"845\" height=\"121\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/extensiones-joomla.png\" alt=\"\" class=\"wp-image-5727\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/extensiones-joomla.png 845w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/extensiones-joomla-150x21.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/extensiones-joomla-300x43.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/extensiones-joomla-768x110.png 768w\" sizes=\"(max-width: 845px) 100vw, 845px\" \/><\/figure><p>Una alternativa,&nbsp; puedes instalar las extensiones Joomla!de forma manual:<\/p><p>1- Descarga el paquete .zip del directorio de extensiones de Joomla!.<br>2- Da clic en la pesta&ntilde;a <strong>Update Package File<\/strong> en la secci&oacute;n <strong>Extensiones<\/strong>.<br>3- Sube el archivo.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1116\" height=\"691\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/subir-archivo-joomla.png\" alt=\"\" class=\"wp-image-5728\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/subir-archivo-joomla.png 1116w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/subir-archivo-joomla-150x93.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/subir-archivo-joomla-300x186.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/subir-archivo-joomla-768x476.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/subir-archivo-joomla-1024x634.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/subir-archivo-joomla-990x613.png 990w\" sizes=\"(max-width: 1116px) 100vw, 1116px\" \/><\/figure><p>Eso es todo lo que se necesita para la instalacion.<\/p><p>Aqu&iacute; hay algunas extensiones imprescindibles en tu sitio web en Joomla!:<\/p><p>1- <a href=\"https:\/\/extensions.joomla.org\/extensions\/extension\/core-enhancements\/file-management\/profiles\/\" target=\"_blank\" rel=\"noopener\">ProFiles<\/a> es un pr&aacute;ctico administrador de archivos y es mucho m&aacute;s &uacute;til y conveniente que el FTP predeterminado.<br>2- <a href=\"https:\/\/extensions.joomla.org\/extension\/google-maps-by-reumer\/\" target=\"_blank\" rel=\"noopener\">Google Maps por Reumer<\/a>: utiliza este complemento para mostrar mapas en tu sitio web.<br>3- <a href=\"https:\/\/extensions.joomla.org\/extension\/allvideos\/\" target=\"_blank\" rel=\"noopener\">AllVideos<\/a>: con AllVideos, puede incrustar videos (alojados localmente o en cualquier sitio externo de alojamiento de videos como YouTube, etc.) en el contenido de su sitio.<br>4- <a href=\"https:\/\/extensions.joomla.org\/extension\/akeeba-backup\/\" target=\"_blank\" rel=\"noopener\">Akeeba backup<\/a>: Ampliamente considerada como la extensi&oacute;n de Joomla utilizada con m&aacute;s frecuencia, la copia de seguridad de Akeeba se ocupa de todas sus necesidades de respaldo.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/mx\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/mx-tutoriales\/wp-content\/uploads\/sites\/39\/2023\/02\/ES-Web-hosting_in-text-banner-1024x300.png\" alt=\"\" class=\"wp-image-29291\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/02\/ES-Web-hosting_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/02\/ES-Web-hosting_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/02\/ES-Web-hosting_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/02\/ES-Web-hosting_in-text-banner-768x225.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/02\/ES-Web-hosting_in-text-banner-1536x450.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-paso-4-instalacion-de-plantillas-de-joomla\">Paso 4: instalaci&oacute;n de plantillas de Joomla<\/h2><p>Los temas y las plantillas son los que hacen que los sitios web sean est&eacute;ticamente agradables y f&aacute;ciles de usar &hellip; y no hay nada m&aacute;s importante desde la perspectiva de un visitante, &iquest;ahora est&aacute; ah&iacute;? Elege el tema, la plantilla o la soluci&oacute;n de dise&ntilde;o web correctos es fundamental para la funci&oacute;n y el aspecto de tu sitio web, as&iacute; que no te preocupes, ahorra algunos pensamientos adicionales a la decisi&oacute;n.<\/p><p>Joomla tambi&eacute;n tiene muchas plantillas gratuitas y de pago disponibles en l&iacute;nea, pero el n&uacute;mero es considerablemente menor en comparaci&oacute;n con WordPress o Drupal.<\/p><p>Instalar plantillas de Joomla es realmente f&aacute;cil. El proceso es casi id&eacute;ntico a la instalaci&oacute;n de extensiones:<\/p><p>1- Haga clic en <strong>Extensiones -&gt; Gestionar<\/strong>.<br>2- Ahora da clic en la pesta&ntilde;a <strong>Upload Package File<\/strong>.<br>3- Da clic en elegir archivo y seleccione el archivo .zip que descarg&oacute;.<br>4- Una vez que se completa la carga, vaya a <strong>Extensiones -&gt; Plantillas<\/strong>.<br>5- Da clic en el &iacute;cono de inicio al lado de la plantilla que desea habilitar.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1126\" height=\"538\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/habilitar-plantillas-joomla.png\" alt=\"\" class=\"wp-image-5729\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/habilitar-plantillas-joomla.png 1126w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/habilitar-plantillas-joomla-150x72.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/habilitar-plantillas-joomla-300x143.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/habilitar-plantillas-joomla-768x367.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/habilitar-plantillas-joomla-1024x489.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/habilitar-plantillas-joomla-990x473.png 990w\" sizes=\"(max-width: 1126px) 100vw, 1126px\" \/><\/figure><h2 class=\"wp-block-heading\" id=\"h-paso-5-copia-de-seguridad-de-joomla\">Paso 5 &ndash; Copia de seguridad de Joomla<\/h2><p>Tu <a href=\"\/mx\/hosting-web\">cuenta de host Hostinger<\/a>&nbsp;realiza copias de seguridad&nbsp; autom&aacute;ticamente y esto incluye todos sus archivos y bases de datos. Puedes acceder y descargar estas copias de seguridad en el <strong>panel de control de Hostinger -&gt; secci&oacute;n Copias de seguridad.<\/strong><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/hpanel-files-backups-databases-selected-es-1024x548.png\" alt=\"La p&aacute;gina de copias de seguridad de las bases de datos en hPanel\" class=\"wp-image-32511\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/hpanel-files-backups-databases-selected-es.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/hpanel-files-backups-databases-selected-es-300x161.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/hpanel-files-backups-databases-selected-es-150x80.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/hpanel-files-backups-databases-selected-es-768x411.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Sin embargo, hay algunas formas m&aacute;s de hacer una copia de seguridad de Joomla!<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-5-1-copia-de-seguridad-de-joomla-manualmente\">Paso 5.1 &ndash; Copia de seguridad de Joomla manualmente<\/h3><p>Para crear una copia de seguridad, necesitas archivar todos los archivos de Joomla y la base de datos. Para crear una copia de seguridad de archivos, la mejor manera es crear un archivo .zip usando la herramienta de administraci&oacute;n de archivos de Hostinger. Esto puede hacerse movi&eacute;ndose a la carpeta de instalaci&oacute;n principal de Joomla, seleccionando todos los archivos y presionando el bot&oacute;n de compresi&oacute;n en la parte superior de la p&aacute;gina. Despu&eacute;s de eso, presione el bot&oacute;n comprimir archivo (s) y se generar&aacute; un archivo de todos sus archivos. Una vez que se ha creado el archivo .zip, puede navegar hasta el archivo usando su navegador y descargarlo.<\/p><p>Otra forma de descargar archivos Joomla es usar un <a href=\"\/mx\/tutoriales\/configurar-filezilla\">cliente FTP<\/a>. El proceso es sencillo: todo lo que necesita hacer es navegar a la carpeta Joomla, seleccionar todos los archivos y presionar el bot&oacute;n Descargar.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"673\" height=\"376\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/ftp-descargar-archivos-joomla.png\" alt=\"\" class=\"wp-image-5731\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/ftp-descargar-archivos-joomla.png 673w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/ftp-descargar-archivos-joomla-150x84.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/ftp-descargar-archivos-joomla-300x168.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/ftp-descargar-archivos-joomla-470x264.png 470w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/ftp-descargar-archivos-joomla-215x120.png 215w\" sizes=\"(max-width: 673px) 100vw, 673px\" \/><\/figure><p>Para crear una copia de seguridad de la base de datos MySQL, recomendamos usar la herramienta phpMyAdmin. En Hostinger, puede acceder a &eacute;l desde su panel de control presionando el &iacute;cono <strong>phpMyAdmin<\/strong> y haciendo clic en el bot&oacute;n Administrar base de datos.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\"><\/h4>\n                    <p>Puedes averiguar qu&eacute; base de datos est&aacute;s usando en Joomla al acceder al archivo de configuraci&oacute;n principal llamado <strong>configuration.php<\/strong>. Este archivo debe estar ubicado en la misma carpeta donde est&aacute; instalado Joomla. Generalmente, est&aacute; en la carpeta <strong>public_html<\/strong>.<\/p>\n                <\/div>\n\n\n\n<\/p><p>Una vez dentro de <strong>phpMyAdmin<\/strong>, da clic en la pesta&ntilde;a <strong>Exportar (Export)<\/strong> y luego presione el bot&oacute;n<strong> Ir (Go)&nbsp;<\/strong>para descargar el archivo .sql.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"555\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/phpmyadmin-exportar-joomla-base-de-datos-joomla.jpg\" alt=\"\" class=\"wp-image-5732\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/phpmyadmin-exportar-joomla-base-de-datos-joomla.jpg 900w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/phpmyadmin-exportar-joomla-base-de-datos-joomla-150x93.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/phpmyadmin-exportar-joomla-base-de-datos-joomla-300x185.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/phpmyadmin-exportar-joomla-base-de-datos-joomla-768x474.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-paso-5-2-uso-de-akeeba-para-hacer-copias-de-seguridad-de-joomla\">Paso 5.2 &ndash; Uso de Akeeba para hacer copias de seguridad de Joomla<\/h3><p>Akeeba backup es probablemente el plugin de Joomla m&aacute;s popular. En esta secci&oacute;n de la gu&iacute;a de Joomla, aprender&aacute;s a usar Akeeba para hacer copias de seguridad de Joomla.<\/p><p>No se puede encontrar Akeeba Backup en el directorio oficial de Joomla, por lo tanto, deber&aacute;s descargar el complemento del<a href=\"https:\/\/www.akeebabackup.com\/download.html\" target=\"_blank\" rel=\"noopener\"> sitio web de Akeeba<\/a>. Una vez que se completa la descarga, instala el complemento a trav&eacute;s de la pesta&ntilde;a Cargar archivo de paquete.<\/p><p>Ahora ve a <strong>Componentes -&gt; Akeeba Backup.<\/strong><\/p><p>Al acceder al componente de Akeeba por primera vez, pasar&aacute;s por el asistente automatizado de evaluaci&oacute;n comparativa, que configurar&aacute; tu componente para un rendimiento de copia de seguridad &oacute;ptimo. Cuando termine, recibir&aacute; un mensaje de confirmaci&oacute;n.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"900\" height=\"349\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/akeeba-backup-finished-3-opcions.jpg\" alt=\"\" class=\"wp-image-5733\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/akeeba-backup-finished-3-opcions.jpg 900w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/akeeba-backup-finished-3-opcions-150x58.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/akeeba-backup-finished-3-opcions-300x116.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/akeeba-backup-finished-3-opcions-768x298.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><p>1- Da en <strong>Hacer copia de seguridad<\/strong> ahora para hacer una copia de seguridad de su sitio web Joomla.<br>2- Si deseas cambiar la configuraci&oacute;n seleccionada por el asistente de evaluaci&oacute;n comparativa, puedes hacer clic en la opci&oacute;n <strong>Configuraci&oacute;n<\/strong>.<br>3- Para automatizar tus copias de seguridad, seleccione <strong>Programar copias de seguridad autom&aacute;ticas<\/strong>.<\/p><p>Una vez que se genera la copia de seguridad, haga clic en Administrar copias de seguridad. Se recomienda mantener una copia local de su copia de seguridad. Para descargar la copia de seguridad a su computadora, haga clic en el bot&oacute;n Descargar.<\/p><h2 class=\"wp-block-heading\" id=\"h-paso-6-actualizando-joomla\">Paso 6 &ndash; Actualizando Joomla<\/h2><p>\n\n\n<div><p class=\"important\"><strong>Nota<\/strong>: Se recomienda crear una copia de seguridad antes de comenzar la actualizaci&oacute;n.<\/p><\/div>\n\n\n\n<\/p><p>Mantener Joomla actualizado es muy importante. Cuando inicies sesi&oacute;n en http:\/\/midominio.com\/administrator, Joomla ejecutar&aacute; autom&aacute;ticamente una verificaci&oacute;n para ver si hay nuevas versiones disponibles. Si hay una nueva versi&oacute;n presente en el repositorio oficial, ver&aacute; una nueva notificaci&oacute;n. La notificaci&oacute;n contendr&aacute; el nombre de la actualizaci&oacute;n junto con un bot&oacute;n Actualizar ahora. Da clic en el bot&oacute;n para continuar con la instalaci&oacute;n.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"496\" height=\"82\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/joomla-notificacion-actualizacion.png\" alt=\"\" class=\"wp-image-5734\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/joomla-notificacion-actualizacion.png 496w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/joomla-notificacion-actualizacion-150x25.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/joomla-notificacion-actualizacion-300x50.png 300w\" sizes=\"(max-width: 496px) 100vw, 496px\" \/><\/figure><p>Una vez que hayas hecho clic en el enlace, te dirigir&aacute;s a la p&aacute;gina de actualizaci&oacute;n de Joomla. La informaci&oacute;n con respecto a su versi&oacute;n actual y la que se actualizar&aacute; se enumerar&aacute; aqu&iacute;. Da clic en el bot&oacute;n de instalaci&oacute;n para continuar. La instalaci&oacute;n demorar&aacute; unos minutos y, una vez que se haya completado, acceder&aacute; a una pantalla que confirmar&aacute; la instalaci&oacute;n exitosa de la actualizaci&oacute;n.<\/p><h2 class=\"wp-block-heading\" id=\"h-paso-7-acelerando-joomla\">Paso 7 &ndash; Acelerando Joomla<\/h2><p>La r&aacute;pida velocidad de carga del sitio web es una parte vital de una buena experiencia de usuario. En esta secci&oacute;n de nuestro tutorial de Joomla veremos c&oacute;mo mejorar el rendimiento y la velocidad de carga para el sitio web de Joomla.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-7-1-habilitar-la-compresion-gzip\">Paso 7.1 &ndash; Habilitar la compresi&oacute;n Gzip<\/h3><p>La <a href=\"\/mx\/tutoriales\/compresion-gzip\">compresi&oacute;n Gzip<\/a> ayuda a disminuir el tama&ntilde;o total de tu sitio web, que los visitantes deben descargar, por lo tanto, lleva menos tiempo cargar un sitio web.<\/p><p>Primero acceda a su panel de administraci&oacute;n de Joomla y vaya a <strong>Sistema&gt; Configuraci&oacute;n global<\/strong>.<\/p><p>Ser&aacute;s reenviado a una ventana de Configuraci&oacute;n global. Ahora sigue estos pasos para habilitar la compresi&oacute;n Gzip en Joomla:<\/p><p>1- Da clic en <strong>Servidor<\/strong>.<br>2- Seleccione S&iacute; en la secci&oacute;n <strong>Compresi&oacute;n &lsquo;Gzip&rsquo; de p&aacute;gina<\/strong>.<br>3-<strong> Guardar<\/strong>, para salvar los cambios.<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1080\" height=\"391\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/configuracion-global-joomla-gzip.png\" alt=\"manual joomla\" class=\"wp-image-5735\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/configuracion-global-joomla-gzip.png 1080w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/configuracion-global-joomla-gzip-150x54.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/configuracion-global-joomla-gzip-300x109.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/configuracion-global-joomla-gzip-768x278.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/configuracion-global-joomla-gzip-1024x371.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/configuracion-global-joomla-gzip-990x358.png 990w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure><p>Si todos los cambios se guardaron correctamente, recibir&aacute; un mensaje de confirmaci&oacute;n:<\/p><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1066\" height=\"47\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mensaje-de-confirmacion-.png\" alt=\"\" class=\"wp-image-5736\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mensaje-de-confirmacion-.png 1066w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mensaje-de-confirmacion--150x7.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mensaje-de-confirmacion--300x13.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mensaje-de-confirmacion--768x34.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mensaje-de-confirmacion--1024x45.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2017\/10\/mensaje-de-confirmacion--990x44.png 990w\" sizes=\"(max-width: 1066px) 100vw, 1066px\" \/><\/figure><p>Eso es todo, la compresi&oacute;n Gzip ahora est&aacute; habilitada para su sitio web de Joomla.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-7-2-habilitar-joomla-cache\">Paso 7.2 &ndash; Habilitar Joomla Cache<\/h3><p>Al habilitar la memoria cach&eacute;, se almacena el contenido de tu sitio web extra&iacute;do de una base de datos en el servidor, de modo que cuando un visitante visita tu sitio web, el tiempo de respuesta de su sitio web es m&aacute;s r&aacute;pido.<\/p><p>Vuelva a la misma secci&oacute;n de <strong>Configuraci&oacute;n global<\/strong>, da clic en la pesta&ntilde;a <strong>Sistema<\/strong> y sigue estos pasos para habilitar el almacenamiento en cach&eacute;:<\/p><p>1- Puede seleccionar qu&eacute; Manejador de cach&eacute; desea usar. En la mayor&iacute;a de los proveedores de alojamiento compartido, se debe usar el manejador de cach&eacute; de archivos.<br>2- Deje vac&iacute;a la ruta de acceso a la carpeta de cach&eacute; a menos que desee guardar los archivos de cach&eacute; en un directorio personalizado.<br>3- El tiempo de cach&eacute; determina cu&aacute;nto tiempo el contenido en cach&eacute; permanece igual antes de la actualizaci&oacute;n. Un valor predeterminado es 15 minutos. Si actualiza su sitio web con mucha frecuencia, puede acortar el valor del tiempo de cach&eacute;. Si rara vez actualiza el sitio web, puede aumentar este valor.<br>4- Deje el almacenamiento en cach&eacute; espec&iacute;fico de la plataforma como No, a menos que proporcione contenido HTML diferente en dispositivos m&oacute;viles.<br>5- Active la memoria cach&eacute; del sistema seleccionando una de las dos opciones:<br>&ndash; Almacenamiento en cach&eacute; conservador: seleccione esta opci&oacute;n si tiene un sitio web extremadamente grande.<br>&ndash; Almacenamiento en cach&eacute; progresivo: esta es una opci&oacute;n de almacenamiento en cach&eacute; predeterminada y es la m&aacute;s adecuada para la mayor&iacute;a de los sitios de Joomla.<br>6- Guarde sus cambios.<\/p><p>Si todos los cambios se guardaron correctamente, recibir&aacute; un mensaje de confirmaci&oacute;n<\/p><p>Otra forma de almacenar en cach&eacute; tus p&aacute;ginas de Joomla es activar el complemento de cach&eacute;. Ve a Extensiones&gt; Complementos en su panel de administraci&oacute;n de Joomla.<\/p><p>Ahora todo lo que necesita hacer es encontrar el complemento de cach&eacute; de p&aacute;gina y habilitarlo.<\/p><p>Para encontrar el complemento m&aacute;s f&aacute;cil, ingrese la palabra cach&eacute; en el campo de b&uacute;squeda. Una vez que encuentres el complemento requerido, da clic en el bot&oacute;n en la columna de estado para habilitarlo. Si el complemento ha sido habilitado, recibir&aacute; un mensaje y el bot&oacute;n aparecer&aacute; con una marca de verificaci&oacute;n verde.<\/p><p>Ahora el almacenamiento en cach&eacute; est&aacute; habilitado y la velocidad de carga de su sitio web debe mejorarse. Para una mayor optimizaci&oacute;n, tambi&eacute;n se recomienda servir im&aacute;genes escaladas.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>Este tutorial de Joomla se centr&oacute; en la introducci&oacute;n de Joomla para principiantes junto con una descripci&oacute;n completa de c&oacute;mo se puede administrar un sitio web completo utilizando el CMS de &uacute;ltima generaci&oacute;n. Se puede obtener m&aacute;s informaci&oacute;n que podr&iacute;a haber trascendido el alcance del art&iacute;culo de la <a href=\"https:\/\/docs.joomla.org\/\" target=\"_blank\" rel=\"noopener\">documentaci&oacute;n oficial de Joomla<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando hablamos de sistemas de gesti&oacute;n de contenidos, Joomla! es uno de los primeros nombres que vienen a la mente. Completamente de c&oacute;digo abierto (gratis), Joomla! puede ser utilizado por cualquier persona que quiera construir sitios web potentes. Joomla! ha sido utilizado por muchas marcas y organizaciones famosas como la Universidad de Harvard, Linux.com, Guggenheim, [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/mx\/tutoriales\/tutorial-joomla-principiantes\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":85,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Tutorial de Joomla para Principiantes: Crea un Sitio Web con Joomla","rank_math_description":"Aprende c\u00f3mo crear un sitio web con Joomla en este tutorial de Joomla para principiantes. Cubrimos desde la instalaci\u00f3n hasta la publicaci\u00f3n.","rank_math_focus_keyword":"tutorial joomla","footnotes":""},"categories":[5701],"tags":[],"class_list":["post-5712","post","type-post","status-publish","format-standard","hentry","category-desarrollo-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/joomla","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/tutorial-joomla-principiantes","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/joomla-adalah","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/joomla","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/joomla\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/joomla\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/tutorial-joomla-principiantes","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/tutorial-joomla-principiantes","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/tutorial-joomla-principiantes","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/joomla","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/joomla","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/joomla","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/joomla","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/5712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/comments?post=5712"}],"version-history":[{"count":14,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/5712\/revisions"}],"predecessor-version":[{"id":34260,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/5712\/revisions\/34260"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media?parent=5712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/categories?post=5712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/tags?post=5712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}