Añadir botón de descarga al final de post automáticamente

Les enseñaré de manera sencilla a colocar mediante el uso de un Campo Personalizado o Custom Field un botón de descarga automáticamente al final de cada artículo que creen.

Además conociendo las funciones de este código podrán encontrarle nuevas utilidades.

Antes de comenzar debemos encontrar en la sección de edición de temas de WordPress el archivo Single.php, que contiene el código que hace funcionar al artículo.

Para poder encontrar el archivo Single.php dirigirse a la sidebar del panel de administración y seguir el camino: Apariencia > Editor > Single.php

Luego de haber encontrado este archivo debemos leer cuidadosamente el código existente y agregar el siguiente código dentro de la loop.

Expliquemos este codigo (que al final encontrarán muy sencillo).

En la primera línea indicamos que se creará un custom field de nombre link_descarga

Este nombre puede ser cambiado, ya que sirve únicamente como identificación.

Si no añadimos el Campo Personalizado no veremos el botón de descargas en el artículo

Comencemos a personalizar nuestro botón:

Tenemos dos opciones, podemos dar estilo con una class, como nosotros hicimos en este blog o podemos colocar directamente una imagen si no queremos adentrarnos en el CSS.

Quiero usar CSS

Es sencillo, se crea en la hoja de estilos que está siendo utilizada para el blog un estilo llamado (siguiendo este ejemplo) .boton_descarga

Por ejemplo, nuestro CSS se vería así:

Este estilo que les menciono es absolutamente básico, ustedes deben adaptarlo a su página.

No quiero usar CSS

Es bastante simple, el código se vería así:

Claramente, donde se indica “RUTA DE IMAGEN” deberán colocar la dirección a la imagen que desean que sea el fondo del botón.

Scroll to top