### Plugin Installation Steps

Source: https://context7_llms

Instructions for installing and configuring the Website LLMS.txt WordPress plugin. This involves uploading files, activating the plugin, and accessing its settings.

```shell
Upload the plugin files to /wp-content/plugins/website-llms-txt
```

```WordPress
Activate the plugin through the ‘Plugins’ screen in WordPress
```

```WordPress
Use the Settings->LLMS.txt screen to configure the plugin
```

--------------------------------

### WordPress Get WordPress Button

Source: https://context7_llms

Illustrates the HTML structure for a 'Get WordPress' button, used in both mobile and desktop header contexts. It links to the WordPress download page.

```html
<div class="global-header__desktop-get-wordpress-container is-layout-flow wp-block-group-is-layout-flow">
		<a href="https://wordpress.org/download/" class="global-header__desktop-get-wordpress global-header__get-wordpress">
		Get WordPress
		</a>
</div>
```

--------------------------------

### Jetpack Stats Initialization

Source: https://context7_llms

Initializes the Jetpack statistics tracking queue (_stq) with view and click tracking data. This snippet is crucial for collecting website analytics via Jetpack.

```javascript
_stq = window._stq || [];
_stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"108986944\",\"post\":\"215992\",\"tz\":\"0\",\"srv\":\"wordpress.org\",\"j\":\"1:14.6\"}") ]);
_stq.push([ "clickTrackerInit", "108986944", "215992" ]);
```

--------------------------------

### Body and Typography Defaults

Source: https://context7_llms

Sets the default background color, text color, font family, and font size for the entire body of the website. It also defines line height and initial padding values.

```css
body{background-color: var(--wp--preset--color--white);color: var(--wp--preset--color--charcoal-1);font-family: var(--wp--preset--font-family--inter);font-size: var(--wp--preset--font-size--normal);line-height: var(--wp--custom--body--typography--line-height);padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
```

--------------------------------

### CSS Color Utility Classes

Source: https://context7_llms

This snippet contains CSS rules defining utility classes for applying background and border colors. These classes utilize CSS variables (e.g., --wp--preset--color--...) which are assumed to be defined elsewhere, commonly within a WordPress theme or plugin's stylesheet. They allow for quick application of specific color schemes to elements.

```CSS
.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-charcoal-0-background-color{background-color: var(--wp--preset--color--charcoal-0) !important;}.has-charcoal-1-background-color{background-color: var(--wp--preset--color--charcoal-1) !important;}.has-charcoal-2-background-color{background-color: var(--wp--preset--color--charcoal-2) !important;}.has-charcoal-3-background-color{background-color: var(--wp--preset--color--charcoal-3) !important;}.has-charcoal-4-background-color{background-color: var(--wp--preset--color--charcoal-4) !important;}.has-charcoal-5-background-color{background-color: var(--wp--preset--color--charcoal-5) !important;}.has-light-grey-1-background-color{background-color: var(--wp--preset--color--light-grey-1) !important;}.has-light-grey-2-background-color{background-color: var(--wp--preset--color--light-grey-2) !important;}.has-white-opacity-15-background-color{background-color: var(--wp--preset--color--white-opacity-15) !important;}.has-black-opacity-15-background-color{background-color: var(--wp--preset--color--black-opacity-15) !important;}.has-dark-blueberry-background-color{background-color: var(--wp--preset--color--dark-blueberry) !important;}.has-deep-blueberry-background-color{background-color: var(--wp--preset--color--deep-blueberry) !important;}.has-blueberry-1-background-color{background-color: var(--wp--preset--color--blueberry-1) !important;}.has-blueberry-2-background-color{background-color: var(--wp--preset--color--blueberry-2) !important;}.has-blueberry-3-background-color{background-color: var(--wp--preset--color--blueberry-3) !important;}.has-blueberry-4-background-color{background-color: var(--wp--preset--color--blueberry-4) !important;}.has-pomegrade-1-background-color{background-color: var(--wp--preset--color--pomegrade-1) !important;}.has-pomegrade-2-background-color{background-color: var(--wp--preset--color--pomegrade-2) !important;}.has-pomegrade-3-background-color{background-color: var(--wp--preset--color--pomegrade-3) !important;}.has-acid-green-1-background-color{background-color: var(--wp--preset--color--acid-green-1) !important;}.has-acid-green-2-background-color{background-color: var(--wp--preset--color--acid-green-2) !important;}.has-acid-green-3-background-color{background-color: var(--wp--preset--color--acid-green-3) !important;}.has-lemon-1-background-color{background-color: var(--wp--preset--color--lemon-1) !important;}.has-lemon-2-background-color{background-color: var(--wp--preset--color--lemon-2) !important;}.has-lemon-3-background-color{background-color: var(--wp--preset--color--lemon-3) !important;}.has-purple-1-background-color{background-color: var(--wp--preset--color--purple-1) !important;}.has-purple-2-background-color{background-color: var(--wp--preset--color--purple-2) !important;}.has-purple-3-background-color{background-color: var(--wp--preset--color--purple-3) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-charcoal-0-border-color{border-color: var(--wp--preset--color--charcoal-0) !important;}.has-charcoal-1-border-color{border-color: var(--wp--preset--color--charcoal-1) !important;}.has-charcoal-2-border-color{border-color: var(--wp--preset--color--charcoal-2) !important;}.has-charcoal-3-border-color{border-color: var(--wp--preset--color--charcoal-3) !important;}.has-charcoal-4-border-color{border-color: var(--wp--preset--color--charcoal-4) !important;}.has-charcoal-5-border-color{border-color: var(--wp--preset--color--charcoal-5) !important;}.has-light-grey-1-border-color{border-color: var(--wp--preset--color--light-grey-1) !important;}.has-light-grey-2-border-color{border-color: var(--wp--preset--color--light-grey-2) !important;}.has-white-opacity-15-border-color{border-color: var(--wp--preset--color--white-opacity-15) !important;}.has-black-opacity-15-border-color{border-color: var(--wp--preset--color--black-opacity-15) !important;}.has-dark-blueberry-border-color{border-color: var(--wp--preset--color--dark-blueberry) !important;}.has-deep-blueberry-border-color{border-color: var(--wp--preset--color--deep-blueberry) !important;}.has-blueberry-1-border-color{border-color: var(--wp--preset--color--blueberry-1) !important;}.has-blueberry-2-border-color{border-color: var(--wp--preset--color--blueberry-2) !important;}.has-blueberry-3-border-color{border-color: var(--wp--preset--color--blueberry-3) !important;}.has-blueberry-4-border-color{border-color: var(--wp--preset--color--blueberry-4) !important;}.has-pomegrade-1-border-color{border-color: var(--wp--preset--color--pomegrade-1) !important;}.has-pomegrade-2-border-color{border-color: var(--wp--preset--color--pomegrade-2) !important;}.has-pomegrade-3-border-color{border-color: var(--wp--preset--color--pomegrade-3) !important;}.has-acid-green-1-border-color{border-color: var(--wp--preset--color--acid-green-1) !important;}.has-acid-green-2-border-color{border-color: var(--wp--preset--color--acid-green-2) !important;}.has-acid-green-3-border-color{border-color: var(--wp--preset--color--acid-green-3) !important;}.has-lemon-1-border-color{border-color: var(--wp--preset--color--lemon-1) !important;}.has-lemon-2-border-color{border-color: var(--wp--preset--color--lemon-2) !important;}.has-lemon-3-border-color{border-color: var(--wp--preset--color--lemon-3) !important;}.has-purple-1-border-color{border-color: var(--wp--preset--color--purple-1) !important;}.has-purple-2-border-color{border-color: var(--wp--preset--color--purple-2) !important;}.has-purple-3-border-color{border-color: var(--wp--preset--color--purple-3) !important;}
```

--------------------------------

### WordPress Script Loading

Source: https://context7_llms

Demonstrates the inclusion of various JavaScript files for WordPress functionality, including time-related scripts, Jetpack stats, and global header components. These are typically managed by WordPress's enqueuing system.

```html
<script src="https://wordpress.org/plugins/wp-content/mu-plugins/pub-sync/blocks/time/build/view.js?ver=385bfe9134bf98c52dda" id="wporg-time-view-script-js" defer data-wp-strategy="defer"></script>
<script src="https://stats.wp.com/e-202530.js" id="jetpack-stats-js" defer data-wp-strategy="defer"></script>
<script src="https://wordpress.org/plugins/wp-content/mu-plugins/pub-sync/blocks/global-header-footer/js/view.js?ver=1751335752" id="wporg-global-header-script-js"></script>
```

--------------------------------

### Global CSS Layout and Spacing

Source: https://context7_llms

Defines core layout behaviors for WordPress blocks, including alignment, margins, and padding. It sets up default block spacing and handles responsive adjustments for different alignment classes.

```css
body { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 20px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }
```

--------------------------------

### WordPress Import Map Configuration

Source: https://context7_llms

A JSON object defining module import mappings for WordPress's interactivity features.

```json
{"imports":{"@wordpress\/interactivity":"https:\/\/wordpress.org\/plugins\/wp-content\/plugins\/gutenberg\/build-module\/interactivity\/index.min.js?ver=ef3cac5f125ae4ad0adb"}}
```

--------------------------------

### Flex and Grid Layout Properties

Source: https://context7_llms

Defines styling for flex and grid container layouts, setting properties like gap, wrap, and alignment. This section ensures elements within these layouts are arranged correctly.

```css
:root :where(.is-layout-flex){gap: 20px;}:root :where(.is-layout-grid){gap: 20px;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}
```

--------------------------------

### Prefetch Speculation Rules

Source: https://context7_llms

Defines prefetching rules for website navigation to improve performance. Specifies conditions for prefetching links, excluding certain patterns and elements, and sets the eagerness level.

```json
{
  "prefetch": [
    {
      "source": "document",
      "where": {
        "and": [
          {
            "href_matches": "/plugins/*"
          },
          {
            "not": {
              "href_matches": [
                "/plugins/wp-*.php",
                "/plugins/wp-admin/*",
                "/plugins/files/*",
                "/plugins/wp-content/*",
                "/plugins/wp-content/plugins/*",
                "/plugins/wp-content/themes/pub/wporg-plugins-2024/*",
                "/plugins/wp-content/themes/wporg-parent-2021/*",
                "/plugins/*\?(.+)"
              ]
            }
          },
          {
            "not": {
              "selector_matches": "a[rel~=\"nofollow\"]"
            }
          },
          {
            "not": {
              "selector_matches": ".no-prefetch, .no-prefetch a"
            }
          }
        ]
      },
      "eagerness": "conservative"
    }
  ]
}
```

--------------------------------

### HTML Structure for Plugin Navigation

Source: https://context7_llms

Defines the HTML structure for the plugin's navigation bar and responsive menu. It includes elements for the site title, plugin title, and navigation controls like menu open/close buttons.

```html
<div class="wp-block-group has-light-grey-1-color has-text-color is-nowrap is-layout-flex wp-container-core-group-is-layout-c0d5ccf6 wp-block-group-is-layout-flex">
		<p class="wp-block-site-title has-text-color has-white-color has-small-font-size"><a href="https://wordpress.org/plugins/" target="_self" rel="home">Plugin Directory</a></p>

					<p class="wporg-local-navigation-bar__fade-in-scroll wp-block-post-title has-small-font-size has-inter-font-family">Website LLMs.txt</p>
			</div>
	

	<nav class="has-small-font-size is-responsive wp-block-navigation is-horizontal is-layout-flex wp-container-core-navigation-is-layout-f9ff839a wp-block-navigation-is-layout-flex" aria-label="Section Section"
		 data-wp-interactive="core/navigation" data-wp-context='{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}'><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open"
				data-wp-on-async--click="actions.openMenuOnClick"
				data-wp-on--keydown="actions.handleMenuKeydown"
			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z" /></svg></button>
				<div class="wp-block-navigation__responsive-container  has-text-color has-white-color has-background has-charcoal-2-background-color"  id="modal-5"
				data-wp-class--has-modal-open="state.isMenuOpen"
				data-wp-class--is-menu-open="state.isMenuOpen"
				data-wp-watch="callbacks.initMenu"
				data-wp-on--keydown="actions.handleMenuKeydown"
				data-wp-on-async--focusout="actions.handleMenuFocusout"
				tabindex="-1"
			>
					<div class="wp-block-navigation__responsive-close" tabindex="-1">
						<div class="wp-block-navigation__responsive-dialog"
				data-wp-bind--aria-modal="state.ariaModal"
				data-wp-bind--aria-label="state.ariaLabel"
				data-wp-bind--role="state.roleAttribute"
			>
						<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close"
				data-wp-on-async--click="actions.closeMenuOnClick"
			>
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"></path></svg>
						</button>
						<div class="wp-block-navigation__responsive-container-content"
				data-wp-watch="callbacks.focusFirstElement"
			 id="modal-5-content">

```

--------------------------------

### JavaScript Emoji Support Script

Source: https://context7_llms

This JavaScript code initializes emoji support settings for a website, likely WordPress. It checks browser capabilities for rendering emojis and loads necessary scripts if required.

```javascript
!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)} "undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
```

--------------------------------

### LLMS.txt Generation & Caching

Source: https://context7_llms

Overhauls the LLMS.txt generation system using a dedicated `llms_txt_cache` database table for efficient indexing and storage. Generation is now asynchronous via scheduled cron jobs, reducing server load and filesystem writes.

```APIDOC
LLMS.txt Generation System
  - Core Component: `llms_txt_cache` database table.
  - Functionality: Indexes and stores structured data efficiently.
  - Performance: Reduces server load by avoiding direct filesystem writes.
  - Caching: Enables smarter caching mechanisms.
  - Execution: Asynchronous via scheduled cron jobs.
  - Benefits: Avoids UI slowdowns, improves scalability, minimizes filesystem writes, enhances reliability.
  - Optimization: Optimized for large-scale databases (thousands of posts).
```

--------------------------------

### Website LLMs.txt Plugin Metadata (JSON-LD)

Source: https://context7_llms

This JSON-LD block provides structured data about the 'Website LLMs.txt' WordPress plugin. It includes details like application category, operating system, name, URL, description, version, download URL, ratings, and interaction statistics, making it discoverable by search engines and other platforms.

```JSON-LD
[
    {
        "@context": "http://schema.org",
        "@type": [
            "SoftwareApplication",
            "Product"
        ],
        "applicationCategory": "Plugin",
        "operatingSystem": "WordPress",
        "name": "Website LLMs.txt",
        "url": "https://wordpress.org/plugins/website-llms-txt/",
        "description": "Automatically generate and manage LLMS.txt files for LLM/AI content understanding, with full Yoast SEO and RankMath integration.",
        "softwareVersion": "8.0.7",
        "fileFormat": "application/zip",
        "downloadUrl": "https://downloads.wordpress.org/plugin/website-llms-txt.8.0.7.zip",
        "dateModified": "2025-07-24T16:42:32+00:00",
        "aggregateRating": {
            "@type": "AggregateRating",
            "worstRating": 1,
            "bestRating": 5,
            "ratingValue": 4.7,
            "ratingCount": 10,
            "reviewCount": 10
        },
        "interactionStatistic": {
            "@type": "InteractionCounter",
            "interactionType": "http://schema.org/DownloadAction",
            "userInteractionCount": 140390
        },
        "image": [
            "https://ps.w.org/website-llms-txt/assets/icon-256x256.png?rev=3322182",
            "https://ps.w.org/website-llms-txt/assets/banner-1544x500.png?rev=3322182"
        ],
        "offers": {
            "@type": "Offer",
            "url": "https://wordpress.org/plugins/website-llms-txt/",
            "price": "0.00",
            "priceCurrency": "USD",
            "seller": {
                "@type": "Organization",
                "name": "WordPress.org",
                "url": "https://wordpress.org"
            }
        }
    }
]
```

--------------------------------

### WordPress Color Presets Styles

Source: https://context7_llms

This snippet contains CSS rules for WordPress color presets. It defines styles for text colors and background colors using CSS variables, allowing for theme customization.

```css
(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-charcoal-0-color{color: var(--wp--preset--color--charcoal-0) !important;}.has-charcoal-1-color{color: var(--wp--preset--color--charcoal-1) !important;}.has-charcoal-2-color{color: var(--wp--preset--color--charcoal-2) !important;}.has-charcoal-3-color{color: var(--wp--preset--color--charcoal-3) !important;}.has-charcoal-4-color{color: var(--wp--preset--color--charcoal-4) !important;}.has-charcoal-5-color{color: var(--wp--preset--color--charcoal-5) !important;}.has-light-grey-1-color{color: var(--wp--preset--color--light-grey-1) !important;}.has-light-grey-2-color{color: var(--wp--preset--color--light-grey-2) !important;}.has-white-opacity-15-color{color: var(--wp--preset--color--white-opacity-15) !important;}.has-black-opacity-15-color{color: var(--wp--preset--color--black-opacity-15) !important;}.has-dark-blueberry-color{color: var(--wp--preset--color--dark-blueberry) !important;}.has-deep-blueberry-color{color: var(--wp--preset--color--deep-blueberry) !important;}.has-blueberry-1-color{color: var(--wp--preset--color--blueberry-1) !important;}.has-blueberry-2-color{color: var(--wp--preset--color--blueberry-2) !important;}.has-blueberry-3-color{color: var(--wp--preset--color--blueberry-3) !important;}.has-blueberry-4-color{color: var(--wp--preset--color--blueberry-4) !important;}.has-pomegrade-1-color{color: var(--wp--preset--color--pomegrade-1) !important;}.has-pomegrade-2-color{color: var(--wp--preset--color--pomegrade-2) !important;}.has-pomegrade-3-color{color: var(--wp--preset--color--pomegrade-3) !important;}.has-acid-green-1-color{color: var(--wp--preset--color--acid-green-1) !important;}.has-acid-green-2-color{color: var(--wp--preset--color--acid-green-2) !important;}.has-acid-green-3-color{color: var(--wp--preset--color--acid-green-3) !important;}.has-lemon-1-color{color: var(--wp--preset--color--lemon-1) !important;}.has-lemon-2-color{color: var(--wp--preset--color--lemon-2) !important;}.has-lemon-3-color{color: var(--wp--preset--color--lemon-3) !important;}.has-purple-1-color{color: var(--wp--preset--color--purple-1) !important;}.has-purple-2-color{color: var(--wp--preset--color--purple-2) !important;}.has-purple-3-color{color: var(--wp--preset--color--purple-3) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-charcoal-0-background-color{background-color: var(--wp--preset--color--charcoal-0) !important;}.has-charcoal-1-background-color{background-color: var(--wp--preset--color--charcoal-1) !important;}.has-charcoal-2-background-color{background-color: var(--wp--preset--color--charcoal-2) !important;}.has-charcoal-3-background-color{background-color: var(--wp--preset--color--charcoal-3) !important;}.has-charcoal-4-background-color{background-color: var(--wp--preset--color--charcoal-4) !important;}.has-charcoal-5-background-color{background-color: var(--wp--preset--color--charcoal-5) !important;}.has-light-grey-1-background-color{background-color: var(--wp--preset--color--light-grey-1) !important;}.has-light-grey-2-background-color{ba
```

--------------------------------

### Rank Math SEO Plugin Compatibility

Source: https://context7_llms

Resolves issues with detecting 'nofollow' and 'noindex' pages when the Rank Math SEO plugin is active. Ensures proper site reindexing by clearing the LLMS index table when the 'Clear Caches' button is used.

```APIDOC
Rank Math SEO Compatibility
  - Issue Addressed: Detection of 'nofollow' and 'noindex' pages.
  - Cache Clearing: 'Clear Caches' button now clears the LLMS index table.
  - Purpose: Ensures full site reindexing.
```

--------------------------------

### Skip to Content Link Script

Source: https://context7_llms

JavaScript code to dynamically create and inject a 'Skip to content' link into the page. This enhances accessibility by allowing keyboard users to bypass navigation menus.

```javascript
( function() {
		var skipLinkTarget = document.querySelector( 'main' ),
			sibling,
			skipLinkTargetID,
			skipLink;

		// Early exit if a skip-link target can't be located.
		if ( ! skipLinkTarget ) {
			return;
		}

		/*
		 * Get the site wrapper.
		 * The skip-link will be injected in the beginning of it.
		 */
		sibling = document.querySelector( '.wp-site-blocks' );

		// Early exit if the root element was not found.
		if ( ! sibling ) {
			return;
		}

		// Get the skip-link target's ID, and generate one if it doesn't exist.
		skipLinkTargetID = skipLinkTarget.id;
		if ( ! skipLinkTargetID ) {
			skipLinkTargetID = 'wp--skip-link--target';
			skipLinkTarget.id = skipLinkTargetID;
		}

		// Create the skip link.
		skipLink = document.createElement( 'a' );
		skipLink.classList.add( 'skip-link', 'screen-reader-text' );
		skipLink.id = 'wp-skip-link';
		skipLink.href = '#' + skipLinkTargetID;
		skipLink.innerText = 'Skip to content';

		// Inject the skip link.
		sibling.parentElement.insertBefore( skipLink, sibling );
	}() );
	
```

--------------------------------

### Color Utility Classes

Source: https://context7_llms

Provides utility classes to apply specific colors to text elements. These classes use CSS variables to reference predefined color palettes.

```css
.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}
```

--------------------------------

### CSS for WordPress Navigation Block Styling

Source: https://context7_llms

CSS rules for styling WordPress navigation blocks, specifically handling label overflow and hiding descriptions. This snippet ensures navigation items display correctly within their containers.

```css
.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{border-top:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase}
```

--------------------------------

### Layout Flow and Constrained Styling

Source: https://context7_llms

Configures styling for elements within layout flows and constrained containers, managing margins, alignment, and maximum widths. This ensures content is properly spaced and centered within defined boundaries.

```css
:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 20px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 20px;margin-block-end: 0;}
```

--------------------------------

### WordPress Navigation Menu Structure

Source: https://context7_llms

Describes the HTML structure for a WordPress navigation menu, including responsive container elements and interactive attributes for managing menu states.

```html
<nav class="is-responsive  is-vertical global-header__search wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-fe9cc265 wp-block-navigation-is-layout-flex" aria-label="Search Search"
		 data-wp-interactive="core/navigation" data-wp-context='{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}'><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open always-shown"
				data-wp-on-async--click="actions.openMenuOnClick"
				data-wp-on--keydown="actions.handleMenuKeydown"
			>
				<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5" /><rect x="4" y="15" width="16" height="1.5" /></svg>
			</button>
				<div class="wp-block-navigation__responsive-container hidden-by-default"
				 data-wp-class--has-modal-open="state.isMenuOpen"
				 data-wp-class--is-menu-open="state.isMenuOpen"
				 data-wp-watch="callbacks.initMenu"
				 data-wp-on--keydown="actions.handleMenuKeydown"
				 data-wp-on-async--focusout="actions.handleMenuFocusout"
				 tabindex="-1"
			>
					<div class="wp-block-navigation__responsive-close" tabindex="-1">
						<div class="wp-block-navigation__responsive-dialog"
						 data-wp-bind--aria-modal="state.ariaModal"
						 data-wp-bind--aria-label="state.ariaLabel"
						 data-wp-bind--role="state.roleAttribute"
					>
							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close"
						 data-wp-on-async--click="actions.closeMenuOnClick"
						><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>
							<div class="wp-block-navigation__responsive-container-content"
						 data-wp-watch="callbacks.focusFirstElement"
					 id="modal-4-content">
								<form role="search" method="get" action="https://wordpress.org/search/do-search.php" class="wp-block-search__button-inside wp-block-search__icon-button wp-block-navigation-item wp-block-search"    ><label class="wp-block-search__label" for="wp-block-search__input-3" >Search in WordPress.org</label><div class="wp-block-search__inside-wrapper" ><input class="wp-block-search__input" id="wp-block-search__input-3" placeholder="Type to search…" value="" type="search" name="s"/><button aria-label="Search" class="wp-block-search__button has-icon wp-element-button" type="submit" >
								<svg class="search-icon" viewBox="0 0 24 24" width="24" height="24">
									<path d="M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"></path>
								</svg>
								</button></div></form>
							</div>
						</div>
					</div>
				</div>
			</nav>
```