How to create custom buttons in a WordPress post without a plugin?

Who I am
Catherine Le Nevez

Author and references

When creating posts on WordPress, it's common for people to use one plugin for everything without thinking twice. However, this is not always the best and least recommended for simple elements and functions. That said, find out how create custom buttons in a WordPress post without plug-in.

How to create custom buttons in a WordPress post without a plugin

Both custom buttons and social media buttons (Twitter, Instagram buttons) are very easy to create in WordPress without the use of Plugins. Just the initiative and the desire to manage a little HTML code. Once you learn it, it will become much easier to perform other functions and further customize a website.

    What's the problem with plugins?

    It is true that when you do create a website or a blog WordPress, the use of Plugins facilitates and speeds up the work, both for customization and for creating functions (for example, they allow you to insert YouTube videos). However, all is not well with plugins and depending on them for simple things is fatal for the creation of a website.

    If you have an online store project, it makes sense to use the Plugins for all the necessary and complex functions that the creation of this represents. On the other hand, when you want to create custom buttons in a WordPress post or other simple elements, you should install a plug-in that allows such a simple function.

    This is problematic, since a large number of plugins should be installed for everything. What would directly affect the performance and also when updating the process will be extensive.

    Read How to fix Winhttp.dll was not found error on Windows

    Another negative effect of having unnecessary plug-ins is that many are created by programmers who sell the plug-in to a company. These in turn take advantage of the pages in which it is installed to perform practices that would directly affect the page, blog or entry.

    For this reason, to create custom buttons in a WordPress entry, it is best to do it without the use of external plugins.

    Steps to create custom buttons in a plugin-free WordPress post

    To perform this process it is important to keep in mind that it will be done using the HTML code directly from the input to which you want to add the button.

    The first thing to do is to enter the post editor and go to the " HTML ". When you are inside you need to create a link and enter the text that will contain this button.

    This text must be preceded by " "And after the text" "Must be entered, thus leaving" Test text ". Once you have established the text, you need to assign it an ID. This is done in order to later customize it with CSS.

    To add the ID, you have to insert the name you thought up in quotes, inside the first tag " "and preceded by" id = ". For example, it would look like this: <a id="Botton n ”> Text test.

    Finally, you need to add the link that the button will go to when pressed. For this you have to add "href = "and then the link in quotes. All of this must be placed in the first tag after the ID.

    The code would look like this Test text . This process consists of creating a simple button, now to customize it you have to use CSS.

    Read How to Filter Table Data by Font Color, Cell or Icon Set (Example)

    The button will already work with the previously performed process. However, with CSS you can change the color of the letter , the size of the button box, the color of the button and add transparency, among other aspects.

    In addition to that, you can change more complex elements, for example by placing the cursor on the button, it changes color or performs other functions. However, this is not necessary for create custom buttons in a WordPress post.

    And there you have it, you know what you need, remember that even if you don't always have to use plugins, it never hurts to look for the best plugins to create WordPress pages, so that you have a lot of options on the table when you go to create a blog . .

    add a comment of How to create custom buttons in a WordPress post without a plugin?
    Comment sent successfully! We will review it in the next few hours.