How to post

Join this course/site

https://openlab.macaulay.cuny.edu/groups/freeman25

Under the avatar on the top right, click “request to join”

Once you are part of the site, click “site dashboard” under “Visit Course Site” (right hand side of the page).

Create your post

In the dashboard, from the menu at the top, click “+” and click “Post”

Write your post

In the “Add New Post” screen, you write the post you want to create. Enter the appropriate title and any text you want in the post. You can add images by clicking the plus sign in the top-left corner and selecting the “image” block. From here, you can upload images from your device. You can also embed media, create image galleries, etc, through the various blocks listed on the right. Feel free to explore.

  1. Add a Featured Image On the right hand side, under “Post,” select “Set Featured image” and upload/choose an image
  2. Choose Your Category
    Before publishing your post, make sure you choose the right category or categories for it. Look for the categories on the right hand side, under “Post.”
  3. Add Alt-Text to Image
    Alt-text is the description of an image used by screenreaders for people who are blind or have vision impairments. It’s good for accessibility to add a brief description of any images for that reason (“cat with head upside down, one eye open, on top of the book Clarissa )
  4. Publish!
    When your post is ready, click “Publish.”

Some Embed Options

Embed a Google Slide Presentation

  1. In your Slides presentation, go to Files > Publish to the Web
  2. Choose “Embed” rather than Link. Click “Publish”
  3. Copy the html code (<iframe…) that appears
  4. Choose the “Custom HTML” block under “Widgets” category
  5. Paste the HTML code, and save (see example below)

Embed a Canvas Presentation

  1. In your Canva presentation, go to “Share” in the top right Corner
  2. Click “Public View Link” and “Create Public View Link.”
  3. Copy link and paste it directly into your post!

Embed a YouTube video

Paste the link to the video directly into your post!

(or, use the YouTube embed block)

Sample embedded Google Slides

[data-source-id=”source-26cbd518-0a65-4d9d-90ec-570d651a81ae”] .ose-embedpress-responsive{ width: 600px!important; height: 600px!important; max-height: 600px!important; } [data-source-id=”source-26cbd518-0a65-4d9d-90ec-570d651a81ae”] iframe{ width: 600px!important; height: 600px!important; max-height: 600px!important; } [data-source-id=”source-26cbd518-0a65-4d9d-90ec-570d651a81ae”] .embedpress-yt-subscribe iframe{ height: 100%!important; } [data-source-id=”source-26cbd518-0a65-4d9d-90ec-570d651a81ae”] .ose-youtube > iframe{ height: 600px!important; width: 600px!important; } [data-source-id=”source-26cbd518-0a65-4d9d-90ec-570d651a81ae”] .ose-youtube{ height: 600px!important; width: 600px!important; } [data-source-id=”source-26cbd518-0a65-4d9d-90ec-570d651a81ae”] .ose-giphy img{ height: 600px!important; width: 600px!important; } [data-source-id=”source-26cbd518-0a65-4d9d-90ec-570d651a81ae”] .ose-google-docs img{ height: 600px!important; width: 600px!important; } [data-source-id=”source-26cbd518-0a65-4d9d-90ec-570d651a81ae”] .ose-embedpress-responsive.ose-google-photos{ height: 100% !important; max-height: 100% !important; } [data-source-id=”source-26cbd518-0a65-4d9d-90ec-570d651a81ae”] .embera-embed-responsive-provider-gettyimages, [data-source-id=”source-26cbd518-0a65-4d9d-90ec-570d651a81ae”] .embera-embed-responsive-provider-gettyimages iframe, [data-source-id=”source-26cbd518-0a65-4d9d-90ec-570d651a81ae”] .getty{ width: 600px!important; height: 600px!important; max-height: 600px!important; max-width: 100%!important; }

Sample Canva Embed

https://www.canva.com/design/DAGvN3dCU4U/dmkXrWOAMo_WNUs4cO7sqg/view?utm_content=DAGvN3dCU4U&utm_campaign=designshare&utm_medium=link2&utm_source=uniquelinks&utlId=h9f2139f8db

More advanced post options

Within each block, you have options to further tailor how your post looks (size, borders, colors, etc).

Below, I used the Cover block (image + text) and used the Duotone filter under the Styles tab to alter the image

Cover block + Duotone effect

Comments

Leave a Reply