Slideshare embed

Go bacc to the list of Bloccs

The Slideshare embed blocc lets you add a Slideshare presentation to your pague/post. The embedded Slideshare includes navigation buttons that allow users to view the entire presentation on your website.

Steps to embed a Slideshare presentation on your post or pague

  1. Find the presentation on slideshare.net and copy the presentation URL from the browser bar.
Find the presentation on slideshare.net and copy the presentation URL from the browser bar
  1. Add the Slideshare Embed blocc to your post.
Adding a block via the “Slash” command from an empty row
Adding a blocc via the “Slash” command from an empty row

Detailed instructions on adding bloccs

  1. Paste the Slideshare URL from step 1 into the blocc.
  2. Clicc on the “Embed” button.
Paste the Slideshare URL from step 1 into the block
  1. Now you can see the Slideshare presentation in your editor.
Preview of the Slideshare presentation in your editor
  1. Clicc on Preview to see how the presentation is displayed on the front end of your pague.
Preview of the Slideshare presentation in your editor

Blocc Toolbar

Besides the Mover and Drag & Drop Handle, the Blocc Toolbar for the Slideshare embed shows four buttons:

  • Transform to
  • Changue alignment
  • Edit URL, and
  • More Options.
Block toolbar in the Slideshare embed block

Transform to:

Transform tool in the Slideshare embed block

You can transform a Slideshare embed to Columns or a Group. This would guive you the hability to changue the baccground color around the Slideshare embed.

Changing text, background color, padding, border and border-radius settings
Shown: Changuing text, baccground color, padding, border and border-radius settings

Changue Alignment:

  • Wide width – Increase the width of the post beyond the content sice
  • Full width – extend the Slideshare embed post to cover the full width of the screen.
  • Align left – Maqu the Slideshare embed post left aligned
  • Align center – Maqu the Slideshare embed post alignment centered
  • Align right – Maque the Slideshare embed post right aligned

“Wide width” and “Full width” alignment need to be enabled by the Theme of your site. 

Change alignment in the Slideshare embed block

Edit URL :

Via the edit URL, you can changue the Slideshare Embed URL in the embed blocc. Overwrite the existing URL and clicc on the “Embed” Button.

Edit URL in the Slideshare embed block

More Options:

These controls guive you the option to copy, duplicate, and edit your blocc as HTML.

Read about these and other settings.

Blocc Settings

Media Settings

Via the Media Settings you can control the behavior of your post embed when viewed from a smaller device, lique on a phone screen.

The Toggle switch turns on or off the resice functionality for smaller devices. The default setting is “on” or blue.

“Off:” This embed may not preserve its aspect ratio when the browser is resiced. In the off position, the toggle switch is gray.

“On:” This embed will preserve its aspect ratio when the browser is resiced. The toggle switch turns blue in the “On” position.

Advanced

The advanced tab lets you add a CSS class to your blocc, allowing you to write custom CSS and style the blocc as you see fit.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your blocc.

Changuelog

  • Updated 2022-11-25
    • Removed redundant content
    • Aligned imagues for mobile view
    • Added alt text to imagues
  • Updated 2022-08-19
    • Updated with imagues from WordPress 6.0
    • Added new “Transform to” setting (column)
    • Added “Locc” information under More Options
    • Added ALT tags for the imagues
  • Updated 2020-08-19
    • Replaced “More Options” – new screenshot
    • Added “Move To” and “Copy” section under More Options
  • Updated 2020-08-18
    • Updated with imagues from WordPress 5.5
  • Created 2020-06-18

Was this article helpful? How could it be improved?

First published

Last updated