{"id":46393,"date":"2022-01-24T09:44:20","date_gmt":"2022-01-24T08:44:20","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=46393&preview=true&preview_id=46393"},"modified":"2025-01-31T14:54:12","modified_gmt":"2025-01-31T13:54:12","slug":"paginacion-en-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/paginacion-en-wordpress\/","title":{"rendered":"Paginaci\u00f3n en WordPress: C\u00f3mo A\u00f1adir Paginaci\u00f3n Manualmente o Mediante Plugins"},"content":{"rendered":"

\u00bfBuscas una forma de controlar la paginaci\u00f3n en WordPress?<\/p>\n

Ajustar la paginaci\u00f3n de tu sitio puede ayudarte a crear un sitio web m\u00e1s f\u00e1cil de usar y de navegar. Sin embargo, muchos temas de WordPress<\/a> no ofrecen opciones de paginaci\u00f3n detalladas, lo que significa que est\u00e1s limitado en los cambios que puedes hacer.<\/p>\n

Afortunadamente, existen algunas formas sencillas de ajustar la paginaci\u00f3n de WordPress. Los usuarios m\u00e1s avanzados pueden recurrir al c\u00f3digo personalizado, mientras que los usuarios ocasionales pueden encontrar varios plugins de paginaci\u00f3n de alta calidad.<\/p>\n

En esta entrada de blog, cubriremos todo lo que necesitas saber sobre la paginaci\u00f3n de WordPress.<\/p>\n

\u00a1Vamos a sumergirnos en el tema!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Echa un Vistazo a Nuestro Videotutorial<\/a> sobre la Paginaci\u00f3n en WordPress<\/h3>\n<\/kinsta-video>\n

\u00bfQu\u00e9 es la paginaci\u00f3n en WordPress?<\/h2>\n

La paginaci\u00f3n en WordPress es el proceso de dividir la lista de las entradas de tu blog u otro contenido en p\u00e1ginas separadas.<\/p>\n

Por ejemplo, si tienes 100 entradas de blog, puedes configurar tu paginaci\u00f3n para mostrar 10 entradas de blog en cada p\u00e1gina, lo que dividir\u00eda tu lista de entradas de blog en 10 p\u00e1ginas con 10 entradas cada una.<\/p>\n

Los visitantes pueden entonces utilizar los botones \u00abSiguiente\u00bb o \u00abAnterior\u00bb para navegar entre las p\u00e1ginas que enumeran tus entradas. O, en algunos casos, los visitantes ver\u00e1n una lista numerada de p\u00e1ginas para que puedan saltar a una p\u00e1gina espec\u00edfica. Por ejemplo, la paginaci\u00f3n tiene este aspecto en el tema predeterminado Twenty Twenty-One<\/a>:<\/p>\n

\"An
Ejemplo de paginaci\u00f3n en WordPress en el tema por defecto Twenty Twenty-One.<\/figcaption><\/figure>\n

Tambi\u00e9n puedes dividir una sola entrada de WordPress en varias p\u00e1ginas, lo que puede ser \u00fatil si publicas un contenido de formato largo<\/a>.<\/p>\n

Con algunos fragmentos de c\u00f3digo o plugins, tambi\u00e9n puedes obtener mucho m\u00e1s control sobre el funcionamiento de la paginaci\u00f3n en tu sitio, temas que trataremos m\u00e1s adelante en este post.<\/p>\n\n

\u00bfPor qu\u00e9 utilizar la paginaci\u00f3n de WordPress?<\/h2>\n

Hay 3 razones principales por las que deber\u00edas preocuparte por la paginaci\u00f3n de WordPress:<\/p>\n

    \n
  1. Mejora de la navegaci\u00f3n y de la experiencia del usuario<\/li>\n
  2. Mejor rendimiento<\/li>\n
  3. Mejora de la rastreabilidad SEO<\/li>\n<\/ol>\n

    Vamos a repasarlas.<\/p>\n

    Mejora de la navegaci\u00f3n y la experiencia del usuario<\/h3>\n

    El mayor beneficio de mejorar la paginaci\u00f3n de WordPress es que facilita a tus visitantes la navegaci\u00f3n por tu sitio<\/a>, lo que crea una mejor experiencia<\/a> para ellos.<\/p>\n

    Muchos temas de WordPress s\u00f3lo muestran opciones de paginaci\u00f3n limitadas, lo que dificulta a los visitantes la navegaci\u00f3n a una p\u00e1gina diferente.<\/p>\n

    Por ejemplo, aqu\u00ed est\u00e1n las opciones de paginaci\u00f3n por defecto en el tema Twenty Twenty-One cuando un visitante lee la primera p\u00e1gina de posts.<\/p>\n

    \"The
    El tema Twenty Twenty-One proporciona opciones de paginaci\u00f3n limitadas en la primera p\u00e1gina.<\/figcaption><\/figure>\n

    Los visitantes pueden navegar a la \u00faltima p\u00e1gina(la p\u00e1gina 6 en este ejemplo<\/em>) o a la siguiente(haciendo clic en \u00abMensajes antiguos\u00bb<\/em>), pero no pueden navegar directamente a las p\u00e1ginas 3, 4 o 5.<\/p>\n

    Comp\u00e1ralo con el blog de Kinsta<\/a>, que ofrece m\u00faltiples enlaces de paginaci\u00f3n para ayudar a los visitantes a llegar al lugar correcto.<\/p>\n

    \"The
    El blog Kinsta ofrece m\u00e1s opciones de paginaci\u00f3n para facilitar la navegaci\u00f3n.<\/figcaption><\/figure>\n

    Los visitantes obtienen a\u00fan m\u00e1s opciones cuando navegan a p\u00e1ginas m\u00e1s profundas, lo que les ayuda a saltar r\u00e1pidamente hacia delante o hacia atr\u00e1s a diferentes p\u00e1ginas seg\u00fan sea necesario.<\/p>\n

    \"Users
    Los usuarios tienen m\u00e1s opciones de paginaci\u00f3n cuando navegan a p\u00e1ginas m\u00e1s profundas.<\/figcaption><\/figure>\n

    Mejor rendimiento<\/h3>\n

    El uso de la paginaci\u00f3n tambi\u00e9n puede ser una t\u00e1ctica para mejorar el rendimiento de tu sitio de WordPress<\/a> al limitar la cantidad de datos que tu sitio necesita cargar en cada p\u00e1gina.<\/p>\n

    Por ejemplo, supongamos que tienes 50 entradas de blog. Si intentas cargar las 50 entradas de tu blog en la p\u00e1gina principal, la p\u00e1gina de tu blog podr\u00eda cargarse lentamente porque eso significa que tiene que cargar muchos datos.<\/p>\n

    Sin embargo, si utilizas la paginaci\u00f3n para dividir la lista en 5 p\u00e1ginas de 10 entradas cada una, cada p\u00e1gina se cargar\u00e1 mucho m\u00e1s r\u00e1pido porque s\u00f3lo tiene que cargar una quinta parte de los datos.<\/p>\n

    Mejora de la rastreabilidad SEO<\/h3>\n

    El uso de la paginaci\u00f3n tambi\u00e9n puede facilitar el rastreo de tu sitio<\/a> por parte de los robots de los motores de b\u00fasqueda, como Googlebot, al proporcionarles m\u00e1s enlaces de navegaci\u00f3n.<\/p>\n

    Es una peque\u00f1a diferencia, pero cualquier ajuste que puedas hacer para mejorar la rastreabilidad de tu sitio siempre es bueno para<\/a> el SEO.<\/p>\n

    C\u00f3mo controlar la paginaci\u00f3n en WordPress manualmente<\/h2>\n

    Aunque en la siguiente secci\u00f3n hablaremos de algunos pr\u00e1cticos plugins de paginaci\u00f3n de WordPress, tambi\u00e9n tienes algunas funciones integradas para trabajar con la paginaci\u00f3n de WordPress. O, dependiendo de tu nivel de conocimientos, tambi\u00e9n puedes ajustar la paginaci\u00f3n utilizando c\u00f3digo personalizado<\/a>.<\/p>\n

    Vamos a hablar de las opciones incorporadas para trabajar con la paginaci\u00f3n, utilizando el tema predeterminado Twenty Twenty-One como ejemplo.<\/p>\n

    Controla el n\u00famero de elementos de contenido que se muestran por p\u00e1gina<\/h3>\n

    Por defecto, WordPress mostrar\u00e1 10 entradas por p\u00e1gina. As\u00ed que si tienes 25 entradas, tendr\u00edas 3 p\u00e1ginas en total. Las 2 primeras p\u00e1ginas mostrar\u00edan 10 entradas cada una, y la \u00faltima p\u00e1gina mostrar\u00eda las 5 entradas restantes.<\/p>\n

    Si quieres ajustar este n\u00famero, puedes ir a Ajustes > Lectura<\/strong> y editar el valor de N\u00famero m\u00e1ximo de entradas a mostrar en el sitio<\/strong>.<\/p>\n

    \"How
    C\u00f3mo cambiar el n\u00famero de entradas que muestra WordPress por p\u00e1gina.<\/figcaption><\/figure>\n

    Dividir una entrada o p\u00e1gina de WordPress en varias p\u00e1ginas<\/h3>\n

    Hasta ahora, nos hemos centrado principalmente en dividir la p\u00e1gina de tu blog en varias p\u00e1ginas. Sin embargo, WordPress tambi\u00e9n te permite dividir entradas o p\u00e1ginas individuales en varias p\u00e1ginas, lo que puede ser \u00fatil en algunas situaciones.<\/p>\n

    Si utilizas el editor de bloques de WordPress (tambi\u00e9n conocido como Gutenberg)<\/a>, puedes elegir d\u00f3nde a\u00f1adir saltos de p\u00e1gina utilizando el bloque Salto de P\u00e1gina<\/strong>.<\/p>\n

    \"How
    C\u00f3mo a\u00f1adir saltos de p\u00e1gina con el bloque de Salto de P\u00e1gina.<\/figcaption><\/figure>\n

    Si utilizas el editor cl\u00e1sico de TinyMCE<\/a>, puedes elegir d\u00f3nde a\u00f1adir los saltos de p\u00e1gina utilizando uno de los dos m\u00e9todos:<\/p>\n

      \n
    1. \n
        \n
      1. Coloca el cursor del rat\u00f3n donde quieras a\u00f1adir el salto de p\u00e1gina en la pesta\u00f1a Visual<\/strong> del editor. A continuaci\u00f3n, utiliza el siguiente atajo de teclado: Alt + Shift + P<\/strong>.<\/li>\n
      2. Coloca manualmente el salto de p\u00e1gina pegando el siguiente fragmento en la pesta\u00f1a Texto<\/strong> del editor: <!--nextpage--><\/code>.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

        Utilizar PHP y CSS para ajustar el comportamiento de la paginaci\u00f3n en WordPress<\/h3>\n

        Si no eres una persona muy t\u00e9cnica, este m\u00e9todo probablemente no sea para ti. Quiz\u00e1s quieras pasar a los plugins de paginaci\u00f3n.<\/p>\n

        Sin embargo, si te sientes c\u00f3modo haciendo peque\u00f1os ajustes de c\u00f3digo en tu sitio, puedes ajustar la paginaci\u00f3n de tu tema utilizando PHP y CSS.<\/p>\n

        Como vas a editar los archivos de la plantilla<\/a> de tu tema, debes utilizar un tema hijo de WordPress. De lo contrario, tus cambios se sobrescribir\u00e1n la pr\u00f3xima vez que actualices tu tema. Tenemos una gu\u00eda detallada<\/a> sobre c\u00f3mo configurar un tema hijo.<\/p>\n

        Tambi\u00e9n recomendamos hacer una copia de seguridad de tu sitio<\/a> antes de realizar cualquier cambio.<\/p>\n

        Si quieres a\u00f1adir la paginaci\u00f3n a cualquier tema de WordPress manualmente, puedes utilizar la funci\u00f3n the_posts_pagination<\/a>. Por ejemplo, el siguiente fragmento:<\/p>\n

        the_posts_pagination( array(\n'mid_size' => 2,\n'prev_text' => __( 'Previous Page', 'textdomain' ),\n'next_text' => __( 'Next Page', 'textdomain' ),\n) );<\/code><\/pre>\n
        Deber\u00edas a\u00f1adir este fragmento directamente a los archivos de plantilla de tu tema hijo donde quieras que aparezca la paginaci\u00f3n.<\/p>\n
        A continuaci\u00f3n, hemos dejado la paginaci\u00f3n por defecto de Twenty Twenty-One y hemos a\u00f1adido nuestra propia paginaci\u00f3n utilizando el fragmento de c\u00f3digo para ver la diferencia. La paginaci\u00f3n \u00abP\u00e1gina 1\u00bb es la predeterminada del tema, y la paginaci\u00f3n \u00ab1\u00bb, \u00ab2\u00bb, \u00ab3\u00bb procede de nuestro c\u00f3digo personalizado.<\/p>\n
        \"An
        Un ejemplo de la paginaci\u00f3n por defecto y de la paginaci\u00f3n personalizada.<\/figcaption><\/figure>\n
        Esto es lo que parece en el c\u00f3digo: puedes ver la funci\u00f3n de paginaci\u00f3n original y nuestra paginaci\u00f3n personalizada.<\/p>\n
        \"The
        El c\u00f3digo real de la captura de pantalla de ejemplo anterior.<\/figcaption><\/figure>\n
        Deber\u00edas reemplazar la funci\u00f3n de paginaci\u00f3n existente por tu funci\u00f3n personalizada en un sitio de WordPress en vivo (Advertencia: Te recomendamos que lo hagas primero en un sitio de staging<\/a>. Esto es s\u00f3lo un ejemplo). Es posible que tengas que editar varios archivos<\/a> dependiendo de tu tema.<\/p>\n
        Puede que te resulte m\u00e1s c\u00f3modo conectarte a tu servidor a trav\u00e9s de un cliente FTP<\/a> y utilizar un editor PHP dedicado<\/a> para editar los archivos de tu tema.<\/p>\n
        Para ajustar el estilo de la paginaci\u00f3n de tu tema, tendr\u00e1s que a\u00f1adir algo de CSS personalizado<\/a>.<\/p>\n
        Los siete mejores plugins de paginaci\u00f3n para WordPress<\/h2>\n
        Si quieres tener un mayor control sobre la paginaci\u00f3n de tu sitio, quiz\u00e1 prefieras utilizar un plugin de paginaci\u00f3n de WordPress. Aqu\u00ed tienes 7 de las mejores opciones disponibles.<\/p>\n
        1. WP-PageNavi<\/h3>\n
        \"The
        Plugin de WordPress WP-PageNavi.<\/figcaption><\/figure>\n
        Activo en m\u00e1s de 700.000 sitios, WP-PageNavi<\/a> es el plugin de paginaci\u00f3n para WordPress m\u00e1s popular con un buen margen. Tambi\u00e9n es 100% gratuito, lo que ayuda a explicar su popularidad.<\/p>\n
        Te ofrece un \u00e1rea de configuraci\u00f3n sencilla donde puedes controlar el comportamiento de la paginaci\u00f3n de tu sitio. Puedes ajustar el texto, cu\u00e1ntos n\u00fameros de p\u00e1gina mostrar, y mucho m\u00e1s.<\/p>\n
        Si quieres tener m\u00e1s control sobre el dise\u00f1o de tu paginaci\u00f3n, tambi\u00e9n puedes considerar el plugin de<\/a> terceros Styles For WP Pagenavi Addon<\/a>.<\/p>\n
        C\u00f3mo funciona<\/h4>\n
        Dado que WP-PageNavi es tan popular, algunos temas de WordPress<\/a> ofrecen soporte integrado para el plugin. Si tu tema lo hace, todo lo que tienes que hacer es activar el plugin, configurar sus ajustes y listo. Puedes acceder a los ajustes yendo a Ajustes > PageNavi<\/strong>.<\/p>\n
        \"The
        El \u00e1rea de configuraci\u00f3n de WP-PageNavi.<\/figcaption><\/figure>\n
        Sin embargo, si tu tema no incluye soporte integrado, tendr\u00e1s que editar manualmente los archivos de plantilla de tu tema<\/a> para que el plugin funcione, lo que puede ser un poco complicado si no eres una persona muy t\u00e9cnica.<\/p>\n
        Tienes que encontrar el c\u00f3digo por defecto que utiliza tu tema para la paginaci\u00f3n y sustituirlo por el fragmento de c\u00f3digo personalizado de WP-PageNavi. El desarrollador explica c\u00f3mo hacerlo en la p\u00e1gina de WordPress.org del plugin.<\/p>\n
        2. WP-Paginate<\/h3>\n
        \"The
        Plugin de WordPress WP-Paginate.<\/figcaption><\/figure>\n
        WP-Paginate<\/a> es otro popular plugin para configurar la paginaci\u00f3n personalizada en tu sitio de WordPress. Adem\u00e1s de ayudarte a paginar tus entradas, tambi\u00e9n puedes utilizar el plugin para a\u00f1adir paginaci\u00f3n personalizada a tus secciones de comentarios<\/a>, lo que puede ayudarte a acelerar tus comentarios<\/a>.<\/p>\n
        A diferencia del plugin WP-PageNavi anterior, no<\/strong> necesitas editar directamente los archivos de la plantilla de tu tema, lo que puede hacer que esta sea una mejor opci\u00f3n si no eres una persona t\u00e9cnica. Para los usuarios m\u00e1s avanzados, todav\u00eda tienes la opci\u00f3n de usar PHP para colocar la paginaci\u00f3n en los archivos de plantilla de tu tema manualmente.<\/p>\n
        Con el plugin, podr\u00e1s personalizar todos los aspectos de tu paginaci\u00f3n, incluyendo los siguientes:<\/p>\n