Method 1: By adding /m to the end of your URL on your smartphone
- Method 2: By going to the online configuration tool in your desktop site (System Admins only)
This is also the area where you'll find the "Enable" check box. This is the box we (or you!) will check when you're ready to have your mobile them engage automatically when visitors come to it on a handheld device.
The last checkbox allows you to enable or disable log in controls in mobile. If you don't have member only content you'll likely want to disable this so mobile visitors aren't trying to log in.
On the right is the preview. While it's not perfectly accurate, it's pretty darn close, so you can easily use it to move around your site while you're setting things up.
Configuring your start page buttons
The start page vertical navigation links (the light buttons at the top) are fully customizable with the exception of the "View Full Site" button, which is static. Note that these links only appear on the start screen. The dark grey buttons across the bottom are persistent throughout the mobile experience and will stay put as you browse. Note that if you enter them manually (for example, taxonomy/term/51), do not add a leading or ending slash.
To customize these links, scroll down in the DD Mobile configuration page until you see this area:
The three things you will want to set are:
- Title - the title of the button. Note that you can give the links any title you'd like, but longer titles may get cut off. (You can experiment with this to see what works for your content.)
- Redirect to - the taxonomy term or post ID you'll want to go to when the button is clicked. Note that this is an autocomplete field so you can start typing the title of the landing page or post, and choose from the options that appear.
- Icon - There are approximately 300 icons to choose from, just click on the black circle or existing icon to scroll through the options and choose one.
Setting the sitewide footer buttons
If you scroll down just a bit farther you'll see the Sitewide Footer Navigation section, where you can set the Title, Redirect and icon for two of the four footer buttons.
Note that the Start button and the Sitemap button are locked and cannot be edited ... although you can change the icons. (This is because those two links are critical if visitors are to be able to navigate your site fully.)
A few last words about how mobile functions: every "block" of content that your site displays gets a position and a display mode in mobile. So, for example, a typical landing page will have a region (block) for Overview, a region for posts (and their subtypes), a region for pods, and possibly a region for profiles. We configure mobile to render those regions in whatever order makes sense, and in whatever display mode is best for the content. In our experience it usually works best to put the pods at the end of the page, for example - but we can customize it to work best for your content.
These standard features are included and handled in the following ways:
- Subterm landing pages - the mobile theme correctly displays a term view featuring one or more subterms. The subterm title, overview and a "more" button direct you to the subterm page.
- Left navigation menu - the website’s left-column navigation is accessible by clicking the icon in the upper left of the page that looks like three stacked bars inside a circle. The menu is revealed as the page content slides to the right. The active navigation term is highlighted in the mobile theme color, and an additional ‘Back’ button is also available at the top of the menu. Clicking it returns you to the last page visited.
- Full post display - images within the full post display are limited in their maximum height, so that they don’t “take over” the entire screen. Functionality has been enhanced for maps, images, and videos that appear within this display. Depending on the user’s configuration of their mobile device, PDFs are either opened in an additional tab or downloaded using the user’s default browser to be viewed separately.
- The ‘This item appears in:’ menu now is available on any post that appears in one or more terms of your site. When viewing a full post, it is accessible by clicking the three stacked bars icon located in the top-left of the page. The menu is revealed as the page content slides to the right. An additional ‘Back’ button is also available at the top of the menu. Clicking it returns you to the last page visited.
Display mode options include:
- Carousel - The auto-sliding carousel (like you may have on your desktop site) was eliminated in favor of an iOS inspired swipe control with dot navigation. Each dot represents a slide/post in the carousel. This navigation intuitively informs the user of the number of slides, which slide they are viewing, and which direction to swipe to navigate through the remaining slides.
- Primary content - shows full content (typically used for Overviews and full post display)
- Teasers - Teaser content is trimmed to display the first 150 characters. When there is more to read, an ellipses (“...”) is appended to the end of the trimmed content, and an arrow is appended to the right of the title. Both visual cues emphasize that there is more content to read and, by clicking anywhere on the teaser, they will be will taken to the full post. In this display, image thumbnails are small and consistent.
- Mini Teaser - mini teasers show only image, title and subtitle, and click through to the full post.
Please keep in touch using the ticketing system with any questions, and the forums for any great ideas you may have for new features.