Cómo agregar un «enlace de inicio» a su blog de WordPress

Añadiendo un «Home» El enlace en su blog de WordPress puede ser tan simple como pegar un código HTML en un widget de texto o en un archivo de tema. O puede volverse tan complejo como agregar una barra de navegación al encabezado. Como soy demasiado vago para encontrar una manera fácil de decirle cómo codificar y agregar una barra de navegación, Guía de WordPress tomará la ruta fácil para agregar un enlace de inicio a su blog de WordPress.

Hay muchos lugares en los que puede agregar el enlace de Inicio y, por alguna razón, a la gente le gusta tener estos enlaces de «Inicio» en su blog para mantener a sus lectores en el sitio. Mi opinión es que la mayoría de las personas ahora son lo suficientemente inteligentes como para navegar por un sitio web sin toda esta ayuda, pero … bueno, de todos modos, aquí tienes. El primer lugar donde vamos a agregar el enlace es en la barra lateral, ahora esto puede ser tan simple como copiar el código que proporcioné a continuación y pegarlo en un widget de texto, cambiando la parte «Inicio del blog» a cualquier texto de anclaje desear.

<a <?php if (is_home()) echo(‘class=»current» ‘); ?>href=»<?php bloginfo(‘url’); ?>»>Blog Home</a>

O puede experimentar con él y pegarlo directamente en el archivo sidebar.php. Si elige esta opción para asegurarse de que esté en un área por encima de este código:

<?php if ( function_exists(‘dynamic_sidebar’ && dynamic_sidebar(1) ) : else : ?>

Entonces su código se verá así

<a <?php if (is_home()) echo(‘class=»current» ‘); ?>href=»<?php bloginfo(‘url’); ?>»>Blog Home</a>
<?php if ( function_exists(‘dynamic_sidebar’) && dynamic_sidebar(1) ) : else : ?>

Puede agregar una imagen de fondo usando una tabla simple y especificar la ubicación de la imagen. Asegúrese de que la imagen siempre esté disponible y viva en Internet, le sugiero que use una imagen que esté alojando o que cargará en su sitio web. A continuación se muestra una tabla sencilla para centrar el enlace y la imagen «Inicio». Asegúrese de cambiar la ubicación de la URL de la imagen completa para que sea visible:

<div align=»center»>

<center>

<table border=»0 width=»100″ height=»30″>
<tr>
<td background=»http://www.ImageLocation.com/Full_Path_Of_Image» width=»112″>

<p align=»center»><a <?php if (is_home()) echo(‘class=»current» ‘); ?>href=»<?php bloginfo(‘url’); ?>»>Blog Home</a></p>

</td>
</tr>

</table>

</center>

</div>

El código anterior no especifica ningún borde, para agregar un borde cambie el 0 por un número mayor, y el tamaño de la imagen es 100 × 30, puede cambiar esos números para hacerla más grande o más pequeña. los td fondo es la ruta completa de la imagen de fondo, para encontrar la ruta completa de una imagen usando su navegador Firefox, simplemente haga clic derecho en la imagen y elija Ver imagen y la imagen se mostrará en su propia URL, copie la URL en la barra de direcciones. Si usa Internet Explorer, esa opción no está disponible, ¡deje de usar IE y cambie a Firefox!

Otros lugares para agregar un enlace de inicio se encuentran en la navegación inferior en una sola publicación. Esto es un poco más complicado y necesitará editar el tema para hacerlo. La mayoría de los temas usan un archivo single.php para mostrar una sola publicación, y la mayoría tiene la navegación a las publicaciones anteriores y siguientes. Algunos temas pueden usar el archivo index.php si no tiene un solo archivo .php. También puede agregar un enlace a la página principal de blogs en esta área. Antes de editar cualquier archivo, haga una copia de seguridad si es nuevo en la edición de archivos de temas de WordPress. Abra el archivo para editar y busque el código de navegación. A continuación, agregué el enlace de inicio entre las publicaciones anterior y siguiente:

<div>
<?php previous_post_link(‘« %link’) ?>

<a <?php if (is_home()) echo(‘class=»current» ‘); ?>href=»<?php bloginfo(‘url’); ?>»> Blog Home</a>

<?php next_post_link(‘%link »’) ?>

</div>

Si los enlaces están demasiado cerca uno del otro o al costado de la página, puede agregar algo de espacio usando el fragmento de código que se muestra para espaciarlo, si desea agregar un poco de espacio entre los enlaces en la parte inferior de la página, agregue un algunos descansos duros al final del código como se muestra. Entonces, el código utilizado para agregar un espacio entre el lado izquierdo de la página y entre los tres enlaces con algunos espacios entre él y la parte inferior de la página se vería a continuación. El código de aspecto moderno frente al enlace de la publicación anterior y el enlace de Inicio proporciona los espacios entre los enlaces, puede usar varios de ellos para obtener más espacio y dos descansos duros para crear el espacio en la parte inferior:

<div>
&nbsp; <?php previous_post_link(‘« %link’) ?>
&nbsp; <a <?php if (is_home()) echo(‘class=»current» ‘); ?>href=»<?php bloginfo(‘url’); ?>»> Blog Home</a>

&nbsp; <?php next_post_link(‘%link »’) ?>
<br /> <br />
</div>
<?php else: ?>
<div id=»post-<?php the_ID(); ?>»>
<h2><?php _e(‘Not Found’); ?></h2>
</div>

Los lugares para agregar este u otros enlaces a su blog de WordPress solo están limitados por su imaginación y el tiempo que requiere para investigar más sobre la edición y personalización de su tema de WordPress.

Aviso: si copia el código de esta publicación y no funciona, intente volver a escribir las comillas «y apóstrofos». Si eso no funciona, vuelva a escribir todo el código en un editor de texto sin formato como el Bloc de notas o directamente en su plantilla. Los navegadores web y WordPress tienen dificultades para mostrar el código. Si observa de cerca, puede ver que las comillas en esta oración son curvas, mientras que las que se muestran en los cuadros de código son rectas.

[elementor-template id=»33″]