A collection of Textpattern CMS website theme modules using Hive Framework as a scaffold. Requires Textpattern CMS version 4.8.5 or higher.
Currently in development - not ready for production use yet!
- Chrome, Edge, Firefox, Safari and Opera the last two recent stable releases.
- Firefox ESR latest major point release.
Older versions of the above and other browsers may work, but these are the ones we verify.
TODO
For some of the images modules, you will need to create image categories within Textpattern and assign to the images you want to appear in the module. As follows:
gallery
category, for images that are to appear ingallery--xxx
image modules types.logo-wall
category, for images that are to appear inlogo-wall--xxx
image modules types.
Textpattern 4.7 introduced support for user-definable <txp:output_form />
attributes (and also the short tags syntax <txp::...>
), allowing for 'shortcodes' within articles and templates (note: remember to also use notextile.
when these tags are used within Textile content).
This site uses the following tags:
To create a HTML5 image snippet:
<txp::media_image id="" class="" dark-option="" set-width="" set-height="" />
id
accepts either a single image ID, or comma separated image IDs if you want multiple images.
class
is optional, for if you need to provide specific CSS class names for the image(s).
dark-option
is optional (for a single image ID only), for if you need to provide an alternative image when website is in Dark Mode.
set-width
and set-height
are optional (for a single image ID), for if you need to provide explicit maximum dimensions (in pixels) for the image(s). Otherwise (when not set), images default to being fully responsive, expanding to fill their container, or up to 100% of their size—whichever is reached first (unless a class of overstetch
is applied, in which case an image can expand beyond 100% if the container allows).
For example, comma separated image IDs:
<txp::media_image id="41, 42, 50" />
For example, image with an alternative dark theme version and a set width and height in pixels:
<txp::media_image id="51" dark-option="52" set-width="400" set-height="125" />
To create a HTML5 video snippet:
<txp::media_video width="" height="" mp4-url="" webm-url="" poster-url="" name="" description="" duration-seconds=""/>
poster-url
, name
, description
and duration-seconds
are optional, but should be provided if possible to provide valid Schema.org microdata. If not used, remove those attributes from your shortcode.
For example:
<txp::media_video width="640" height="480" mp4-url="/video/video1.mp4" webm-url="/video/video1.webm" poster-url="/video/video1-poster.png" name="Cat video" description="My great video of cats." duration-seconds="20" />
To create a file download snippet:
<txp::media_file category="" filename="" primary-button="" large-button="" />
category
and filename
are interchangeable (use one or the other, where appropriate)—if both are provided then category
is used in preference and filename
is ignored.
primary-button
is optional. If set to 1
, this will render a more prominent button.
large-button
is optional. If set to 1
, this will render a larger style button.
For example:
<txp::media_file category="current-release-zip" primary-button="1" large-button="1" />
To create a link or list of links:
<txp::links id="" category="" class="" rel="" target="" referrerpolicy="" />
id
accepts either a single link ID, or comma separated link IDs if you want multiple links listed.
id
and category
are interchangeable (use one or the other, where appropriate)—if both are provided then id
is used in preference and category
is ignored.
class
is optional, for if you need to provide specific CSS class names for the link anchors(s). For example, class="button"
would render any links in the style of a button.
rel
is optional, for if you need to provide a rel attribute for the link anchors(s). For example, rel="external"
.
target
is optional, for if you need to provide a target attribute for the link anchors(s). For example, target="_blank"
.
referrerpolicy
is optional, for if you need to provide a referrerpolicy attribute for the link anchors(s). For example, referrerpolicy="no-referrer"
.
For example:
<txp::links id="1, 3, 11, 12" class="button button-primary" rel="external nofollow" />
Textpattern templates licensed under GPLv2 license. Hive Framework licensed under MIT license.