By modifying the configuration of the Ductile theme, you can personalise your theme very easily
Personalisation of the content
On this tab you can personalize the content of your blog.
- Header
- Check the box "Hide blog's description" in order not to display the blog's description usually displayed under the title.
If the plugin "Simple menu" is installed and active, you can click on the designated link to configure the header's menu. (main menu?)
Specify an URL of the logo to be used instead of default one. If the URL doesn't start with an /
then it will be a relative URL from the img
folder of the theme (put logo.png
, for example, is similar to using the default logo). Clear this field to come back to the default configuration.
- Stickers
- The stickers will be displayed at the top of the screen as small images on large screens and at the bottom of the page on very small screens. All images which file name correspond to the sticker-*.png scheme and placed in the sub-folder img of the theme are listed. You can indicate for each a label and the corresponding url. (Leave on of both fields empty to not display it.)
You can also modify the display order with a drag and drop if javascript is activated and if you have not disabled it in your preferences. If javascript is deactivated, a field allows you to indicate the order of display (1 to n).
- Types and limits for lists of posts
- Some of the display contexts of your blog present under the form of a list of posts. It's the case for example for the home page or for the monthly archives. For each of the context listed in the table, you can specify if the content of each displayed post should be as a title only, a short form (content of the extract field of first 300 characters) or their full form. NB. On the home page, the first post always displays in full.
Moreover, for some of those contexts, you can also specify the number of posts displayed per page. If you leave this field empty, the value specified in the general settings of the blog that will be used.
Personalisation of the presentation
On this tab you can personalize some presentation elements of your blog.
General parameters
These parameters will be used on all display widths of the blog.
- Fonts
- You can choose here the principal font family which will be used for most of the texts. You can also specify a second font family (secondary) which will be used for some titles of the second level and comments. The option "default" allows to leave the original choice.
- Blog title
- You can specify here if the blog title must be displayed in bold, its size, (default is em, recognized units are %, pt, px, em and ex) as well as the color, using the format #rrggbb with rr, gg and bb chosen within 0 and ff.
Empty one or all fields to cancel your choice and go back to the default.
- Post titles
- You can indicate here if the post titles should be displayed in bold, their size (default is em, recognized units are %, pt, px, em and ex) as well as their color using the Color Picker available by clicking on the picker icon or by specifying the color in the format #rrggbb with rr, gg, and bb chosen within 0 and ff.
Empty one or all fields to cancel your choice and go back to your original one.
- Titles without a link
- You can specify here the color of titles without a link (essentially : the title of a post when it is displayed by itself, sub-titles within posts, the active item in the horizontal menu) by using the Color Picker available by clicking on the picker icon or by specifying the color in the format #rrggbb with rr, gg, and bb chosen within 0 and ff.
Empty one or all fields to cancel your choice and go back to the default.
- Links within posts
- You can indicate here if the links contained in your posts should be displayed in bold or not and define their color at a normal state as well as a "visited" state, their color when active, or when they're hovered upon or take focus, by using the Color Picker available by clicking on the picker icon or by specifying the color in the format #rrggbb with rr, gg, and bb chosen within 0 and ff.
Empty one or all fields to cancel your choice and go back to the default.
Specific parameters for mobile phones
These parameters are used only when the display width is less than 480 pixels (for example on mobile phones). If they are specified, they will replace, the equivalent parameters specified in the general parameters above.
- Blog title
- You can specify here if the blog title must be displayed in bold, its size, (default is em, recognized units are %, pt, px, em and ex) as well as the color, using the format #rrggbb with rr, gg and bb chosen within 0 and ff.
Empty one or all fields to cancel your choice and go back to the default.
- Post titles
- You can indicate here if the post titles should be displayed in bold, their size (default is em, recognized units are %, pt, px, em and ex) as well as their color using the Color Picker available by clicking on the picker icon or by specifying the color in the format #rrggbb with rr, gg, and bb chosen within 0 and ff.
Empty one or all fields to cancel your choice and go back to the default.
Accessibility and contrast between colors
After a color has been chosen, the contrast ratio will be displayed near the field and specified, when that is the case, that this contrast is in conformité with the recommandations of WCAG 2.0. In order to be valid, the contrast between the background color and the font color should have the following values:
- At least 4,5:1 for text of a normal size for level AA ;
- At least 7:1 for texts of a normal size for level AAA ;
- At least 3:1 for texts of a magnified size (150 % or 120 % bold) for level AA ;
- At least 4,5:1 for texts of a magnified size (150 % or 120 % bold) for level AAA.