Sign in

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

  • This topic has 4 replies, 3 voices, and was last updated 2 years, 3 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #5916
    Avatar photoshaun2k

    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 photoitips3727

    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.

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #5920
    Avatar photoitips3727
    Bob 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
    itips3727 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.

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.