Tag Archives: Enhance Content Readability

Optimize Readability & Adjust Text Sizes On Your WordPress Website

Enhance your website’s typography and user experience with Text Size Adjust, a powerful WordPress plugin designed to provide seamless text size management across all devices. This plugin offers a user-friendly solution for configuring text sizes globally, ensuring your content looks great on both desktop and mobile screens.

The Key Features Of Text Size Adjust

Text Size Adjust is loaded with advanced features to give you full control over text scaling. Here’s what makes it a must-have plugin for WordPress users:

  1. Predefined Text Sizes: Choose from seven predefined text sizes—XXS, XS, S, M, L, XL, XXL.
  2. Device-Specific Configurations: Desktop (769px and above): Optimized sizes for larger screens. And, Mobile (768px and below): Perfectly scaled text for smaller screens.
  3. Real-Time Preview: Instantly preview changes in the settings panel to ensure your adjustments fit perfectly.
  4. WordPress Block Editor Integration: Seamlessly apply text size settings using the intuitive block editor interface.
  5. Class-Based Implementation: Use simple CSS classes to add text size adjustments directly in your HTML.
  6. Page-Specific Adjustments: Enable text size configurations on selected pages using checkboxes in the admin settings.
  7. Default WordPress Font Size Compatibility: Automatically maps WordPress default font size classes to plugin-specific sizes.

How To Use Text Size Adjust?

Install and activate the Text Size Adjust plugin. Whether you prefer a visual editor or direct HTML manipulation, the plugin offers flexible usage options:

Step 1. In the WordPress Block Editor:

  • Select a text block.
  • Locate the “Text Size Settings” panel in the sidebar.
  • Choose your desired size from XXS to XXL.

Step 2. In HTML/CSS:

  • Add the class has-text-[size] to any HTML element.
  • Example: <p class="has-text-m">Medium text</p>.

Step 3. In Admin Settings:

  • Go to Settings -> Text Size Settings.
  • Configure global text sizes for desktop and mobile.
  • Use checkboxes to apply configurations to specific pages.

The Default Size Values

  • Desktop (769px and above): 12px, 13px, 14px, 16px, 18px, 24px, 32px,
  • Mobile (768px and below): 10px, 11px, 12px, 14px, 16px, 18px, 20px

Why Choose Text Size Adjust?

With its easy-to-use interface and advanced customization capabilities, Text Size Adjust is the perfect solution for ensuring readability and aesthetic appeal across devices. By integrating seamlessly with the WordPress ecosystem, it empowers website owners to maintain a professional and accessible website with minimal effort.

This way you can provide your audience with an exceptional reading experience. Whether you’re managing a blog, an eCommerce store, or a corporate website, this plugin ensures your content always stands out.