Skip to main content
DC Help logo DC Help

Topical Navigation

  • Home
  • Best Practices
    Best Practices
    • Checklist for New Content
    • Staffing a Digital Commons Website
    • Cybersecurity Awareness
  • Drupal Help
    Drupal Help
    • Getting Support for your Digital Commons Site
    • Getting Started
    • How do I?
    • Drupal 7 Help
    • Example Pages
    • Glossary of Drupal and Web Terms
    • Platform Roles and Permissions
  • DC 2.0
    DC 2.0
    • FAQs about Digital Commons 2.0
    • Content Types on D8
    • Fixes and Features
    • D8 Migration Schedule
  • Training
    Training
    • Training Videos
    • Website Managers
    • Training Registration
  • Accessibility Guidelines
  • About
  • Blog
  • NC DIT
  • NC.gov
DC Help »   Drupal Help »   Drupal 7 Help »   Follow Us Block

Follow Us Block

Summary

NC Social Share Follow Us block is a bean block with its own configuration. This allows social links to be added to different pages anywhere a block can be added.

Audience

Site Managers and Site Admins.  Publishers have the ability to edit existing cards.

Procedure

Select Blocks > Add Block > Follow Us.

1. Provide a Label for the block. The label is displayed in the administrative interface to identify your block.

Label and Title for block

2. Add Title, if empty the title defaults to Follow Us. The title will appear at the top of the block when displayed in the site.

3. For each of the listed social media entries you want to display, add the URL. Each Social media title defaults to Follow Us on [Social account] but you can change that if desired. Only social media accounts with a URL provided will be visible in the block. Available types are Facebook, Twitter, Instagram, Flickr, YouTube, Pinterest, Medium, and RSS Feed.

settings

4. Click Save.

5. The preview of the saved block displays as the full width of the page. It will be sized correctly when inserted into a band.

Preview of block

6. Create or edit the page where you want the Follow Us block to appear and add a new Full Width Band.

Insert a band

7. Select the Follow Us block. You don’t need to add Markup or choose a color scheme.

Select the follow us block

8. Save the page. The blocks will appear in a band, four across. If you have, for example, seven blocks, the first row will show four and the bottom row will show three.

the block on the page

Drupal 7 Help

  • Event Card
  • Alert Block
  • Drupal 7 Training Videos
  • Animated Stat Card
  • Article Card
  • Audio and Podcast File Embed
  • Block in the Right Rail
  • Block with Flickr Embed
  • Breadcrumbs on Data Tables
  • Broken Link Report
  • Bulk Upload
  • Button Styles
  • CTA Card
  • Carousel Drupal 7
  • Catalog Creation
  • Clickable Telephone Numbers Drupal 7
  • Data Table Editing
  • Document
  • Event Drupal 7
  • File Naming Conventions
  • Files: Uploading, Replacing and Deleting
  • Flickr Photo Album Embed
  • Follow Us Block
  • Hierarchical Select Menu
  • Homepage Metatags
  • Image Formats
  • Image tags - Alt and Title
  • Images in the WYSIWYG
  • Landing Page
  • Large Data Tables
  • Link to an Accordion item on the same page
  • Linking to a Tab or Accordion
  • Managing Content
  • Mobile Menu
  • NC Map Block
  • Person Card
  • Press Release Drupal 7
  • Quick Links Block
  • Redirects to Create Short, Friendly URLs
  • Related Content
  • Relative Link to Filtered View
  • Send Copy of Webform to Submitter
  • Service Card
  • Site Page
  • Social Share Block
  • Stat Card
  • Summary Field
  • Table Caption and Width
  • Tabs and Accordions Drupal 7
  • Text Editor - WYSIWYG
  • User Accounts - Cancel a User Account
  • User Accounts Adding a New User
  • Vertical Tab
  • Video Card Drupal 7
  • Video
  • View in a Block
  • Viewing Webform Submissions
  • Webform in a Block
  • Webform
  • Webform: Add Captcha
  • Workbench

Share this page:

  • Facebook
  • Twitter

How can we make this page better for you?

Back to top

Contact Info

Digital Solutions
North Carolina Department of Information Technology

109 E. North Street,
Raleigh, NC 27601-1058

 Map: Phillips Building

  • Accessibility
  • TERMS OF USE
  • PRIVACY
  • OPEN BUDGET
DC Help
https://digitalcommons.nc.gov/drupal-help/drupal-7-help/follow-us-block