Adding a Social Media Icons Block

Last updated: May 26, 2023
 

row of 3 green social media icons

To add a row of departmental or school social icons to an Article page, please follow the steps below:

 

  1. Click +Add Section
     
    Add Section screen

     

  2. Click the column layout you want for this new page section.

    Note: One Column blocks run full width on the screen while Tailwind One Column Margined has narrow margins
     
    Screenshot of section types

     

  3. Under Configure Section:

    Administrative Label -- optional name for the block to help a user identify blocks on the page (Example: Student Testimonial)

    Style List – leave blank (no choice selected).
    One exception would be if you'd like to use a Basic Block that has white text on a dark green background -- select Background Green option.
    Screenshot of Administrative label field and block styles
     

     

  4. Click + Add block within your newly created section
    Screenshot of Add Block layout
     

     

  5. Scroll down through the block menu on the right and click Social Media Links
    Screenshot of Choose a Block menu
     

     

  6. On the Configure Block page, paste in your social media handle (no slash in front) for the accounts you would like to display on the page.
    Screenshot of Configure block interface for social media links
  7. In the Icon Sets section of the page, select the icon size you want from the Icon Style dropdown menu.
    Screenshot of icon styles dropdown menu

     
  8. Click the blue Add Block button at bottom of the page.
    Screenshot of Add Block button


     
  9. The social links will now appear in the block on your Article page. To save the page, scroll back to top of page and click the green Save Layout button.
     
    Save Layout button screen