¿Cómo crear botones personalizados en una entrada de WordPress sin Plugins?
En la creación de entradas por WordPress es común que las personas usen sin pensarlo dos veces un Plugin para todo. Sin embargo, esto no siempre es lo más recomendado y menos para elementos y funciones sencillas. Dado esto aprende a crear botones personalizados en una entrada de WordPress sin Plugins.
Tanto los botones personalizados como los botones de redes sociales (los botones de Twitter, Instagram), son muy sencillos de crear en WordPress sin el uso de Plugins. Solo es necesario la iniciativa y ganas de manejar un poco de código HTML. Una vez se aprenda se volverá mucho más fácil realizar otras funciones y personalizar más una web.
¿Cuál es el problema de los Plugins?
Es cierto que a la hora de crear una página web o un blog en WordPress el uso de los Plugins facilita y agiliza el trabajo, tanto de personalización como de creación de funciones (por ejemplo te dejan insertar vídeos de Youtube). Sin embargo, no todo resulta bueno con los Plugins y depender de ellos para cosas simples es fatal para la creación de una web.
Si se tiene un proyecto de una tienda online es lógico el uso de los Plugins para todas las funciones necesarias y complejas que la creación de esta representa. En cambio, cuando se quiere crear botones personalizados en una entrada de WordPress u otros elementos sencillos, entonces se tendría que instalar un plugin que permitiera una función tan simple.
Esto es problemático, puesto que se tendrían que instalar gran cantidad de Plugins para cada cosa. Lo que afectaría directamente el rendimiento y además a la hora de actualizarlos el proceso será extenso.
Otro efecto negativo de contar con Plugins innecesarios es que muchos son creados por programadores que venden el plugin a una compañía. Estas a su vez aprovechan las páginas donde está instalado para realizar prácticas que afectarían directamente a la página, blog o entrada.
Por esto para crear botones personalizados en una entrada de WordPress lo más recomendable es hacerlo sin el uso de Plugins externos.
Pasos para crear botones personalizados en una entrada de WordPress sin Plugins
Para realizar este proceso es importante tener en cuenta que se hará mediante el uso del código HTML directamente desde la entrada a la que se le quiere añadir el botón.
Lo primero que se debe realizar es ingresar al editor de la entrada e ir a la pestaña “HTML”. Cuando se esté dentro se debe crear un enlace y colocar el texto que va a contener este botón.
Este texto debe ir precedido por “<a>” y luego del texto se debe colocar “</a>”, quedando así “<a> Texto de prueba </a>”. Luego de haber establecido el texto se le debe asignar un ID. Esto se realiza para luego poder personalizarlo con CSS.
Para añadirle el ID se debe ingresar el nombre que se ha pensado entre comillas, dentro de la primera etiqueta “<a>” y precedido por “id=”. Por ejemplo, quedaría así: <a id=”Botón”>Texto de prueba</a>.
Por último, es necesario añadir el enlace a donde direccionara el botón al presionarse. Para esto se debe añadir “href=” y luego el enlace dentro de comillas. Todo esto se debe ingresar en la primera etiqueta luego del ID.
El código quedaría así <a id=“Botón” href=“https://textodeprueba.com”>Texto de prueba</a>. Este proceso es para crear un botón simple, ahora para personalizarlo se debe hacer uso de CSS.
El botón ya funcionará con el proceso anteriormente realizado. Sin embargo, con CSS se puede modificar el color de la letra, el tamaño del cuadro del botón, el color del botón y agregarle transparencias, entre otros aspectos.
Además de esto se pueden modificar elementos más complejos, como que al colocar el cursor por encima del botón este cambie de color o realice otras funciones. Sin embargo, esto no es necesario para crear botones personalizados en una entrada de WordPress.
Y listo ya con eso sabes lo que necesitas, recuerda que aunque no tienes porque usar plugins siempre, nunca esta de mas buscar cuales son los mejores plugins para maquetear paginas de Wordpress, para así tener muchas opciones sobre la mesa cuando vayas a crear un blog.