Download
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

How to add button in posts with WYSIWYG and BLOCK editors?

  • #5916
    Avatar photo[anonymous]

    Hi,

    Without resorting to adding HTML code to a post, how can a button be added using either WYSIWYG and Block editors?

    For example,

    the “FREE DOWNLOAD” on this Sources demo page 

    the “BUTTON” and “BUTTON WHITE” buttons on Sources Typography

    Thanks.

    #5917
    Avatar photo[anonymous]

    As far as I can see, I think you’ll just need to copy and paste the HTML snippets. Details below.

    WYSIWYG =

    1. Click on the page to insert an insertion point.

    2. From the page navigation bar buttons, choose the Source Code (<> HTML) button.

    3. For the default (red) button, copy and past the code block below:

    <p>Text for button</p>

    4. For the White button, copy and paste the code below:

    <p>Button white</p>

    5. Choose the Apply changes button.

    6. Save the page, and choose the Preview button.

    Block Editor =

    1. Choose the + icon to add something.

    2. Choose the HTML icon from the floating icon bar.

    3. For the default (red) button, copy and past the code block below:

    <p>Text for button</p>

    4. Choose the + icon

    5. Choose the HTML icon.

    6. For the White button, copy and paste the code below:

    <p>Button white</p>

    7. Save the page, and choose the Preview button.

    #5919
    Avatar photoBob

    Just add a link, and from the WYSIWYG “Paragraph” dropdown menu select Button

    That’s it.

    #5920
    Avatar photo[anonymous]
    [anonymous] wrote:

    Just add a link, and from the WYSIWYG “Paragraph” dropdown menu select Button

    That’s it.

    Ha ha! Superb!

    Just shows how out of date my ‘code it’ answer was. So I’ve been making it harder than I needed 🙂

    @Bob’s simple answer seems to (probably) work all the Publii themes at: https://marketplace.getpublii.com . Publii just keeps getting better and better!

    #5922
    Avatar photoBob
    [anonymous] wrote:

    Just shows how out of date my ‘code it’ answer was

    Your help is most appropriate, and your tips are correct. There are two ways to add a button, and we’ve just covered both.