Responsive means that all content is scaled and moves to resize and shape itself to the end-users screen. By "content", we are including all text, images, links / hyperlinks, media (audio, video), social media and widgets that you enter or flow to your webpages.
Faithwebsites CMS is built so that content you enter in tools and modules flows to your webpages and is automatically responsive in behavior. However, the system has limitations to what it can do with your content, so understanding how to build content for responsive web pages is important. We'll define more of that below.
While we approach this as building responsive web content, we really are building for modern use and must factor in touch friendly (fat finger) content and design, as well as new standards for higher resolution screens and technology. It's a lot of changes hitting us at once, but we're confident that with some dedicated learning, you'll master building content responsively in no time!
The list and detail below provides you with an overview of the largest changes and most important things to know. You can find more specific how-to articles in our support center, or just contact us.
Images play a rapidly growing role in all web communications. You cannot build successful web pages or online media without visuals. Even your search engine results are now greatly influenced - negative or positive - by your image based content.
We also have increasingly advanced screen resolution and display technology, combined with responsive technology and faster site load technology. This creates a demand for high quality and larger sized images.
Navigation is driven both by the design choice your organization made, and by what navigation you have built.
In responsive sites, the navigation will change depending on the users screen size / device.
Main navigation (also referred to as top navigation or primary navigation) exact location is design specific but is most often across the top width of the site.
Inside navigation is the level 1, 2 and 3 pages within each category, or directory in your site. This is most commonly found on the left side of a site, although current design trends are positioning internal navigation on the right side.
Your inside navigation will float responsively to the screensize, just like your main navigation. Once the screen size is small, the internal navigation will always drop to the bottom of the page, positioned just above the footer.
Within School Site, you can create 4 different page layouts. This is a combination of left navigation on/off, right side bar on/off, etc.
You can still create all your page layout combinations, but in responsive each of these sections are no longer tied to just the left or just the right. As with all responsive content, it will resize to a point for smaller screens, but when the screen becomes too small to read the content well, the content will break apart. The order of the content for smaller screens, top to bottom is:
If you are unsure of how to lay your content out - please ask us! We're here to help and offer you suggestions too.
In our responsive CMS, tool outputs have changed to create more space, or padding, between everything. Line height, space between tools, space between navigation and more.
This is not directly related to responsive, but rather to the changes touch screens require. Your finger is much larger than a mouse-pointer. As a direct result, all designs are, well, larger.
You can also help build proper spacing in your content by separating large quantities of content into separate tools per page, and above all - use the correct tool for the content type.
Please do not try to enter extra space or force alignment. Doing so manually will only create broken pages or odd pages for some of your viewers.
If you are an existing Faithwebsites customer moving your site to responsive, there's a learning curve on a few tools:
Many other tools have changes or minor updates and enhancements to enable fully responsive behavior.