An elegant multi-purpose theme for Automad
The Adam theme is a clean and elegant multi-purpose theme for the Automad CMS. It provides several options to display your content. Please read below more about the main concepts of this theme. Check out the demo page and all available templates here.
- Pagelist Configuration
- Title, Navigation, Filtering and Sorting
- Logo and Brand
- Date Formats
- Social Media Cards
- Header and Footer Items
The following templates are included in this theme.
|Blog||A blog page grid template. Articles are displayed along with their teaser image, date, tags and the first paragraph.|
|Portfolio||A portfolio page grid template. Projects are displayed along with their teaser image, date and tags.|
|Post||A blog post template. Related pages are displayed below the main content.|
|Project||A project page template. Related pages are displayed below the main content.|
|Sidebar Left||A multi-purpose template with a navigation sidebar on the left.|
|Sidebar Right||A multi-purpose template with a navigation sidebar on the right.|
|Simple||A simple and basic page template.|
This theme offers multiple options and two templates — Blog and Portfolio — to create pagelists. The following options can be used to control the content of such a pagelist. Pagelist templates can also be used to create a search results page.
|Show All Pages In Pagelist||If checked, the pagelist includes all pages instead of just the direct children.|
|Filter Pagelist By Url||Filters the pagelist by URLs matching a given regular expression like for example `(/portfolio|
|Notification No Search Results||The notification text for empty search results.|
|Items Per Page||The maximum number of pages to be displayed in a pagelist at once. In case there are more pages to be shown, a pagination navigation will show up below automatically.|
|Show Pages Below||Show only direct children of a custom local URL like
|Url Search Results||The local URL of the pagelist page to be used as the search results page. Note that the search field in the menu is only enabled in case an URL is defined.|
|Url Tag Link Target||The target page to navigate to when clicking a tag. By default the parent page is used.|
|Image Teaser||The filename or glob pattern for the image to be used as the teaser image in a pagelist.|
|Sort Pagelist||Sorting of the pages in a portfolio or blog pagelist. Note that the sorting and filtering buttons should be hidden in case this variable is defined! The default is 'date desc'. You can choose any other page variable in combination with an order (asc or desc) like ':path asc'.|
|Sort Related Pages||Sorting of the pagelist with related pages. The default is 'date desc'. You can choose any other page variable in combination with an order (asc or desc).|
The following checkboxes can be used to control the visibility of pages and elements.
|Hide Filters||Hide the filter and search reset buttons on a blog page.|
|Hide Filters And Sort||Hide filter, sort and search reset buttons on a portfolio page.|
|Hide In Menu||Hide the page from the main menu.|
|Hide Prev Next Nav||Hide the previous and next arrow navigation around the title.|
|Hide Title||Hide the page title.|
|Show In Footer||Add the page to the footer menu.|
|Show In Navbar||Add the page to the navbar menu.|
To set the brand name, a navbar logo and favicons, use the following options.
|Brand||The brand HTML, SVG or text to be used instead of a logo.|
|Image Logo||The path to your logo - this variable should be defined globally in the shared data section.|
|Logo Height||The height of your logo - this variable should be defined globally in the shared data section.|
|Favicon||The local path to the icon to be used as favicon.|
|Image Apple Touch Icon||The image to be used as the Apple touch icon.|
All labels, button text, placeholders and notification texts can be overriden or translated as needed. The following variables are therefore available.
|Label Clear Search||Button text for clearing search results.|
|Label Realated||Label for related pages section.|
|Label Show All||Label text for filter button when no filter is selected.|
|Label Sort Date Asc||Label text in dropdown for sorting pages by date ascending.|
|Label Sort Date Desc||Label text in dropdown for sorting pages by date descending.|
|Label Sort Title Asc||Label text in dropdown for sorting pages by title ascending.|
|Label Sort Title Desc||Label text in dropdown for sorting pages by title descending.|
|Notification No Search Results||Notification text for an empty list of search results.|
|placeholder Search||Placeholder text for the search field of the main menu.|
This theme uses two different date formats. One for blog posts and another one for project pages. It is possible to override those formats to change the way a date appears on a page. Both, PHP's strftime() and date() formats are supported. Note that the locale options can be only used together with the strftime() syntax.
|Format Date Post||The format for displaying the date of a post.|
|Format Date Project||The format for displaying the date of a project page.|
|Locale||The locale information to format date and time according to like
This theme automatically generates preview cards when a page is linked in Twitter, Facebook or other social networks. The following options can be used to control the content of those cards.
|Meta Description||An optional meta description to be used for Twitter, Facebook or similar social network cards.|
|Meta Title||An optional meta title to be used for the browser title bar and links used on Twitter, Facebook or similar social networks.|
|Og Image||A glob pattern to select a preview image for Twitter, Facebook or similar social network cards. This could be for example
</head> tag. To add any HTML or JS right before the closing
</body> tag you can use the itemsFooter variable.
|Items Header||Items to be inserted before the closing
|Items Footer||Items to be inserted before the closing