font-resizer allows the visitors of your website to change the content font size
This plugin allows you to give the visitors of your site the option to change the font size. The plugin acts over jQuery and saves the settings in a cookie. So the visitor see the same font size if they revisit your site. Which content is going resized, the resize steps and other options you can set on the admin page called "font-resizer".
- Upload the directory
font-resizer
to the/wp-content/plugins/
directory or install the plugin directly with the 'Install' function in the 'Plugins' menu in WordPress - Activate the plugin through the 'Plugins' menu in WordPress
- Add the sidebar widget through the 'Design' menu in WordPress
- If you would not use the widget, you can use the tag
<?php if(function_exists('fontResizer_place')) { fontResizer_place(); } ?>
somewhere - Define which content should be resized on the 'font-resizer' admin page (optional). If you are not familiar with html and css, select the body option (default). This would resize each content of your page.
- Adding the widget
- A productive example of the plugin
- Settings page
Go to the admin page of the plugin and select your option. If you are not familiar with html and css, select the body option (default). This would resize each content of your page.
The problem is that many themes use fixed font sizes (px) instead of relative sizes (em, rem, vm, vh, %, ...). If you change this, it works.
Use this snippet of PHP code (in your theme or somewhere):
<?php if(function_exists('fontResizer_place')) { fontResizer_place(); } ?>
With CSS in your theme. Use something like:
ul.ct-font-resizer li > a { color: blue; }
UL : ct-font-resizer
LI : ct-font-resizer-element
A : ct-font-resizer-plus, ct-font-resizer-reset, ct-font-resizer-minus
If you have an idea or a pull request, contribute here:
https://github.com/cubetech/wpplugin.font-resizer
Not yet, no. But feel free to contact us if you have a question! info@cubetech.ch
- Bugfix for minimum font size
- New screenshot of settings panel
- Added new setting for minimum font size
- Added new CSS classes to elements (all with ct-font-resizer prefix)
- Version tested update
- HTML Bugfix
- Accessibility improvements (tab select and enter key press)
- New function: limit font size, add to option page
- Bug: replaced old path declaration
- Testing: WP 4.4 and actual Bootstrap theme
- Widget bug fix
- Added banner img
- Nothing relevant
- Fixed some deprecated functions
- Updated readme
- Little jquery bugfix for function ownid
- Fixed PHP problem
- Fixed problem with Internet Explorer
- Added option for cookie save time to admin pane
- Edited install instructions
- Added an answer to FAQ
- Fixed JavaScript issue with qTranslate
- Refactured jQuery scripts
- Added an option for changing the font resize steps
- Added comments to source code
- Cleaned up source code
- Changed css classes of the visible resizer element in the sidebar
- Bugfix for different directory structure (like language structure, yourdomain.tld/en/ for english)
- Added menu page
- Changed default resizable element from a div with id innerbody to body element
- Added uninstall hooks
- Added some answer to FAQ
- First stable version
- Publish the plugin
cubetech – we create your DIGITAL EXPERIENCE with WordPress
Our contact address: info@cubetech.ch