En esta gu\u00eda, cubriremos lo que es la p\u00e1gina principal de WordPress y por qu\u00e9 puedes decidir cambiarla. Luego te mostraremos algunas formas de editar y personalizar tu p\u00e1gina de inicio.<\/p>\n
\u00a1Vamos a empezar!<\/p>\n
Qu\u00e9 Es la P\u00e1gina de Inicio de WordPress (Y Por Qu\u00e9 Puedes Querer Cambiar la Tuya)<\/h2>\n
Tu p\u00e1gina de inicio es como la alfombra de bienvenida de tu sitio web. Es la primera p\u00e1gina que los visitantes ven cuando escriben tu URL<\/a>, as\u00ed que querr\u00e1s que cause una s\u00f3lida primera impresi\u00f3n.<\/p>\n La p\u00e1gina de inicio debe proporcionar a los visitantes una idea clara de que se trata tu sitio web y lo que puede ofrecerles. La p\u00e1gina de inicio de Slack<\/a> hace un excelente trabajo mostrando el producto y llamando la atenci\u00f3n de la gente:<\/p>\n De forma predeterminada con muchos temas de WordPress<\/a>, tu p\u00e1gina de inicio muestra tus \u00faltimas publicaciones de blog.<\/p>\n Hay un cambio, sin embargo, puede que quieras que aparezca algo diferente all\u00ed. Eso es especialmente cierto si no tienes un blog<\/a>, o si no es el foco de tu sitio web.<\/p>\n Puede que incluso quieras cambiar tu p\u00e1gina web a lo largo de los a\u00f1os. Por ejemplo, si decides hacer una rebaja o un evento de temporada<\/a>, podr\u00edas actualizar la p\u00e1gina para anunciar esa promoci\u00f3n. En otras palabras, no hay escasez de razones para cambiar tu p\u00e1gina de inicio de WordPress.<\/p>\n\n Si no quieres mostrar las entradas de tu blog<\/a> en la p\u00e1gina principal de tu sitio web, puedes establecer una p\u00e1gina de inicio \u00abest\u00e1tica\u00bb. Una p\u00e1gina est\u00e1tica muestra contenido que no cambia con frecuencia. En tu sitio de WordPress, puedes tener una p\u00e1gina de inicio y una p\u00e1gina de blog independiente.<\/p>\n Para crear tu p\u00e1gina de inicio, comienza por iniciar sesi\u00f3n en tu panel de administraci\u00f3n. Haz clic en P\u00e1ginas > A\u00f1adir nueva:<\/strong><\/p>\n Dale un nombre a tu p\u00e1gina de inicio de WordPress y haz clic en el bot\u00f3n Publicar<\/strong>. A continuaci\u00f3n, repite estos pasos una vez m\u00e1s para crear tu p\u00e1gina de blog.<\/p>\n Ahora que tienes tus p\u00e1ginas listas, puedes decirle a WordPress para qu\u00e9 usarlas.<\/p>\n Navega a la p\u00e1gina Ajustes > Lectura<\/strong>, y bajo las opciones de Tu portada muestra<\/b>, selecciona Una p\u00e1gina est\u00e1tica. <\/strong>A continuaci\u00f3n, utiliza los men\u00fas desplegables<\/a> para elegir tu Portada y la P\u00e1gina de entradas:<\/p>\n Mientras realizas estos pasos, tal vez quieras poner tu sitio en modo de mantenimiento<\/a>. Al hacer esto, los visitantes ver\u00e1n un mensaje que has establecido, en lugar de un sitio web que no funciona o una p\u00e1gina de error gen\u00e9rica. Si ya tienes algo de tr\u00e1fico en tu sitio<\/a>, deber\u00edas considerar hacer esto antes de modificar tu p\u00e1gina de inicio.<\/p>\n Puedes usar el plugin WP Maintenance Mode<\/a> para configurar esta funci\u00f3n:<\/p>\n Este plugin te permite mostrar un mensaje personalizado a los visitantes del sitio y te permite crear un mensaje personalizado que permite a los visitantes saber que tu sitio volver\u00e1 pronto a la acci\u00f3n.<\/p>\n Ahora que tienes tu p\u00e1gina de inicio configurada, es hora de dise\u00f1arla y a\u00f1adirle algo de contenido.<\/p>\n Echemos un vistazo a tres herramientas diferentes que puedes utilizar para hacer el trabajo.<\/p>\n Muchos temas de WordPress te proporcionar\u00e1n un dise\u00f1o b\u00e1sico de la p\u00e1gina de inicio, as\u00ed como algunas opciones para editarla. Puedes acceder a estas opciones a trav\u00e9s del Personalizador de temas<\/a>.<\/p>\n Desde tu \u00e1rea de administraci\u00f3n<\/a>, haz clic en Apariencia > Personalizar <\/strong>para iniciar la herramienta. El personalizador te proporcionar\u00e1 una vista previa en vivo mientras editas tu p\u00e1gina de inicio, para que puedas ver c\u00f3mo tus ajustes afectan la apariencia de tu sitio web.<\/p>\n Sin embargo, estos cambios no surtir\u00e1n efecto hasta que hagas clic en el bot\u00f3n Publicar<\/strong>, as\u00ed que no dudes en experimentar.<\/p>\n Dependiendo de tu tema, puedes tener diferentes opciones de cambio que puedes hacer. Puedes navegar usando las pesta\u00f1as del men\u00fa o hacer clic en cualquier \u00e1rea con un icono de l\u00e1piz azul para editarla:<\/p>\n Si tu tema incluye varias plantillas para tus p\u00e1ginas, tal vez quieras empezar por explorarlas.<\/p>\n Algunos temas te dan opciones sobre d\u00f3nde colocar la barra lateral, por ejemplo, o te permiten eliminar ese elemento<\/a> por completo para una p\u00e1gina de anchura completa:<\/p>\n Si hay secciones de la p\u00e1gina de inicio que prefieres no usar, puedes usar el personalizador de temas para eliminarlas.<\/p>\n Puedes hacerlo navegando al elemento en el men\u00fa y haciendo clic en el icono del ojo junto al nombre de la secci\u00f3n:<\/p>\n Siempre puedes recuperar las \u00e1reas que has eliminado haciendo clic en el mismo icono de nuevo. Tambi\u00e9n puedes arrastrar los elementos de la columna si quieres cambiar su orden.<\/p>\n Aunque hayas hecho algunos cambios con el personalizador de temas, es posible que quieras hacer m\u00e1s ediciones con el Editor de bloques<\/a>. Este \u00faltimo te ofrece m\u00e1s opciones para ajustar el dise\u00f1o y la distribuci\u00f3n de tu p\u00e1gina de inicio.<\/p>\n Para empezar, navega a tu p\u00e1gina de inicio desde el panel de administraci\u00f3n haciendo clic en \u00abP\u00e1ginas\u00bb <\/strong>y luego seleccionando la p\u00e1gina que hayas establecido como inicio. Con el Editor de bloques, puedes a\u00f1adir muchos tipos de contenido diferentes a tu p\u00e1gina de inicio. Es posible que desees comenzar con un texto de introducci\u00f3n a tu sitio web y a lo que te dedicas.<\/p>\n Para empezar, puedes hacer clic en la p\u00e1gina y empezar a escribir. El bloque de p\u00e1rrafo apropiado se crear\u00e1 autom\u00e1ticamente para ti.<\/p>\n Tambi\u00e9n puedes seleccionar el bloque t\u00fa mismo haciendo clic en el s\u00edmbolo m\u00e1s, ya sea en la esquina superior izquierda de la pantalla o cuando aparece en la ventana del editor. Luego puedes seleccionar o buscar el bloque de p\u00e1rrafo:<\/p>\n Una vez que hayas puesto el texto en su lugar, puedes usar el men\u00fa de configuraci\u00f3n del bloque para personalizarlo a\u00fan m\u00e1s. En Ajustes de texto<\/strong>, puedes cambiar el tama\u00f1o del texto<\/a> seleccionando un tama\u00f1o preestablecido o personalizado. Incluso puedes incluir un tope de ca\u00edda para obtener algunos puntos de estilo adicionales.<\/p>\n Para a\u00f1adir un poco de color al p\u00e1rrafo, es posible que desees explorar la configuraci\u00f3n de color<\/strong>. Una vez m\u00e1s, puedes elegir entre un conjunto de colores predefinidos o usar un color de marca personalizado<\/a>:<\/p>\n Es probable que quieras incluir algunas im\u00e1genes<\/a> en tu p\u00e1gina web tambi\u00e9n.<\/p>\n Puede hacerlo haciendo clic en el s\u00edmbolo m\u00e1s y seleccionando el bloque de Imagen<\/strong>:<\/p>\n Puedes usar el bloque resultante para subir una imagen, seleccionar una de <\/span>tu Biblioteca Multimedia<\/a> o a\u00f1adir una mediante una URL. A continuaci\u00f3n, puedes utilizar la barra de herramientas situada justo encima del bloque para ajustar la alineaci\u00f3n de la imagen o moverla hacia arriba y hacia abajo de la p\u00e1gina. <\/span>Si quieres a\u00f1adir un pie de foto, hay un espacio debajo de la foto para incluirlo.<\/p>\n En este punto, puedes seguir a\u00f1adiendo bloques hasta que est\u00e9s contento con tu p\u00e1gina. Para acceder a m\u00e1s bloques, puedes hacer clic en el s\u00edmbolo m\u00e1s y navegar o buscar en el men\u00fa resultante.<\/p>\n Tambi\u00e9n puedes hacer clic en \u00abBuscar Todos\u00bb <\/strong>para ver todos los bloques a los que tienes acceso.<\/p>\n Por ejemplo, si planeas incluir una mezcla de medios y texto, puedes hacerlo utilizando bloques de p\u00e1rrafos e im\u00e1genes individuales. Sin embargo, tal vez debes intentar usar un bloque de medios y texto en su lugar:<\/p>\n Este bloque permite mostrar tanto los elementos multimedia como el contenido escrito en el mismo bloque, en una variedad de configuraciones:<\/p>\n Para eliminar un bloque, simplemente haz clic en los tres puntos verticales de la barra de herramientas que est\u00e1 encima de \u00e9l y elige Eliminar bloque<\/strong>. Con estas herramientas, podr\u00e1s dise\u00f1ar casi cualquier p\u00e1gina de inicio que te puedas imaginar.<\/p>\n Si prefieres trabajar con el Editor Cl\u00e1sico<\/a>, puedes construir una p\u00e1gina web impresionante. Una vez m\u00e1s, comenzar\u00e1s desde el panel de administraci\u00f3n de WordPress.<\/p>\n Haz clic en P\u00e1ginas<\/strong>, y luego selecciona la p\u00e1gina que has establecido como la casa de tu sitio.<\/p>\n Para a\u00f1adir texto, simplemente empieza a escribir. El texto ser\u00e1 un p\u00e1rrafo por defecto, pero puedes usar el men\u00fa desplegable para crear un t\u00edtulo o encabezado:<\/p>\n Este men\u00fa desplegable es donde cambiar\u00e1s el texto de un p\u00e1rrafo a diferentes encabezados.<\/p>\n La barra de herramientas junto a esta \u00e1rea desplegable que te permitir\u00e1 hacer m\u00e1s cambios en tu texto. Puedes ponerlo en negrita o en cursiva, cambiar la alineaci\u00f3n y crear listas con vi\u00f1etas o numeradas. Si quieres a\u00f1adir una cita de bloqueo a tu p\u00e1gina, tambi\u00e9n puedes hacerlo aqu\u00ed.<\/p>\n Esta barra de herramientas tambi\u00e9n es donde agregar\u00e1s los enlaces a tu copia. Por \u00faltimo, hay un bot\u00f3n que puedes usar para a\u00f1adir una etiqueta \u00ableer m\u00e1s\u00bb. Esta funci\u00f3n puede ser \u00fatil si vas a incluir art\u00edculos en tu sitio, pero no quieres mostrar los textos completos en tu p\u00e1gina de inicio.<\/p>\n El \u00faltimo bot\u00f3n de la fila abrir\u00e1 otro grupo de herramientas. Estas te ofrecen m\u00e1s opciones para estilizar el texto, como a\u00f1adir colores o cambiar el tama\u00f1o:<\/p>\n Tambi\u00e9n puedes a\u00f1adir im\u00e1genes y otros medios a tu p\u00e1gina usando el Editor cl\u00e1sico. Para ello, haz clic en el bot\u00f3n Insertar Multimedia <\/strong>para abrir una nueva ventana. Puedes elegir el bot\u00f3n Selecciona archivos <\/strong>para agregar nuevos archivos a tu Biblioteca multimedia:<\/p>\n Puedes subir archivos desde tu dispositivo para a\u00f1adirlos a tu biblioteca multimedia<\/a>.<\/p>\n Desde esta ventana, tambi\u00e9n puede acceder a los archivos cargados anteriormente haciendo clic en la pesta\u00f1a Biblioteca multimedia<\/strong>. Selecciona el archivo que deseas a\u00f1adir y haz clic en el bot\u00f3n Insertar en la p\u00e1gina<\/strong>:<\/p>\n La imagen aparecer\u00e1 ahora en tu p\u00e1gina. Puedes acceder a las opciones del archivo haciendo clic en \u00e9l. En el caso de esta imagen, puedes cambiar la alineaci\u00f3n, editarla o eliminarla:<\/p>\n Puedes cambiar la alineaci\u00f3n de tu imagen una vez que la hayas insertado.<\/p>\n Para ver c\u00f3mo se ve la p\u00e1gina de inicio, puedes hacer clic en el bot\u00f3n de Vista previa<\/strong>. Una vez que est\u00e9s satisfecho con la apariencia de tu p\u00e1gina, haz clic en el bot\u00f3n Publicar <\/strong>para guardar los cambios y hacerlos visibles en tu sitio web.<\/p>\n Si te gusta trabajar con el editor de bloques, puede que te interese ver el tema Twenty Twenty-One,<\/a> el nuevo tema por defecto de WordPress 5.6:<\/p>\n El tema Twenty Twenty-One est\u00e1 dise\u00f1ado para ser flexible<\/a> y funcionar bien con una variedad de diferentes tipos de sitios web. Incluye fuentes simples y un esquema de color pastel apagado. Tambi\u00e9n hace uso completo de los \u00abpatrones\u00bb<\/a>, que son dise\u00f1os de bloques predefinidos que puedes editar para adaptarlos a tus necesidades.<\/p>\n Estos dise\u00f1os especializados, combinados con la simplicidad del Twenty Twenty-One, pueden hacer de este tema una elecci\u00f3n ideal si deseas crear una p\u00e1gina de inicio altamente personalizada, sin tener que utilizar un constructor de p\u00e1ginas de terceros<\/a>.<\/p>\n Mientras trabajas en tu p\u00e1gina de inicio, tal vez quieras prestar atenci\u00f3n al men\u00fa de navegaci\u00f3n<\/a>. Aunque este men\u00fa probablemente aparece en la mayor\u00eda de las p\u00e1ginas de tu sitio, puede ser de particular utilidad para los visitantes que llegan por primera vez a tu p\u00e1gina de inicio.<\/p>\n Empezando por el panel de administraci\u00f3n, haz clic en Apariencia > Men\u00fas.<\/strong><\/p>\n Si a\u00fan no tienes ning\u00fan men\u00fa, se te pedir\u00e1 que crees uno, o puedes seleccionar el bot\u00f3n Crear men\u00fa<\/strong>. Tu men\u00fa necesitar\u00e1 un nombre para distinguirlo de otros men\u00fas que puedas construir:<\/p>\n El siguiente paso es a\u00f1adir p\u00e1ginas al men\u00fa. Puede a\u00f1adirlas individualmente o marcar las casillas de A<\/strong>\u00f1adir p\u00e1ginas autom\u00e1ticamente <\/strong>para a\u00f1adir todas las p\u00e1ginas de nivel superior autom\u00e1ticamente.<\/p>\n Si prefiere seleccionar las p\u00e1ginas usted mismo, seleccione la pesta\u00f1a Ver todo <\/strong>en la columna de la izquierda. Marca las casillas de las p\u00e1ginas que quieras a\u00f1adir y haz clic en el bot\u00f3n A\u00f1adir al men\u00fa<\/strong>:<\/p>\n Puedes a\u00f1adir p\u00e1ginas de nivel superior autom\u00e1ticamente, o seleccionar manualmente qu\u00e9 p\u00e1ginas a\u00f1adir.<\/p>\n Ahora que has a\u00f1adido tus p\u00e1ginas al men\u00fa, puedes determinar el orden en que aparecer\u00e1n. Puedes hacerlo simplemente arrastrando y soltando los elementos del men\u00fa en su lugar.<\/p>\n Si quieres anidar algunos elementos debajo de otros para crear un men\u00fa de estilo desplegable<\/a>, tambi\u00e9n puedes hacerlo aqu\u00ed. Esto te permite a\u00f1adir m\u00e1s enlaces a tu navegaci\u00f3n, sin que parezca desordenada o abrumadora.<\/p>\n Todo lo que tienes que hacer es arrastrar la p\u00e1gina hijo debajo y ligeramente a la derecha de la p\u00e1gina padre:<\/p>\n Por \u00faltimo, dependien do del tema<\/a>, es posible que tengas algunas opciones para el lugar donde aparece el men\u00fa en tu p\u00e1gina.<\/p>\n Las opciones m\u00e1s populares incluyen el pie de p\u00e1gina, en la parte superior de la p\u00e1gina, y las barras laterales (izquierda o derecha). Si las opciones de men\u00fa predeterminadas no son suficientes para ti, aqu\u00ed tienes una lista de los mejores complementos para ampliar las funciones del men\u00fa<\/a>.<\/p>\n\n Una p\u00e1gina de inicio bien dise\u00f1ada puede dar a los visitantes una idea precisa de lo que tu sitio es. Cuando se configura adecuadamente, puede ser una herramienta poderosa para sitios de comercio electr\u00f3nico<\/a>, blogs personales, y todo lo dem\u00e1s.<\/p>\n![\"P\u00e1gina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/slack-homepage.png\")
C\u00f3mo Configurar una P\u00e1gina de Inicio Est\u00e1tica<\/h2>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/add-new-page-1.png\")
![\"Encontrar\u00e1s](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/setting-static-home-page.png\")
![\"wp](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/wp-maintenance-mode-plugin.png\")
C\u00f3mo Cambiar Tu P\u00e1gina de Inicio de WordPress (3 M\u00e9todos)<\/h2>\n
1. Utilizar el Personalizador de Temas para Editar Tu P\u00e1gina de Inicio<\/h3>\n
![\"Los](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/editable-element.png\")
![\"Su](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/customizer-sidebar-options.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/removing-a-section-from-the-homepage.png\")
2. Editar Tu P\u00e1gina de Inicio de WordPress Con el Editor de Bloques<\/h3>\n
![\"Puedes](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-a-paragraph-block.png\")
![\"Personaliza](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/text-and-color-options.png\")
![\"Puedes](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-an-image-to-homepage.png\")
![\"Puedes](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/blank-media-and-text-block.png\")
![\"Hay](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/media-and-text-block.png\")
3. Cambiar Tu P\u00e1gina de Inicio de WordPress con el Editor Cl\u00e1sico<\/h3>\n
![\"Formateo](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/classic-editor-text-style-dropdown-1.png\")
![\"Bot\u00f3n](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/additional-tools-in-classic-editor-1.png\")
![\"Biblioteca](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-media-with-classic-editor.png\")
![\"A\u00f1ade](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-media-from-media-library.png\")
![\"Opciones](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/image-options-in-classic-editor-1.png\")
Opcional: Mira el Tema Twenty Twenty-One<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/twenty-twentyone-theme.png\")
C\u00f3mo Construir un Men\u00fa para Tu P\u00e1gina de Inicio<\/h2>\n
![\"Dale](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/creating-a-new-menu.png\")
![\"A\u00f1adir](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-pages-to-a-menu.png\")
![\"Crear](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/creating-a-dropdown-menu.png\")
Resumen<\/h2>\n