{"id":252676,"date":"2022-03-13T12:36:00","date_gmt":"2022-03-13T09:36:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=252676"},"modified":"2022-04-27T11:50:45","modified_gmt":"2022-04-27T08:50:45","slug":"como-vincular-a-una-parte-especifica-de-una-pagina-de-wordpress-paso-a-paso","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-vincular-a-una-parte-especifica-de-una-pagina-de-wordpress-paso-a-paso\/","title":{"rendered":"C\u00f3mo vincular a una parte espec\u00edfica de una p\u00e1gina de WordPress (paso a paso)"},"content":{"rendered":"<p>Si tiene una p\u00e1gina larga en su sitio, vincular a los visitantes directamente a una secci\u00f3n de esa p\u00e1gina puede ser m\u00e1s \u00fatil que un enlace normal.<\/p>\n<p>Afortunadamente, el <a href=\"https:\/\/themewp.inform.click\/kak-ispolzovat-redaktor-blokov-wordpress-osnovnoe-rukovodstvo-po-gutenbergu\/\" title=\"editor de Gutenberg lo\">editor de Gutenberg lo<\/a> ha facilitado y no necesita instalar ning\u00fan complemento nuevo.<\/p>\n<p>Y para que quede claro, estoy hablando de un enlace como este que lo llevar\u00e1 al encabezado de abajo: <a href=\"#first-heading\">despl\u00e1cese al siguiente encabezado<\/a>.<\/p>\n<p>Aprender\u00e1 a crear enlaces como ese en este tutorial, que puede enlazar con la misma p\u00e1gina o con una secci\u00f3n en una p\u00e1gina separada.<\/p>\n<p>Este tutorial tambi\u00e9n incluye <strong>pasos para el Editor cl\u00e1sico<\/strong>, pero primero lea el resto de la publicaci\u00f3n para aprender c\u00f3mo vincular correctamente.<\/p>\n<h2>C\u00f3mo vincular a parte de una p\u00e1gina<\/h2>\n<p>Si prefiere tutoriales en video, puede seguir este tutorial paso a paso en lugar de leer las instrucciones en esta publicaci\u00f3n.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/ghVHEzlLVqw\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Suscr\u00edbete para competir temas en Youtube<\/a><\/p>\n<p>Para vincular a una parte espec\u00edfica de una p\u00e1gina, debe hacer dos cosas.<\/p>\n<ol>\n<li>Agregar un ancla para vincular<\/li>\n<li>Enlace al ancla<\/li>\n<\/ol>\n<p>Primero, necesita una forma de designar el elemento al que se vincular\u00e1. Puede ser cualquier elemento, pero usaremos un encabezado ya que es el elemento m\u00e1s com\u00fan para vincular.<\/p>\n<p>Una vez que se agrega el ancla, todo lo que necesita hacer es vincularlo usando el editor de v\u00ednculos normal y un formato de URL ligeramente diferente.<\/p>\n<p>Ser\u00e1 f\u00e1cil de entender en la pr\u00e1ctica, as\u00ed que comencemos.<\/p>\n<h3>C\u00f3mo agregar un ancla a un encabezado<\/h3>\n<p>Comience seleccionando un bloque de encabezado en el editor. Ver\u00e1 una secci\u00f3n Avanzada en la barra lateral derecha que est\u00e1 contra\u00edda de forma predeterminada.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1bc135c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1bc135c.png\" alt=\"C\u00f3mo vincular a una parte espec\u00edfica de una p\u00e1gina de WordPress (paso a paso)\"><\/a><\/p>\n<p>Abra la secci\u00f3n Avanzado y lo primero que ver\u00e1 es la opci\u00f3n de anclaje HTML.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1da4d9e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1da4d9e.png\" alt=\"C\u00f3mo vincular a una parte espec\u00edfica de una p\u00e1gina de WordPress (paso a paso)\"><\/a><\/p>\n<p>WordPress llama a esto un ancla, pero los desarrolladores se refieren a esto como la ID del elemento.<\/p>\n<p>Dentro del campo de anclaje HTML, asigne al encabezado un nombre breve y descriptivo. No puede tener espacios, pero puede usar guiones para separar palabras. Por ejemplo, una secci\u00f3n sobre dieta en un art\u00edculo sobre el cuidado de un perro podr\u00eda tener un ancla como &quot;dieta&quot; o &quot;dieta para perros&quot;.<\/p>\n<p>Una vez que haya agregado el ancla, estar\u00e1 listo para vincularlo.<\/p>\n<h3>C\u00f3mo enlazar a un ancla<\/h3>\n<p>Los pasos son ligeramente diferentes dependiendo de si el enlace est\u00e1 en la misma p\u00e1gina o no. Comencemos con enlaces a la misma p\u00e1gina.<\/p>\n<p>Para vincular a un ancla en la misma p\u00e1gina, resalte el texto que desea vincular y haga clic en el icono de v\u00ednculo (o use el acceso directo cmd + k).<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1f81764.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1f81764.png\" alt=\"C\u00f3mo vincular a una parte espec\u00edfica de una p\u00e1gina de WordPress (paso a paso)\"><\/a><\/p>\n<p>Luego, en el campo URL, ingrese un hashtag seguido del ancla.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a214c345.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a214c345.png\" alt=\"C\u00f3mo vincular a una parte espec\u00edfica de una p\u00e1gina de WordPress (paso a paso)\"><\/a><\/p>\n<p>WordPress incluso agrega una etiqueta para hacerle saber que este es un enlace &quot;interno&quot;<\/p>\n<p>Una vez que presione enter, se agregar\u00e1 el enlace. Puede obtener una vista previa del art\u00edculo para probarlo de inmediato.<\/p>\n<p>Para utilizar esta t\u00e9cnica para un ancla en una p\u00e1gina diferente, la URL necesita una peque\u00f1a modificaci\u00f3n.<\/p>\n<p>La \u00fanica diferencia es que primero agregar\u00e1 la URL completa seguida del hashtag y el ancla, as\u00ed:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2317207.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2317207.png\" alt=\"C\u00f3mo vincular a una parte espec\u00edfica de una p\u00e1gina de WordPress (paso a paso)\"><\/a><\/p>\n<p>Es posible que el enlace no funcione sin la barra diagonal al final de la URL antes del ancla, as\u00ed que aseg\u00farese de incluirla siempre. Tambi\u00e9n puede <a href=\"https:\/\/themewp.inform.click\/vse-36-sposobov-uskorit-rabotu-vashego-sajta-na-wordpress\/\" title=\"hacer que su sitio se cargue m\u00e1s r\u00e1pido\">hacer que su sitio se cargue m\u00e1s r\u00e1pido<\/a> al omitir el redireccionamiento autom\u00e1tico a la versi\u00f3n de barra diagonal de la URL.<\/p>\n<p>Eso probablemente cubra todo lo que necesita saber sobre c\u00f3mo agregar enlaces de anclaje internos a WordPress, pero tengo algunos consejos m\u00e1s para mentes curiosas.<\/p>\n<p>Puede utilizar esta misma t\u00e9cnica para crear un <a href=\"https:\/\/themewp.inform.click\/11-luchshih-odnostranichnyh-tem-wordpress\/\" title=\"sitio web de una p\u00e1gina\">sitio web de una p\u00e1gina<\/a>.<\/p>\n<p>Con un sitio de una p\u00e1gina, solo tiene una p\u00e1gina de inicio, y el men\u00fa vincula a los visitantes a diferentes secciones de esa p\u00e1gina en lugar de a p\u00e1ginas completamente nuevas.<\/p>\n<p>Para crear este tipo de sitio, crear\u00e1 sus anclas utilizando el mismo m\u00e9todo que acaba de aprender. Luego, puede abrir su men\u00fa en el Personalizador y usar la secci\u00f3n Enlaces personalizados para vincular sus anclajes.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a24dc72b.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a24dc72b.png\" alt=\"C\u00f3mo vincular a una parte espec\u00edfica de una p\u00e1gina de WordPress (paso a paso)\"><\/a><\/p>\n<p>Si utiliza esta t\u00e9cnica para un sitio web de varias p\u00e1ginas, aseg\u00farese de incluir la URL completa antes del hashtag.<\/p>\n<h2>C\u00f3mo vincular a otros elementos<\/h2>\n<p>Los encabezados no son los \u00fanicos elementos que incluyen la opci\u00f3n de anclaje HTML.<\/p>\n<p>Tambi\u00e9n puede agregar anclas a:<\/p>\n<ul>\n<li>P\u00e1rrafos<\/li>\n<li>Imagenes<\/li>\n<li>Liza<\/li>\n<li>Galerias<\/li>\n<li>Mesas<\/li>\n<li>Citas<\/li>\n<\/ul>\n<p>De hecho, mientras navegaba por los bloques de Gutenberg, no pude encontrar uno que no fuera compatible con la opci\u00f3n de anclaje HTML.<\/p>\n<p>Dicho esto, si usa un bloque agregado por un complemento, podr\u00eda faltar esta opci\u00f3n. Adem\u00e1s, la opci\u00f3n de ancla no est\u00e1 disponible si est\u00e1 utilizando el Editor cl\u00e1sico, as\u00ed que aqu\u00ed le mostramos c\u00f3mo puede editar el HTML para agregar un ancla a cualquier elemento de su sitio.<\/p>\n<h2>C\u00f3mo agregar enlaces de anclaje con HTML<\/h2>\n<p>Si est\u00e1 utilizando el Editor cl\u00e1sico (o un bloque al que le falta el campo de anclaje HTML), hay algunos pasos m\u00e1s para agregar el enlace.<\/p>\n<p><strong>La forma en que se vincula al ancla es la misma<\/strong>. La \u00fanica diferencia es c\u00f3mo agrega el ancla al elemento.<\/p>\n<p>Para agregar el ancla, necesita editar el HTML. En el editor de Gutenberg, puede abrir el men\u00fa de opciones del bloque y seleccionar Editar como HTML. En el Editor cl\u00e1sico, use las pesta\u00f1as en la parte superior derecha para cambiar de la vista Visual a la vista Texto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2684f8f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2684f8f.png\" alt=\"C\u00f3mo vincular a una parte espec\u00edfica de una p\u00e1gina de WordPress (paso a paso)\"><\/a><\/p>\n<p>Al ver el HTML, ver\u00e1 que sus encabezados est\u00e1n envueltos con etiquetas HTML como esta:<\/p>\n<pre><code>&lt;h3&gt;This is a heading&lt;\/h3&gt;<\/code><\/pre>\n<p>Para agregar un ancla, debe agregar el atributo ID al encabezado. Aqu\u00ed hay un ejemplo que le da al encabezado un ancla llamada &quot;dieta para perros&quot;:<\/p>\n<pre><code>&lt;h3 id=\"dog-diet\"&gt;This is a heading&lt;\/h3&gt;<\/code><\/pre>\n<p>Cada elemento HTML puede usar el atributo ID, por lo que no est\u00e1 limitado a los encabezados. En el editor cl\u00e1sico, una gran parte del HTML no aparece en realidad, pero siempre puede envolver una secci\u00f3n en etiquetas &quot;div&quot; para agregar un ancla, como esta:<\/p>\n<pre><code>&lt;div id=\"link-target\"&gt;<\/code><\/pre>\n<p>Agregar el elemento div no har\u00e1 ninguna diferencia visual en la p\u00e1gina, pero le permitir\u00e1 vincular directamente a estos p\u00e1rrafos.<\/p>\n<p>Editar el HTML de esta manera funciona exactamente igual, ya sea que est\u00e9 usando Gutenberg o el Editor cl\u00e1sico. Una vez que el ancla est\u00e9 en su lugar, todo lo que tiene que hacer es vincularlo utilizando el m\u00e9todo descrito anteriormente.<\/p>\n<h3>Sigue aprendiendo WordPress<\/h3>\n<p>Con conocimiento de los enlaces de anclaje y un poco de HTML, puede enlazar a cualquier secci\u00f3n de cualquier p\u00e1gina desde cualquier lugar de su sitio.<\/p>\n<p>Si aprender nuevas t\u00e9cnicas de WordPress es emocionante y satisfactorio para usted, probablemente le encantar\u00e1 mi curso gratuito de correo electr\u00f3nico de WordPress:<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/subscribe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Realice el curso de dominio de WordPress de 7 d\u00edas por correo electr\u00f3nico<\/a><\/p>\n<p>Si no le gusta, puede darse de baja con un solo clic, pero estoy seguro de que obtendr\u00e1 al menos un nuevo consejo valioso. El curso de correo electr\u00f3nico de 7 d\u00edas ofrece t\u00e1cticas de dise\u00f1o, marketing y rendimiento para crear un sitio web mejor y completo.<\/p>\n<p>Gracias por leer esta gu\u00eda sobre c\u00f3mo vincular partes de p\u00e1ginas en WordPress, y considere compartirla con otra persona usando los botones sociales a continuaci\u00f3n.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a vincular a una parte espec\u00edfica de cualquier publicaci\u00f3n o p\u00e1gina de WordPress. Solo toma un minuto y no requiere ning\u00fan complemento nuevo.<\/p>\n","protected":false},"author":1,"featured_media":21644,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[174,648,566,606],"tags":[849],"class_list":["post-252676","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chrome-2","category-como-hacer","category-conceptos-basicos-de-wordpress","category-uncategorized-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/252676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=252676"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/252676\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/21644"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=252676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=252676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=252676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}