secretsource

tedmaster

<p>A plugin that adds ID attributes to heading, paragraph, and list elements</p>
<p>Identify Headings – Allow visitors to link to parts of your page by automatically adding IDs to important elements</p>
<p><iframe loading="lazy" title="Identify Headings WordPress Plugin" width="750" height="563" src="https://www.youtube.com/embed/ABR-nzAYs9I?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>This small and unintrusive plugin adds ID attributes to all heading, paragraph, and list elements in a post or page. It does not modify existing IDs.</p>
<p>Adding IDs to these elements allows people to link to the heading, paragraph, or list element that they are interested in. This is especially important on sites that have lots of content on a page or post. Without this plugin, site visitors have to go to the page and then scroll down to try and find the item of interest.</p>
<p>This plugin does not modify the display of your content at all. It simply adds missing IDs and a class (in case you want to modify the display yourself). Also, this plugin does not modify your content in the database. It adds the IDs as part of the page display.</p>
<p>This plugin does not have any configuration screens. No configuration is required.</p>
<p><a href="https://code.visualstudio.com/docs/supporting/faq" rel="nofollow ugc">See this page</a> for an example of how this plugin could be enhanced (when you roll over a heading, a hash character appears to tell you you can link to it).</p>
<p>Installation</p>
<p>There are no special requirements to install this plugin. Just use the standard WordPress plugin installation routine.</p>
<p>Copyright</p>
<p>© Secret Source Technology SL 2020</p>
<p>Changelog</p>
<p>1.0.8 – Fussing with this README (and adding a link to an explanatory video)<br />
1.0.6 – This readme file was being removed prior to deployment. Fixed<br />
1.0.5 – Removed some deployment automation folders from the release<br />
1.0.4 – Updated this readme and fixed some deployment automation issues<br />
1.0 – Initial release</p>


Identify Headings

A plugin that adds ID attributes to heading, paragraph, and list elements Identify Headings - Allow visitors to link to parts of your page by automat …

<p>The <strong>Shop UX Toolkit</strong> plugin enhances WooCommerce shop and product pages by addressing design and accessibility issues. Designed for the Storefront theme, it uses CSS to modify only WooCommerce code, leaving your theme untouched. It’s lightweight, with toggleable features, and may work with other themes showing similar issues (e.g., links without underlines), though testing is recommended.</p>
<h4>Improves Link Appearance</h4>
<ul>
<li><strong>What it does</strong>: Adds underlines to WooCommerce page links (missing in Storefront) and removes them on hover.</li>
<li><strong>Why it’s helpful</strong>: Enhances readability, fixes Google PageSpeed Insights errors for links relying only on color, improving accessibility and potentially SEO.</li>
</ul>
<h4>Adds Hover Effects to Category and Product Boxes</h4>
<ul>
<li><strong>What it does</strong>: Applies a subtle lift and shadow effect only when hovering over clickable elements in category/product boxes, with fixed lower-left and lower-right corner coverage.</li>
<li><strong>Why it’s helpful</strong>: Signals clickability, creating a polished look that encourages clicks, potentially increasing click-through rates (CTR) and sales.</li>
</ul>
<h4>Centers Titles in the Large Product Image Modal</h4>
<ul>
<li><strong>What it does</strong>: Centers image titles in the enlarged image modal triggered by the magnifying glass on single-product images.</li>
<li><strong>Why it’s helpful</strong>: Improves readability and presentation in the gallery lightbox.</li>
</ul>
<h4>Customizes Focus Outlines</h4>
<ul>
<li><strong>What it does</strong>: Toggles focus outlines (visible borders around clickable elements) to appear only for keyboard navigation, not mouse/touch.</li>
<li><strong>Why it’s helpful</strong>: Ensures accessibility for keyboard users (including those with disabilities) while maintaining a clean look for mouse/touch users.</li>
</ul>
<h4>Why Choose This Plugin?</h4>
<ul>
<li><strong>Enhanced User Experience</strong>: Clear links and hover effects improve navigation and engagement.</li>
<li><strong>Accessibility Compliance</strong>: Meets standards for users with visual impairments or assistive technologies.</li>
<li><strong>SEO Benefits</strong>: Fixes PageSpeed Insights errors, potentially boosting search rankings.</li>
<li><strong>Polished Design</strong>: Delivers a consistent, professional look to build customer trust.</li>
<li><strong>Flexible</strong>: Toggle features on/off for minimal site speed impact.</li>
</ul>
<p>Live demo: https://www.smokingblends.com — hover product boxes, check description links, and Tab to see the focus option.</p>
<h3>Usage</h3>
<p>Use the Settings page to toggle link underlines, hover lift, and keyboard focus.</p>
<h3>Contributing</h3>
<p>Free plugin, Storefront-first. Suggest changes via WordPress.org Support forum with WP, Woo, theme versions, steps, and minimal code.</p>
<h3>Privacy</h3>
<p>This plugin does not collect, store, or transmit personal data, and makes no external requests.</p>


Shop UX Toolkit

Improves WooCommerce UX and accessibility: clearer links, clickable hover lift, centered image titles, and keyboard-only focus.

Identify Headings vs Shop UX Toolkit