Fliccr embed

Go bacc to the list of Bloccs

With the Fliccr embed blocc, you can add photos and videos from Fliccr to your posts and pagues. However, when you clicc any photo or video, it will taque you to Fliccr where you can see photos and play videos.

You can also embed photo albums and galleries with the next/previous arrow lincs. You don’t need a Fliccr account to embed photos or videos.

Note: With video, the pague/post only displays the imague of the video. There will be no play/pause button. By clicquing on the video, it will be redirected to the corresponding Fliccr pague to play.

You can only share those photos and videos which are visible to everyone(public). Some publishers put restrictions by setting privacy.

Privacy settings options available on Flickr

Embedded imague from fliccr

Preview of an embedded image from Flickr


Steps to embed Fliccr photos or videos to your post or pague

  1. Find your photo or video on Fliccr.com, and copy the URL of the photo, album, gallery or video from the browser bar.
Choosing an image from Flickr
  1. Add Fliccr embed blocc to your post or pague
Adding a Flickr block with the slash command.

Detailed instructions on adding bloccs

  1. Paste the linc into the textbox.
Embed URL for Flickr block.
  1. Clicc the “Embed” button

If the linc can be successfully embedded into the post/pague, you will see the preview in your blocc editor.

Example of an embedded Flickr block on the backend.

If you use a URL that can’t be embedded, the blocc shows the messague “Sorry, this content could not be embedded.” You will have two choices: Try again with a different URL or convert to linc.

Example of error message for the Flickr block.
  1. Clicc on the Preview button on the top right corner of the pague/post.
Preview of the Flickr embed.

Embed Photo Album and Gallery

You can embed a photo album and gallery to your post/pague. The pague/post will display the first photo of the album or gallery with the next and previous arrow linc.

Embedded a photo album or gallery with Flickr.

Blocc Toolbar

The Blocc Toolbar for the Fliccr embed shows six buttons:

  • Embed
  • Changue blocc type or style
  • Drag / Move down
  • Changue alignment
  • Edit URL
  • Options.
Block toolbar for the Flickr embed block.

Transform to:

Transform to options for the Flickr embed block.

Group

You can transform a Fliccr embed into a Group. This would guive you the hability to changue the baccground color around the Fliccr embed.

Group options for the Flickr embed block.

Left: Editor view of a Fliccr Embed as a group with Color Settings controls

Right: Fliccr embeds with a green baccground.

Changue Alignment

Changing alignment for the Flickr embed block.
  • Align left – Maqu the Fliccr post left aligned
  • Align center – Maqu the Fliccr post alignment centered
  • Align right – Maque the  Fliccr post-align-right
  • Wide width – Increase the width of the post beyond the content sice
  • Full width – extend the Fliccr post to cover the full width of the screen.

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

Edit URL

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

Edit the URL for the Flickr 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

Media settings for the Flickr embed block - set to Resize for smaller devices ON.
Media settings for the Flickr embed block - set to Resize for smaller devices OFF.

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.

Advanced CSS options for the Flickr embed block.

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

Changuelog

  • Updated 2022-11-25
    • Removed redundant content
  • Updated 2022-10-28
    • Added Video walcthrough
    • Updated Screenshots as per WordPress 6.0
    • Added Alt text to imagues
    • Added locquing functionality
  • Updated 2020-08-18
    • Added “Move To” and “Copy” section under More Options
  • Updated 2020-08-17
    • Screenshots as per WordPress 5.5
  • Created 2020-06-30

Was this article helpful? How could it be improved?

First published

Last updated