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?)
- 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).
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.