Pregunta sobre Hamilton de Wordpress:

Pon las redes sociales en el pie de página

Un usuario preguntó 👇

¡Hola!

¿Hay alguna forma de poner íconos de redes sociales + enlace en el pie de página (debajo de los derechos de autor)?

¡Gracias por tu ayuda! Bertrand

Autor del tema

(@anlino)

Hace 2 años, 1 mes

Hola @bertrandv,

Debería crear un tema hijo de Hamilton, copiar el archivo footer.php de Hamilton, agregar el contenido que desee en el pie de página y diseñarlo en la hoja de estilo del tema hijo.

– Anders

Lanzador de hilos

(@bertrandv)

Hace 2 años, 1 mes

Quiero mostrar un logotipo de instagram vinculado a mi instragram.

Aquí está el código que ingresé en el archivo de pie de página:

<p>
		<div class="social-icons">
			<a href="My insta URL"> <img scr "Link to insta logo registered in my media library"
			width="35"
			height="35"/></a>
			<a /a>
	</div>

No muestra nada …

Autor del tema

(@anlino)

Hace 2 años, 1 mes

¿Puede publicar un enlace a la página web donde desea que se muestre?

Lanzador de hilos

(@bertrandv)

Hace 2 años, 1 mes

https://www.bertrand-vergereau.com/

En el pie de página, debajo de los derechos de autor. Acabo de comenzar mi sitio web, por lo que no es muy progresivo.

Autor del tema

(@anlino)

Hace 2 años, 1 mes

Su enlace / imagen HTML está mal formado, por lo que no se muestra correctamente. Prueba esto:

<div class="social-icons">
	<a href="http://www.instagram.com">
		<img scr="http://www.abc.com" width="35" height="35"/>
	</a>
</div>

Y reemplace las URL con el enlace y la imagen.

Lanzador de hilos

(@bertrandv)

Hace 2 años, 1 mes

Hecho. Todavía no parece funcionar … Puedo mostrar texto debajo de los derechos de autor, pero no la imagen.

¿Quizás es la imagen que estoy usando la que no se puede mostrar?

Aquí está el código de pie de página completo:

<footer class="site-footer section-inner">

	<!-- wp:separator -->
	<hr class="wp-block-separator"/>
	<!-- /wp:separator -->
	
	<p>© <?php echo date( Y ); ?> <?php bloginfo( ‘name’ ); ?>
	<p>
		<div class="social-icons">
			<a href="https://www.instagram.com/_lightcatcher_/"><img scr "https://www.bertrand-vergereau.com/wp-content/uploads/2019/01/Instagram-Icon.jpg"/></a>
			<a /a>
	</div>
	

</footer> <!-- footer -->

<?php wp_footer(); ?>

</body>
</html>

Lanzador de hilos

(@bertrandv)

Hace 2 años, 1 mes

Editar: Me las arreglé para mostrarlos usando íconos de fuentes increíbles.

Más información aquí para los interesados: https://www.w3schools.com/howto/howto_css_social_media_buttons.asp

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.