1 / 7

City’s Drupal Design & System Overview

City’s Drupal Design & System Overview. Home Template. City Main Links & Accessibility Toolbar. 1. TOP SECTION. Main Navigation. Rotating Slideshow. Carousel (optional; to features key items). 2. MAIN CONTENT SECTION. 3 . SIDEBAR. Stay Connected (social media links).

Download Presentation

City’s Drupal Design & System Overview

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. City’s Drupal Design & System Overview

  2. Home Template City Main Links & Accessibility Toolbar 1. TOP SECTION Main Navigation Rotating Slideshow Carousel (optional; to features key items) 2. MAIN CONTENT SECTION 3. SIDEBAR Stay Connected (social media links) Main Content Blocks (for News & Features sections) Twitter Updates Google Translation (optional) 4. FOOTER Navigation (Accessibility)

  3. Subpage Template City Main Links & Accessibility Toolbar 1. TOP SECTION Main Navigation Breadcrumbs (to aid navigation) 2. MAIN CONTENT SECTION 3. SIDEBAR Sub Page Navigation Main Content Area Stay Connected (social media links) ShareThis(posts to Social media) Google Translation (optional) 4. FOOTER Navigation (Accessibility)

  4. Global Navigation Menus • SFGov Global Tab and Navigation Menu Expandable SFGov TAB on top right provides quick access to key City-wide links • Global Accessibility Tab and Menu Expandable Accessibility TAB on top right provides access to Accessibility tools (font resizing, viewers, listening page, text only)

  5. Mobile Version • Automatically updated content as you publish it on your Agency website. • Design is responsive (layout adjusts) to mobile devices

  6. SF Drupal Dashboard • Drupal Dashboard is your starting point to get things done • Add New content (pages, events, meetings, etc) • Find and Edit content (pages, images and documents) • Edit Homepage components (slideshow, carousel, etc)

  7. Drupal Content Management All Pages and Content Shown in List format (no more confusing folders) All Pages and Content can be found quickly using Search & filters (ex. Page title, Publish state, Content type) Content is organized by Content Type such as Basic Page, Event, Meeting, Home page slideshow, etc.

More Related