dark-attentiondark-datedark-timedark-contactdark-infodark-play dark-pricedark-venueicon-alert icon-arrow-left icon-arrow-right icon-blockquote icon-cal icon-clock icon-contact UI / Full-Part-Volunteer CopyCreated with Sketch. EPS IconCreated with Sketch. icon-facebook--dark_circle icon-facebook--dark_square icon-facebook--outline_circle icon-facebook--outline_square icon-facebookCreated with Sketch. icon-htm icon-info icon-instagram--dark_circle icon-instagram--dark_square icon-instagram--outline_circle icon-instagram--outline_square icon-instagram icon-linkedin--dark_circle icon-linkedin--dark_squareicon-linkedin--outline_circleicon-linkedin--outline_squareicon-linkedin icon-logo2 icon-mp3 icon-pinterest--dark_circle icon-pinterest--dark_square icon-pinterest--outline_circle icon-pinterest--outline_square icon-pinterestCreated with Sketch. icon-play icon-price icon-spotify--dark_circle icon-spotify--dark_square icon-spotify--outline_circle icon-spotify--outline_square icon-spotify icon-spreadsheet icon-threads--dark_circle icon-threads--dark_square icon-threads--outline_circle icon-threads--outline_square icon-threads icon-tiktok--dark_circle icon-tiktok--dark_square icon-tiktok--outline_circle icon-tiktok--outline_square icon-tiktok icon-twitter--dark_circle icon-twitter--dark_square icon-twitter--outline_circle icon-twitter--outline_square icon-twitterCreated with Sketch. icon-x--dark_circle icon-x--dark_square icon-x--outline_circle icon-x--outline_square icon-x icon-youtube--dark_circle icon-youtube--dark_square icon-youtube--outline_circle icon-youtube--outline_square icon-youtubeCreated with Sketch. FolderCreated with Sketch. icon-zoom light-attentionlight-cal light-clocklight-contactlight-infolight-play light-pricelight-venue

Map Content Block

The Map content block can be added to any post or page by clicking the blue ‘Add Content Block’ button on the bottom in the Content Blocks section and selecting ‘Map’.

This block is extremely useful for contact information as well as event locations.

See the example below.

Map Content Block Fields

This content block has five fields to complete.

Nav Title sets the in-page navigation. Such as the ‘EXAMPLE’ link in the hero above.

The Title field is for the content block header, such as the “Map Title” below. The Intro Text field is for ancillary information and will appear under the title.

Map Height indicates how large the map displays. You have three options: small, medium, large. For reference, the example below is set to medium height. Note that the map block will always be full-width.

The final field is Location—which is is how you actually connect the address to the Google map. Enter the address in this field and you’ll see a marker placed at that address.

Note: if the marker is placed in the wrong spot, simply drag the marker around on the map to the accurate location.

 

This automatically creates a map on the page. When a user clicks on the map, a new Google Maps tab opens with the directions to the specified location.

 

Make sure to ‘Update’ the page to save your changes.

Map Title

This intro text could include some information about where this map is pointing. For example:

Ligature Creative
3358 Larimer Street
Denver, Colorado 80205

Map Title

3358 Larimer Street, Denver, 80205



Training video to come.