Blog

  • What a hello bar for WordPress is and how to add one

    Key takeaways

    • Three products share the name: the hosted service at HelloBar.com, the Hello Bar Popup Builder plugin that loads its script, and any native notification bar plugin. Elementor’s Hello theme and the WordPress admin toolbar pollute the search results on top of that.
    • The official plugin designs nothing. WordPress.org lists Hello Bar Popup Builder at 3,000 active installations, a 32% rating from 7 ratings, last updated 2026-06-04 and tested up to WordPress 7.0.5.
    • If you want the bar without an external account, My Sticky Bar is in the same directory at 100,000 active installations and a 98% rating from 1,198 ratings, tested up to 7.1.1.
    • A bar that never appears is usually cache. Purge the caching plugin, the host cache, the CDN and the object cache, then test logged out in a private window before you touch anything else.
    • A bar renders on every page, so an injection flaw in one reaches every visitor. CVE-2026-1042, announced in January 2026, reports stored cross-site scripting in a plugin named WP Hello Bar.

    Someone wants a strip across the top of the site. Free shipping until Sunday, a webinar link, a notice that the shop is closed for a week. The message takes two minutes to write. Then the search for a hello bar for WordPress returns a hosted service, a plugin that designs nothing, a dozen announcement bar plugins and a page builder theme called Hello.

    That is most of the problem. The rest is integration: cache layers, a conflicting plugin, a theme that swallows the markup, testing while logged in as an administrator. Almost nothing that goes wrong with a bar is about the bar itself, which is why our guide to fixing WordPress plugins that are not working reads like a hello bar troubleshooting guide.

    Three different things get called a hello bar

    Work out which one you have before you read any advice, including advice in a support thread with “hello bar” in the title.

    • Hello Bar, the hosted service. You build the bar in an account at HelloBar.com, and it appears on your site through a JavaScript snippet. It works on any site, WordPress or not. The campaign, the targeting rules and the reporting live in the vendor’s dashboard, not in your database.
    • Hello Bar Popup Builder, the WordPress plugin. A connector published in the WordPress.org directory under the author name telepathy. Its description is plain about the job: add a popup to your WordPress site with the official Hello Bar plugin. It has no bar editor.
    • Any WordPress notification bar plugin. My Sticky Bar, HashBar, Easy Notification Bar, Welcome Bar and others. These are self-contained: the bar is built in wp-admin, stored in your database and rendered by your site.
    • Not a bar at all. Elementor’s Hello theme and the WordPress admin toolbar both match the phrase and neither is a notification bar.

    The collision is not theoretical. A WordPress.org thread asking how to add “a hello bar” to the header turns out to be about the Hello theme. An Elementor GitHub issue about clicking “Hello” is about the admin bar creating a draft page. Searches on Reddit and WordPress Stack Exchange for hello bar problems mostly return admin toolbar questions and actual bars that serve drinks. If a thread does not name the plugin slug or HelloBar.com, assume it is about something else.

    One more thing the silence tells you: there is very little public practitioner discussion of Hello Bar on WordPress. That is not evidence it works well or badly. It means you will be relying on the vendor’s own material and on generic WordPress diagnosis, so it pays to know which is which.

    Why the official plugin gives you nothing to configure

    Because it is a pipe, not a product. You create and style the bar at HelloBar.com, then the plugin puts the service’s code on your pages. The changelog records the shape of that job: version 0.5 changed the integration from manually entering a JavaScript tag to entering only an API key, version 0.6 fixed a bug where the API code would not save, and version 0.2 fixed duplicate deployment scripts when the header deployment option was selected. Nothing in there is about designing a bar.

    The directory signals for that connector are thin. WordPress.org lists Hello Bar Popup Builder at 3,000 active installations, a 32% rating from 7 ratings, last updated 2026-06-04 and tested up to WordPress 7.0.5. Read that carefully before you draw a conclusion: 7 ratings is far too small a sample to call a quality measure, and 3,000 installs counts the branded connector only. Plenty of Hello Bar users paste the snippet through a script manager or into the theme and never install this plugin.

    The plugin listing also says Hello Bar is “trusted by over 600k websites”. That is publisher copy inside a readme file, not a WordPress.org install count, and it does not say how many of those sites run WordPress. Treat it as marketing.

    WordPress.org plugin directory page showing install count and rating for a notification bar plugin
    The WordPress.org Plugin Directory highlights plugin popularity through download counts, offering a crucial indicator of reliability that often speaks louder than any description. · Source: www.sitepoint.com

    The maintenance signal is worth more than the rating. Being tested up to 7.0.5 while actively maintained plugins in the same category are tested to 7.1.1 tells you about cadence, not breakage. For code that renders on every page of your site, cadence matters.

    If you want the hosted service but not the branded connector, Header Footer Code Manager exists for exactly this: it adds tracking snippets, conversion pixels and other third-party scripts to the header or footer. It is a general script manager rather than a documented Hello Bar path, so test it on staging first and keep the snippet somewhere you will find it again.

    How to put a bar on the site, both ways

    You need an administrator account in wp-admin for either path, plus a Hello Bar account for the hosted one. Do it on staging if you have staging, and take a backup if you do not.

    The hosted path

    1. Create the bar in your HelloBar.com account, set its message, link and display rules, and publish it. A plugin with no published bar behind it shows nothing.
    2. Install and activate the connector plugin in Plugins, then Add New, or install the snippet through a script manager instead. Pick one method and only one.
    3. Paste the API key or site snippet into the plugin settings and save. Reload the settings screen and confirm the value is still there.
    4. Purge every cache layer you run, then load the site in a private window.

    The native plugin path

    1. Install a bar plugin from the directory. My Sticky Bar is the best-evidenced option in the category: 100,000 active installations, a 98% rating from 1,198 ratings, last updated 2026-09-15 and tested up to WordPress 7.1.1. It also handles sticky headers, which is where bar plugins usually collide with themes.
    2. Write one message with one action. Two links in a bar is one too many.
    3. Set placement, dismissal behaviour and which pages it appears on before you publish, not after.
    4. Check the result on a phone, on a page with a sticky header, and on a page with a cookie notice already at the top.

    A correct result: the bar appears on the pages you targeted, logged out, in a private window, on a second device. It does not cover the logo, the mobile menu or the first line of content, and dismissing it makes it stay dismissed on the next page.

    Announcement bar across the top of a WordPress site above the header
    This clean announcement bar clearly communicates a single, time-sensitive message without cluttering the main content. · Source: www.rocketspark.com

    Why the bar is not showing

    There is no Hello Bar error message. The normal symptom is silence: the bar simply is not there. Work the causes in this order, which reflects how often each one turns up in practitioner guidance rather than a measured survey. The times are rough.

    1. Cache, at every layer. The old HTML or the old script is still being served. Purge the caching plugin (WP Rocket, W3 Total Cache, LiteSpeed Cache), then the host or server cache, then the CDN (Cloudflare, Varnish), then the object cache, then your browser. Five to thirty minutes. The way to waste an afternoon is to clear the browser cache only and conclude the install failed. The same ordering applies to a font change that will not appear.
    2. The setup is incomplete. Plugin active but no bar published in the account, key pasted with a trailing space, targeting rules that exclude the page you are testing. Ten to thirty minutes to re-walk the steps.
    3. You are testing logged in. Admin sessions, cookie state and display rules all behave differently for an administrator. Test logged out, in incognito, in a second browser, on a phone. Five to twenty minutes, and it costs nothing to do first.
    4. The script is deployed twice. Plugin deployment plus a manually pasted copy in the theme header gives you two bars, and older releases of the connector inserted the script twice on their own. Remove one copy.
    5. Plugin conflict. Deactivate everything else, confirm the bar works alone, reactivate one at a time and reload between each. Caching, optimisation, security, JavaScript management and page builder plugins are the usual suspects. Thirty to ninety minutes on a small site.
    6. Theme or builder conflict. Switch temporarily to a default theme such as Twenty Twenty-Four. If the bar appears there, the problem is your theme’s header output, its JavaScript, or a sticky element layered over the bar. Thirty minutes to two hours.
    7. Stale versions. Update WordPress, the theme and the plugin, then check the PHP version in your host’s control panel. Updating PHP while leaving an old plugin release in place changes nothing, because the compatibility work happened in the plugin.
    8. Damaged files. Delete the plugin and reinstall it from Plugins, then Add New, or replace the folder under /wp-content/plugins/ over SFTP.
    9. Account or licence. Confirm the hosted account is active and the snippet is the current one.
    WordPress caching plugin settings screen with the purge cache option
    This caching plugin interface highlights the diverse cache layers, from plugin-specific to server and memory caches, that may need purging to resolve display problems. · Source: wordpress.org

    Update the plugin, do not roll it back

    The instinct after a bad update is to go back to the version that worked. For this plugin the changelog argues the other way. Version 1.5 set a PHP 7.4 minimum, 1.5.1 added PHP 8.x compatibility along with security and URL handling improvements, 1.5.2 was security fixes, and 0.6 fixed the API key that would not save. Rolling back hands those bugs back to yourself.

    When to stop and get help

    Stop if the dashboard itself goes down. A fatal error from a conflict can lock you out, and the recovery is done over SFTP: rename /wp-content/plugins to /plugins_old to force everything off, then rename it back and re-enable plugins one at a time. If that sounds like a bad evening, it is the point to call your host or a developer. Also stop if the failure is on the vendor’s side, if your host runs a server cache you cannot purge from wp-admin, or if the site is a store taking orders while you experiment.

    What you are trading for the hosted version

    The hosted service is not selling you a strip of text. Any of a dozen free plugins will draw that. It sells campaign management: targeting by geography, device and referral source, scheduling, split testing and reporting across more than one site. Those are the vendor’s feature claims, and they are the reason to accept the dependency, if you accept it.

    What you give up is control of code that runs on every page. Three things follow.

    Performance is unmeasured. The product documentation says it does not affect site speed. No independent benchmark exists to check that. A remotely loaded script that renders visible content at the top of the viewport is exactly where render blocking and layout shift live, so measure it on your own site with the bar on and off rather than trusting either side of the argument.

    Security reaches every visitor. In January 2026 the CVE programme announced CVE-2026-1042, stored cross-site scripting in a WordPress plugin named WP Hello Bar, via the digit_one and digit_two parameters. Note the name: WP Hello Bar is not obviously the same plugin as Hello Bar Popup Builder, and those parameter names suggest a countdown feature that does not appear in the Popup Builder changelog. Check the exact plugin slug you have installed against Wordfence or the CVE record before you assume you are affected, and before you assume you are not.

    Pricing is not what review sites say it is. Three 2026 review pages report two incompatible monthly schedules for the same plans. A free tier is consistently reported. Read the current prices from the vendor, not from an affiliate review.

    What changes when the bar is someone else’s job

    A bar is a small, reversible, high-visibility change, which makes the coordination around it absurd. Writing the message takes two minutes. Deciding where the markup goes, checking it against a sticky header, testing it logged out on a phone and taking it down again is what turns a ten-minute job into a ticket.

    SiteSelf is an AI agent for existing WordPress sites: you describe the change in chat, it does the work on the live site, checks the result and reports what it changed. Bars sit squarely in design changes on an existing site.

    Example request: “Add a bar across the top of every page: Free delivery on orders over 50 until Sunday, dark green background, white text, linking to /shop. Make sure it does not cover the mobile menu.”

    What happens next: the agent looks at what the site already has, either a bar plugin that is installed or the theme’s own header, makes the change there rather than adding a fifth plugin, then fetches the changed page and reports what it did and what it checked. Settings and content work runs through the SiteSelf Connector plugin from the WordPress.org directory. Theme templates, CSS and a snippet in the header need hosting access over SSH, so say which you can give.

    The limits are worth stating plainly. If the page is owned by Elementor, Divi or Beaver Builder, the work is refused at the moment it is attempted, with the reason. Nothing runs on a schedule, so “take it down on Monday” is a second message on Monday. Campaigns that live in a vendor dashboard such as HelloBar.com stay there: third-party systems are read at most, and nothing is written to them. Before a change, the agent says what is about to change and whether it can be undone, and what it did is recorded.

    Frequently asked questions

    Can I add a hello bar without writing code?

    Yes, on both paths. The hosted service is built around pasting a key or a snippet, and native bar plugins are configured entirely in wp-admin. Code only enters the picture if you want the bar inside a custom theme header or need CSS to stop it colliding with a sticky menu.

    Is Hello Bar free?

    A free Starter tier is reported consistently by third-party review pages, with paid tiers above it. Those same pages disagree with each other about the paid prices, so read the current numbers from the vendor before you plan around them.

    Why does my bar appear twice?

    Two copies of the script. Usually the plugin is deploying it and someone has also pasted it into the theme header or a code manager. An old version of the connector plugin also duplicated the script on its own when the header deployment option was used, which version 0.2 fixed. Use one deployment method and update the plugin.

    Why does it show on one page but not another?

    Either the display rules exclude that page or that page is being served from cache. Check the targeting rules first because it takes ten seconds, then purge the cache for that URL and reload it in a private window.

    Does a bar work with WooCommerce and Elementor?

    No verified compatibility list exists for Hello Bar specifically. In practice the risk is layout rather than function: bars, sticky headers, cookie notices and builder-rendered headers all compete for the same strip of screen. Test on a product page and on a builder page before you announce the campaign.

    Is a bar plugin safe to install?

    Judge it the way you would any plugin that outputs on every page: check the active install count, the rating volume, the last updated date and whether it is tested against a current WordPress release, then look the slug up in a vulnerability database. A bar is a high-exposure surface, since whatever it renders reaches every visitor.

  • Theme customization in WordPress that survives updates

    Key takeaways

    • Classic themes are customized at Appearance then Customize. Block themes use Appearance then Editor, and WordPress.org’s documentation says the Site Editor only appears when a block theme is active. A missing Customize link usually means you are on a block theme.
    • Presentation belongs in the theme, behaviour belongs in a plugin. Anything that has to survive a theme change, not just a theme update, should never live in theme files.
    • “My change did not appear” is more often a stale cache layer or a save request that failed than a CSS problem. Open the browser Network tab before you reach for !important.
    • A child theme only protects you if the style.css header names the parent folder exactly and the parent stylesheet is loaded properly. Improperly linked child themes and wrong wp-content permissions are a recurring cause of failed customizations.
    • No public, sourced price range for theme customization exists. Buy a paid audit and a written spec first, then ask for a fixed price, because revision loops cost more than the hourly rate difference.

    A change written straight into a parent theme’s footer.php lasts until the next theme update replaces that file. A change made in the Customizer lasts until you switch themes. A change made inside a page builder lasts until you stop using the builder. Theme customization in WordPress is not one task. It is a decision about which layer holds the change and how long you need it to hold.

    Two things go wrong, and they look different from each other. Either the change vanishes, quietly, weeks later during an update. Or the change takes the front end down now, with a critical error naming a file you have never opened. The methods below are ordered by how much they can break, and the diagnosis section is ordered by how often each cause actually turns up.

    If what you want is the step-by-step for working in theme files themselves, that is covered separately in the guide on how to edit themes in WordPress. This piece is about choosing the layer and recovering when the change does not stick.

    Match the change to the layer that should hold it

    The single best architectural rule from practitioners is short: presentation belongs in the theme, behaviour belongs in a plugin. If a tracking snippet, a shortcode, a custom post type or a form handler lives in functions.php, it dies the day someone changes theme. That is not a theme update problem, and a child theme does not solve it.

    What you are changingWhere it belongsWhat it survives
    Logo, colors, menus, site identityTheme settings: the Customizer, or Styles in the Site EditorUpdates to the same theme. Not a theme switch.
    One spacing fix, a hover state, a scoped tweakAdditional CSS, or per-block custom CSSUpdates. Additional CSS is stored per theme.
    Typography, spacing and color as a systemtheme.json in a child theme, or Styles in the Site EditorUpdates, and new pages inherit it.
    Template markup, WooCommerce product layoutA child theme, overriding only the file you needUpdates, but you now own that file forever.
    Behaviour that must outlive the themeA small site-specific plugin or a snippets pluginTheme updates and theme switches.
    The theme fights you at every stepA different theme, or a rebuildNothing. This is the expensive answer, so be sure.

    The working heuristic: use the least powerful tool that solves the problem. A promotional button color does not need a template override. A publisher standardising article typography across every template does need a system, not thirty one-off rules. Solving the same design problem three different ways in three places is how maintenance debt starts.

    Classic theme or block theme decides where you work

    Classic themes are customized at Appearance then Customize. WordPress.org’s documentation describes the Customizer as arriving in WordPress 3.4, with sections including Site Identity, Colors, Menus, Widgets and Additional CSS, and a live preview before you publish. Themes add their own sections here too, often under a name like Theme Options.

    Block themes are customized at Appearance then Editor. WordPress.org’s documentation says the Site Editor is only available when a block theme is installed and active. That single sentence answers the most common confusion in this whole subject: if Appearance then Customize is missing, you are almost certainly on a block theme, and the settings you are hunting for are in Styles or in a template.

    WordPress Site Editor Styles panel used for block theme customization
    The Styles panel within the WordPress Site Editor provides comprehensive controls for site-wide design elements like colors, centralizing customization for block themes. · Source: wordpress.org

    Be ready for the block model to feel less inspectable than it looks in marketing. Experienced builders report the same short list of frustrations: block boundaries are hard to see without hovering, the code editor fills with inline styles and JSON-like data, changing something as small as a block background color can leave escaped CSS variable names elsewhere, and selecting blocks lags while the canvas re-renders. The common responses are the old ones, a child theme plus custom CSS, or a move to a page builder. The WordPress developer blog’s February 2026 post lists per-block custom CSS among the changes arriving with WordPress 7.0, which takes some pressure off the second choice.

    Page builders are a real option for marketing pages and a real dependency everywhere else. Support threads show builder features that cannot be fully switched off because no option or hook exists, plugin updates that add dashboard menu items nobody asked for, and a version bump breaking icons in the Customizer. None of that makes those products unreliable. It does mean your design work becomes coupled to that plugin’s release schedule.

    Child theme rules that decide whether the safeguard holds

    WordPress’s Theme Handbook describes a child theme as a way to modify an existing theme without directly editing that theme’s code, and walks through creating the folder, creating style.css, activating it, then loading the stylesheet and using functions.php. Two details do the actual work: the Template line in the child’s style.css header has to match the parent theme’s folder name exactly, and the parent stylesheet should be enqueued from functions.php rather than pulled in with @import.

    The safeguard is also a failure source. Practitioners report improperly linked child themes and wrong wp-content permissions as recurring reasons customizations do not apply, alongside files uploaded to the wrong installation. If your child theme “does nothing”, check the parent folder name, the file paths, and whether the upload actually reached production before you rewrite any CSS.

    Keep the copying minimal. Override one template, not the parent’s whole structure. Every duplicated file stops receiving the parent developer’s bug fixes and markup changes the moment you copy it. Prefer hooks and filters where the parent theme exposes them. For stores, WooCommerce’s developer docs cover overriding templates through a theme and keep a separate page on fixing outdated templates, which is the mechanism that tells you when a copied file has drifted behind the plugin.

    Existing modifications first, child theme second. The sequence practitioners recommend is: document or back up what has already been changed, restore the original theme, create the child theme, then reapply the customizations inside it. Budget hours for this, not minutes. And do not do it live on a site taking orders. Staging that mirrors production is the one operational rule the community data agrees on without argument.

    When the change does not appear, diagnose in this order

    The same symptom has at least five causes, and they are not equally likely. Work down the list rather than guessing.

    1. Stale output, held somewhere you did not clear. This is the most frequently reported cause by a distance, and the mistake is rarely “forgot to clear the cache”. It is clearing only the browser while the old copy sits with the host, the CDN, or the builder’s generated CSS file. Publish again, purge browser, WordPress cache plugin, host and CDN, then regenerate CSS and JavaScript assets. Then confirm the page, domain, template and file you edited are the ones being served. Staging URLs and duplicated templates absorb a lot of wasted afternoons.
    2. The save never happened. A failed or blocked save looks exactly like a caching problem. Open the browser Network and Console tabs and watch the request when you press Update. A security rule at the host rejecting the request, or a rejected JSON payload, produces a silent non-change. Repeatedly pressing Update is the anti-pattern here.
    3. A plugin conflict, usually a builder or a customization plugin. Confirm a current backup, enable troubleshooting mode, disable plugins, test on a default theme, then reactivate one component at a time until the fault returns. Reactivating everything at once tells you nothing. Stacking !important on top of an unidentified conflict makes the eventual fix harder. The isolation process is written out in more detail in the guide to WordPress plugins that are not working.
    4. Theme or plugin code that throws a fatal error. Here you get evidence: a stack trace naming a file and a line, such as a Customizer failure inside a theme’s own WooCommerce options file. Follow the trace to the component, then disable or update that component. Do not patch the named file reflexively, because it may simply be the last file accessed before a hosting-level failure. If the front end has gone blank, start with the recovery steps for a WordPress website white screen.
    5. Server configuration wearing a theme costume. PHP version, memory and execution limits, file permissions, firewall and ModSecurity rules, and settings like allow_url_fopen cannot be fixed inside the theme. Builder vendors send people to their host for exactly these checks. If you have isolated the fault to none of the above, escalate rather than keep editing CSS.
    WordPress critical error message after a theme customization change
    This critical error message signals a fatal issue on your WordPress site, often pointing to a specific component that needs disabling. · Source: www.wpbeginner.com

    If the dashboard itself is unreachable after an update, rename wp-content/plugins in the host’s file manager to get back in, then restore the folder and deactivate plugins individually. Do not edit files in /wp-admin or /wp-includes, and do not patch core as a first response. Those changes are undone by the next core update and hide the real cause in the meantime.

    What theme customization should cost, and where the money goes

    There is no defensible published price range, and anyone quoting one is quoting a forum comment. What community threads do agree on is the shape of the waste. Very cheap work returns in revision loops, sometimes five rounds of them. Expensive work may include strategy, responsive testing, integrations and project management that never appear on the invoice as line items. Price alone does not tell you which one you bought.

    The workflow that reduces the risk on both sides: pay for an audit, write down the design changes you want with a mockup, then ask for a fixed price against that spec. Clear specifications cut iteration more than any hourly rate negotiation does.

    Two purchase decisions deserve more scepticism than they get. A commercial theme that looks close to your design can still be expensive, because you end up paying a toll against its structure, CSS, templates and hooks on every change. And a theme generated by AI to save the cost of a licence is only a saving if you can personally read, debug and update the code through PHP and WordPress version changes. A theme can look finished while quietly accumulating technical debt.

    What changes when you hand the work to an agent

    The reason a small design change costs what it does is rarely the change. It is the coordination: describing it, finding someone, waiting for the queue, reviewing a staging link, deploying. Changing the button color on a services page should not need three people and a window.

    Example request: “Our services page buttons are the old teal. Change them to brand navy #12224A everywhere they appear, and tighten the gap between the page heading and the first section on mobile.”

    SiteSelf works on your existing WordPress site through chat. For that request it would find where the button color is actually defined, global styles, a theme setting, or a stylesheet rule, apply the change in that layer rather than pasting an override, say what is about to change and whether it can be undone before it acts, then fetch the changed page and report in plain language what it did and what it checked. The work is recorded. Content and settings work goes through the SiteSelf Connector plugin from the WordPress.org directory; touching theme files, CSS files or templates needs hosting access over SSH. That kind of WordPress design change through chat is the same category of task described above, just without the queue.

    The honest limits matter as much. Verification today is a fetch of the changed page and a written report, not a screenshot and not a test on real devices, so a mobile spacing change still deserves your own look on a phone. Pages owned by a visual page builder such as Elementor, Divi or Beaver Builder are refused at the moment of work, with the reason given. Analytics and Search Console are not written to. Work happens on request, not on a schedule. Cost is credit-based, and the details sit on the pricing page.

    Frequently asked questions

    Appearance then Customize has disappeared. Where did it go?

    You are most likely running a block theme, where customization moves to Appearance then Editor. WordPress.org’s documentation says the Site Editor is only available when a block theme is installed and active, and the reverse holds too: many block themes register no Customizer sections. Switching to a classic theme brings the Customizer back, which is a diagnostic, not a recommendation.

    Do I still need a child theme if I use a block theme?

    For colors, fonts and spacing, Styles in the Site Editor saves to the database and survives theme updates, so no. For a changed template file, a theme.json override or custom PHP, yes, a child theme is still the place to put it. Anything that must survive switching to a different theme belongs in a plugin either way.

    The change shows on desktop but not on my phone. What now?

    Run the same cache sweep first, including any CDN, and check on the device in a private window rather than a resized desktop browser. Then check whether a breakpoint rule or a block visibility setting is hiding the element at that width. If both come back clean, watch the save request in the Network tab, because a change that never saved looks identical to one that is cached.

    Can I let AI generate a theme instead of buying one?

    Only if you can inspect, debug and update the code yourself. The risk is not the first screenshot, it is maintaining the code through PHP version changes, WordPress releases and a fatal error six months later. Practitioners who tried it often report going back to a dependable starter theme because it was easier to keep running.

    Is it safe to edit theme files on a live store?

    No, and this is the strongest warning in the community data. Build and test on a staging environment that mirrors production, and take a confirmed backup before any conflict testing. On WooCommerce, override only the templates you need in a child theme and use hooks for smaller changes, then check the plugin’s outdated-template report after each WooCommerce update.

    Additional CSS or a stylesheet in the child theme?

    Additional CSS is fine for a handful of scoped rules and it is easy to undo, but it is stored per theme and it becomes unreadable past a few dozen lines. Once the CSS is long enough that you would want comments and version control, move it into the child theme’s stylesheet. Content-level tweaks that only affect one page belong in the page itself, which the guide on editing pages in WordPress covers.

  • Why your WordPress font change is not showing

    Key takeaways

    • Check the live page in a private window after purging caches in order: caching plugin, host cache, CDN, page builder CSS, then a hard browser refresh. The editor preview proves nothing.
    • Five causes cover nearly every report: stale caches, a setting changed at the wrong scope, theme or builder CSS winning on specificity, a font registered but never loaded on the front end, and a font file returning 404 or refused cross-origin.
    • Two developer tools checks split the problem in half: the computed font-family on the element says whether your rule applied, the Network panel says whether the file downloaded.
    • Do not load fonts with @import in Additional CSS. It often fails to render on the front end. Use @font-face in a child theme or enqueue the stylesheet.
    • Give typography one owner (theme styles, builder global fonts, or your own CSS) and leave the other layers empty, or the next update reintroduces the old font.

    You picked the font, you saved, and the live site still shows the old one. Or half of it changed: headings updated, buttons did not, and product titles are doing something else entirely.

    That is not one bug. It is five, and from the outside they look the same. Work through them in order of how often they turn out to be the answer, and stop at the first one that explains what you see. If you are still deciding where the font should be set in the first place, the walkthrough of where to change fonts in WordPress covers the Site Editor, the Customizer and CSS paths.

    Before anything else: check the live page, not the editor

    The block editor and the Site Editor preview render with their own stylesheet. They are close to the front end, not identical to it, so neither a correct preview nor a wrong one is evidence.

    Do this first, in this order:

    1. Confirm the change was actually committed. Site Editor styles need Save. Customizer changes need Publish. Builder changes need Update and often a separate global settings save.
    2. Open the live URL in a private window, or hard refresh with Ctrl+Shift+R (Cmd+Shift+R on a Mac).
    3. Right-click the text that is wrong and choose Inspect. In the Styles or Computed panel, read the font-family the browser actually applied, and look for your rule with a line through it.
    4. Switch to the Network panel, filter by Font, and reload. Either the font file downloads with status 200 or it does not.

    Those two panels split the problem cleanly. If the computed font-family is not your font, the CSS never won. If it is your font but the file did not download, the CSS won and the asset failed. Everything below sits on one side of that line.

    Cause 1: a cache layer is still serving the old stylesheet

    This is the most common answer by a wide margin, and the reason people retry the change three times in three different places and make the site worse. A typical WordPress site has four or five independent caches, and clearing one does nothing to the others.

    Purge in this order, testing after each step so you learn which layer was holding the file:

    1. The caching plugin, including any minified or combined CSS it generates.
    2. The host’s own server cache, which is often separate from the plugin and sometimes only clearable from the hosting panel.
    3. The CDN in front of the site.
    4. The page builder’s generated CSS. Builders such as Elementor write their styles to their own files and keep serving the old ones until you regenerate from the builder’s tools screen.
    5. The browser, with a hard refresh or a private window.

    Two details save repeat visits. Turn off CSS minification and combining while you debug, because an aggregated stylesheet can be cached under a filename that never changes. And if the builder offers a choice between printing CSS inline and writing it to an external file, the external file is easier to reason about, because you can open it and see whether your font is in it.

    The signature of a caching problem: the editor is right, the live page is wrong, and it is right in a private window or on your phone over mobile data.

    Cause 2: you changed the font at the wrong scope

    WordPress applies typography at several levels, and the narrower level wins. A font set on one heading block beats the global heading style. A style set on Links beats the size you set on body text for anything that is a link.

    That last one catches people regularly: a header menu that refuses to change size until it is changed under Styles, Typography, Links. WordPress’s Styles overview documentation describes the Styles panel as setting the overall look of the site at a global level, with separate typography sections inside it, so global is the default place to work and per-element settings are the exceptions.

    Walk the scopes from narrow to wide:

    • The individual block. Select it, open Typography in the sidebar, and clear any font family or size set there.
    • The template or template part, if the wrong text lives in a header, footer or archive.
    • Global styles for that element: Text, Headings, Links, Buttons, Captions.

    On WooCommerce stores the same problem wears a different costume. Product titles, prices, breadcrumbs and Add to cart buttons each carry their own classes, and a store theme usually styles them directly. Changing global body text leaves them untouched. Inspect the element, read the class the theme is styling (something like .woocommerce-loop-product__title), and target that.

    Cause 3: theme or builder CSS outranks your rule

    If the Styles panel shows your font-family with a line through it, the rule loaded and lost. A more specific selector, a rule loaded later, or an inline style from a builder beat it.

    Read the winning rule in the Styles panel. It names the file and the selector, which tells you who owns the font on that element: the parent theme, a child theme, the builder, a design plugin, or your own snippet. Then either change the font where the winner sets it, which is almost always the better fix, or write a selector at least as specific as theirs. Prefer .site-content p over a bare p. Keep !important for the case where you have read the winning rule, cannot edit it, and have written down why.

    Never fix this by editing the parent theme’s style.css or functions.php. The next theme update overwrites both. Use Additional CSS for small overrides, or a child theme when the change involves template or function code. The guide to editing themes without losing work covers when Additional CSS is enough and when you need the child theme.

    WordPress Site Editor Styles panel open on the Typography settings
    Within the WordPress Site Editor, the global Styles panel offers dedicated typography controls for elements like text, headings, links, and buttons, centralizing your site’s design. · Source: developer.wordpress.org

    Cause 4: the font is registered but never loaded on the front end

    Here the CSS applies correctly and the browser still renders something else, because the font it was asked for was never delivered. Three versions of this are common.

    @import in Additional CSS. Pasting a Google Fonts @import line into Appearance, Customize, Additional CSS frequently fails to take effect on the front end. Load the font properly instead: register the font family in a block theme’s theme.json, or declare @font-face in a child theme, or enqueue the stylesheet with wp_enqueue_style. The WordPress theme handbook’s typography page covers custom font families and registering web fonts as font faces in theme.json, which keeps the editor preview and the front end in agreement.

    Registered in the Font Library, not printed on the front end. A font can appear in the font picker and still fall back to a system font on the live site, because registration and front-end loading are separate steps and the integration between a theme, a font plugin and core is not always complete. Update the plugin, then check the page source for a @font-face rule naming your font. If there is none, nothing was ever loaded.

    The weight is missing. You applied a family that ships 400 and 700 and asked for 300. The browser substitutes or synthesises, and the text looks subtly wrong rather than obviously wrong. Confirm the weights and styles you use are among the faces you actually loaded.

    Cause 5: the font file does not arrive

    When the Network panel shows the font request failing, read the status and the console message. Each one points at a specific fix.

    What you seeWhat it meansFix
    404 (Not Found) on a font URLThe path in src is wrong, or the file is not in that directoryOpen the font URL directly, correct the path, re-upload the file
    A CORS message about a font on another domainThe CDN or other domain is not sending an Access-Control-Allow-Origin header for fontsAdd the header at the CDN or server, or self-host the font on the same domain
    A mixed content warningAn http:// font URL on an https:// pageChange the URL to https or a protocol-relative path
    The file downloads but nothing rendersThe server sends the wrong MIME type, or the file is corruptRe-export as woff2, confirm the server serves font types correctly

    Site migrations and domain changes cause a burst of these, because absolute font URLs in CSS still point at the old host. The durable setup is self-hosting: put .woff2 files in a folder inside your child theme, declare each weight in @font-face with font-display: swap;, and reference the family by name.

    Still unclear? Isolate the layer that owns typography

    If none of the five explains it, stop changing settings and start removing variables. Switch to a recent bundled theme such as Twenty Twenty-Five and reload the page. If the font behaves, the problem is in your theme or its options. Then deactivate design-related plugins one at a time: builders and styling suites ship their own typography presets and overwrite theme styles by design. The isolation method in the guide to fixing WordPress plugins that are not working applies here unchanged.

    Then fix the structural cause, not just the symptom. Decide which layer owns typography on this site: theme global styles, the builder’s global fonts, or your own CSS. Set it there, clear the settings in the other layers, and write down the decision somewhere the next person will find it. Sites where three layers all set a font are the ones where the old typeface comes back after an update.

    If you would rather hand the tracing over, SiteSelf works on your connected WordPress site through chat and can track down and fix a change that is not taking effect, then report what it changed and what it checked. Content and settings work needs the SiteSelf Connector plugin from the WordPress.org directory; theme files, font assets and server configuration need hosting access over SSH. Pages owned by a visual page builder are refused at the moment of work, with the reason.

    The font loads, and now the page jumps

    A font that finally works can introduce a new problem: text renders in the fallback, the web font arrives, and the layout shifts. Three things reduce it.

    Load less. Every extra family, weight and italic is another file. Two or three weights of one or two families covers most sites, and the hierarchy you wanted usually comes from size, weight and colour rather than a third typeface.

    Preload the fonts that appear above the fold and let the rest wait. web.dev’s best practices for fonts is written around optimising web fonts for Core Web Vitals and is the reference worth reading before you add a second family.

    Match the fallback’s metrics to the web font so the swap does not move anything. MDN describes the size-adjust descriptor as a multiplier for the glyph outlines and metrics of a font, and alongside ascent-override, descent-override and line-gap-override it lets a local fallback occupy the same space as the real font:

    @font-face {
      font-family: "brand-fallback";
      src: local("Verdana");
      size-adjust: 87.6%;
      ascent-override: 95.2%;
      descent-override: 24.1%;
      line-gap-override: 0%;
    }
    
    h1 { font-family: "Brand Sans", "brand-fallback", sans-serif; }

    The percentages are specific to that pair of fonts. Compute yours for your own font and fallback rather than copying these.

    When to stop and get help

    Stop and bring in a developer when the fix requires editing server configuration you do not control, when the font is licensed and the licence restricts self-hosting, or when the only rule that works is a page-wide !important and you cannot tell what it is fighting. Stop sooner on a store: if product pages are rendering inconsistently across browsers, the cost of guessing is orders, not tidiness.

    Also stop if you have changed the same font in three places. At that point the site has accumulated overrides rather than a font setting, and the work is to remove two of them, not to add a fourth.

    Frequently asked questions

    The font looks wrong in the editor but fine on the live site. Did I break something?

    Probably not. The block editor has its own appearance settings, reachable from the three-dot menu at the top right under Preferences, Appearance. They affect the editing interface only. If the live page is correct in a private window, the site is correct.

    Do I need woff, ttf and otf, or is woff2 enough?

    For current browsers, woff2 alone is enough and it is the smallest format. Some font uploader plugins and builders ask for more formats in their upload screens, and older browsers are the only real reason to supply them. Start with woff2 and add formats only if a specific tool refuses the upload.

    Can I load a Google Font with @import in Additional CSS?

    It often fails to render on the front end, which is why the same fix keeps getting reported as not working. Register the family in theme.json, declare @font-face in a child theme, or enqueue the stylesheet instead.

    How do I go back to the theme’s default font?

    Reset typography in Styles or the Customizer to the theme default, remove any font rules from Additional CSS and from child theme stylesheets, and deactivate font plugins you no longer need. Then purge caches and check the live page. Default theme fonts load fast and are a reasonable place to stay.

    Why did my fonts change after I activated a new plugin?

    Design plugins and page builders ship their own typography presets and apply them site-wide by design. Configure that tool’s global typography to match, or switch off its style output if it offers the option. Running two styling suites at once produces font behaviour nobody can predict.

    Is !important ever the right answer?

    Occasionally, when a builder writes inline styles you cannot edit. Use it on the narrowest selector that works, and add a comment saying which rule it is overriding. Applying it across body and every heading hides the conflict and makes the next change harder.

  • How to edit pages in WordPress without breaking it

    Key takeaways

    • Pages, then All Pages, then hover the title and click Edit. Quick Edit changes the title, slug and status without loading the editor at all.
    • The editor that opens tells you where the content is stored. Block editor and classic editor save into the page content; an “Edit with Elementor” link means the layout lives in the builder’s data instead.
    • The homepage is the usual trap. Settings, then Reading names the page, but WordPress’s template hierarchy checks front-page.php before any page template, so a theme file can override what you edited.
    • WooCommerce’s documentation lists Shop, Cart, Checkout and My Account as pages it creates automatically, with no content required on Shop. Typing into that page changes nothing on the front end.
    • If the editor will not load, work in this order: browser and cache, all plugins off, default theme, /wp-json/, PHP memory and error logs, then roles and database last.

    You change a headline, click Update, refresh the live page, and the old headline is still there. Or the text changes and the spacing collapses on mobile. Or the edit link opens a purple screen that says Edit with Elementor and none of the tutorial steps match what you see.

    Finding a page and typing in it is the easy part. The part that costs an afternoon is working out which layer of the site owns the thing you want to change. A page has content, but it also sits inside a template, which belongs to the theme, and editing a WordPress theme safely is a different job with different risks. Get the layer right and most edits take two minutes.

    Open the right page before you change anything

    Log in at yourdomain.com/wp-admin, open Pages, then All Pages. Hover the title of the page you want and click Edit. Make the change, click Update. That is the whole flow, and on a simple page it works exactly as it reads.

    Two shortcuts save time on busy sites:

    • Quick Edit. Hover the title in the Pages list and click Quick Edit to change the title, the slug, the status or the parent without loading the editor. Click Update in the same row.
    • The admin bar. While logged in, open the page on the front end and click Edit Page in the black bar at the top. This is the reliable way to be certain you are editing the page a visitor is looking at, not a similarly named copy.

    That copy problem is common enough to check for. Sites accumulate duplicates: /about/ and /about-2/, a seasonal landing page cloned three times, a translated version that looks identical in the list. Before editing, confirm the slug in the row matches the URL you visited. You need the Administrator or Editor role to edit published pages; Contributors can write but not publish.

    WordPress Pages list with Edit and Quick Edit row actions
    Hover over any item title in the WordPress admin to instantly reveal the Edit and Quick Edit options, your starting point for content changes. · Source: www.smashingmagazine.com

    The editor that opens tells you where the content lives

    WordPress.org’s documentation calls the default editor the block editor, the WordPress editor or the Gutenberg editor, all the same thing. It builds a page out of blocks: paragraph, heading, image, buttons, columns, group. What you type there is saved into the page’s content, so it is the layer you can reach and change with no help.

    Three other things can open instead, and each one means something:

    • One large text area with a formatting toolbar. That is the classic editor, usually because the Classic Editor plugin is active or the page holds a Classic block. Content still saves into the page. Layout control is minimal.
    • A button that says Edit with Elementor, Edit with Divi or Beaver Builder. The builder stores the layout in its own data, not in the page content. Elementor’s listing in the WordPress.org plugin directory describes it as a drag and drop website builder, and the practical consequence is that the page’s design belongs to it. Edit that page in the block editor and you either change text nobody sees or you wreck the layout. Stay in the builder, or rebuild the page deliberately. Our explainer on what a landing page builder really does covers that tradeoff.
    • The Site Editor, reached through Appearance then Editor. WordPress.org’s documentation says the Site Editor is only available when a block theme is installed and activated. If Appearance shows an Editor item, part of what you see on your pages is a template, and headers and footers are template parts rather than page content.

    The same distinction explains locked blocks. If you select a section and the layout controls are missing, you are usually inside a pattern, which opens in content-only editing, or inside a template part being edited from a template. Text is editable, structure is not. Edit the pattern at its source, or open the template part directly, which is the same path as editing the footer in WordPress.

    Change the block, not the container

    Most “I broke the design” damage is a container that moved. A paragraph sits inside a Group, which sits inside a Column, which carries the padding. Drag the paragraph and the spacing goes with it.

    1. Open List View (the icon at the top left of the editor). It shows the real nesting. Select the block you mean to edit there, not on the canvas.
    2. Use the sidebar, not just the toolbar. Dimensions, spacing, colour and typography live in the block settings panel on the right. If one call to action has custom padding and the next inherits theme defaults, they will look aligned in the editor and uneven on the live page.
    3. Duplicate a section that already works rather than rebuilding one. Right-click the block in List View, choose Duplicate, then change the text. Inherited settings come with it.
    4. Save a draft first on anything structural. Revisions are good for text and weak for layout, especially with synced patterns involved.
    5. Preview in a new tab, and check it logged out. An incognito window shows what a visitor gets, without your admin styles or your cache.

    For small markup fixes, the three-dot menu at the top right switches to the Code editor, and a Custom HTML block holds raw markup inside a page. Structural changes belong in a child theme, not in the page.

    List View in the WordPress block editor showing nested groups and columns
    The List View panel clearly reveals how blocks are nested within containers like Group and Columns, directly impacting their layout and spacing. · Source: learn.wordpress.org

    You clicked Update and the live page looks the same

    The edit almost always saved. Something else is deciding what visitors see. Work down this list in order, because the cheap causes are also the common ones.

    1. Your browser. Hard refresh with Ctrl+Shift+R, or Cmd+Shift+R on a Mac, then load the URL in a private window.
    2. Site and CDN cache. Purge the caching plugin, then the host’s cache, then Cloudflare or whatever sits in front. Two cache layers with no exclusion for the admin will also break the editor itself, not only the front end.
    3. The wrong page. Compare the slug you edited against the URL in the address bar. Duplicates and translated copies look identical in the Pages list.
    4. A template is printing the homepage. Check Settings, then Reading, which is where WordPress decides whether the front page shows your latest posts or a static page. Even when that setting is right, the theme handbook’s front page hierarchy checks front-page.php before the page you selected, so a theme file can output a layout that owes nothing to the page editor. Change it in the template, in a child theme so an update does not wipe the work.
    5. The content is builder data. Open the page and look for an Edit with Elementor or Edit with Divi link. If it is there, that is where the visible text lives.
    6. You are looking at the wrong environment. Staging edits stay on staging until someone pushes them.

    The WooCommerce Shop page deserves its own line, because it is the single most reported version of this. WooCommerce’s own documentation lists Shop, Cart, Checkout and My Account as pages created automatically during setup, and notes that Shop requires no content. WooCommerce builds the product listing on the fly. Editing that page does nothing. Change the Product Archive template in the Site Editor, use your theme’s catalog options under Appearance then Customize if it has them, or build a normal page with a shortcode such as [products columns="3" orderby="date"] and assign it as the shop page in WooCommerce settings.

    If tracking down which layer owns a change is not how you want to spend the afternoon, SiteSelf handles WordPress page edits through chat: you say what to change, the agent finds the page, makes the change, fetches the result and reports what it changed and what it checked, and pages owned by Elementor, Divi or Beaver Builder are refused at the moment of work, with the reason.

    When the editor will not load at all

    A blank editor canvas, a critical error on the edit screen, or a 404 on the edit link is a different problem from an edit that does not appear. WordPress.org support replies and builder documentation converge on the same sequence. Follow it in order; the early steps are reversible and the last one is where people lock themselves out.

    1. Browser and cache. Different browser, private window, cache cleared. Five minutes, and it settles a surprising share of cases.
    2. All plugins off. Not two suspects, all of them. If editing works, reactivate one at a time until it breaks. The last one you switched on is the culprit. One WordPress.org thread titled “Cannot edit page until I disable BOGO” is a clean example of the pattern: the reporter first blamed the theme and the host, saw “You attempted to edit an item that doesn’t exist. Perhaps it was deleted?”, and found the answer in the plugin they had installed most recently. Our guide to fixing WordPress plugins that are not working walks the isolation process in detail.
    3. Default theme. Switch to a recent bundled theme such as Twenty Twenty-Five and retest. Theme and core updates that land out of step are a repeatable trigger: a theme stylesheet loaded into the editor can render your content white on white.
    4. Check /wp-json/. Load yourdomain.com/wp-json/ in a browser. You want JSON. A 403, a 404, an HTML page or a PHP warning printed above the JSON gives you the classic blank block editor. Resave Settings, then Permalinks, with no changes to reset routing, then look at security plugins and host firewall rules that filter that path.
    5. PHP memory and logs. A white screen with nothing in the browser console usually means a PHP fatal error. Add define('WP_MEMORY_LIMIT', '512M'); to wp-config.php, and raise the server’s own memory_limit too, since WordPress cannot exceed it. Then read the PHP error log, or ask the host for it, because more memory hides a fatal error rather than fixing it. The white screen troubleshooting guide goes through the log reading.
    6. Roles and capabilities, last. “Sorry, you are not allowed to edit this item” on an account that shows as Administrator usually means capabilities in wp_usermeta are wrong, or a membership or role manager plugin is overriding them, or you are an admin on a different site in a multisite network.
    WordPress Settings Reading screen showing the homepage displays option
    The WordPress Reading Settings allow you to designate a static page as your homepage, a setting that a theme’s front-page.php can still override. · Source: wordpress.org

    When to stop and get help

    Stop at the database. Editing user capabilities by hand in phpMyAdmin is how people lose access to their own site, and it is the step to hand to a developer along with the error log. Stop too when the cause is a plugin’s code rather than its settings: a plugin that opens output buffering without closing it, or ships files with whitespace after ?>, corrupts the JSON the editor depends on, and only the plugin author or a developer can fix that. And back up before any of this, on a staging copy where you have one. Running a full plugin deactivation test on a live store during business hours is its own outage.

    Frequently asked questions

    What is Quick Edit actually for?

    Title, slug, date, parent, template in some themes, status and password protection, all without loading the editor. It is the fastest way to fix a URL or unpublish something. It cannot touch the page’s body content.

    Can I edit a page’s HTML directly?

    Yes. The three-dot menu at the top right of the block editor switches to the Code editor, which shows the block markup for the whole page, and a Custom HTML block holds raw markup inside a layout. Anything structural, like the wrapper around the content, is a template file and belongs in a child theme.

    Why can I not edit the WooCommerce shop page?

    Because it is not a normal page. WooCommerce’s documentation lists Shop among the pages created automatically at setup and notes it needs no content; the product listing is generated on request. Edit the Product Archive template, use your theme’s catalog settings, or build a page around a products shortcode and point WooCommerce at it.

    Is the classic editor gone?

    No. The Classic Editor plugin still works, and pages already holding a Classic block still render and open for editing. If you cannot find a Classic block to insert on a recent WordPress version, that is a change to what the inserter offers by default, not the removal of classic editing.

    Can I edit a builder page in the block editor to save time?

    Not safely. The layout is in the builder’s data, so the block editor shows you a stripped version at best. Deactivating the builder to “switch to Gutenberg” leaves orphaned shortcodes and missing sections. Either keep editing in the builder or rebuild the page on purpose, with the old version still live until the new one is ready.

    How do I let a marketer edit copy without touching the design?

    Give them the Editor role, then lock the structure rather than the person: keep hero sections and repeated layouts in patterns and template parts so they open in content-only editing. Text stays editable, spacing and columns do not. A short written note saying which page holds which section beats any capability tweak.

  • What a landing page builder for WordPress really is

    Key takeaways

    • There are three kinds: dedicated campaign-page plugins (SeedProd, PluginOps), general visual builders (Elementor, Divi, Beaver Builder, Bricks, Breakdance) and block-based tools inside the editor you already have (Site Editor patterns, Kadence Blocks).
    • Popularity and page weight run in opposite directions. GravityKit’s April 2026 HTTP Archive reading puts Elementor on 32.67% of WordPress sites, and Gaurav Tiwari’s 2026 speed comparison puts it near the bottom on LCP and HTML size.
    • A block theme plus a blank template and pattern library answers most landing page requests: hero, features, FAQ, CTA, no header or footer, no extra plugin.
    • Most post-launch failures are process failures: plugin and addon conflicts, theme conflicts, host memory limits, stale cache and per-breakpoint settings that hide the CTA on mobile.
    • Before you commit, deactivate the builder on a staging copy and look at what is left. That test tells you the real switching cost.

    A landing page builder for WordPress is not a separate platform. It is either a plugin that creates ordinary WordPress pages, or a library of blocks and patterns you assemble inside the editor you already have. Either way, what exists at the end is a normal page in your database, rendered through your theme’s template system.

    That distinction sounds pedantic until a campaign page breaks. Most regret in this category comes from the other mental model: someone picks the tool with the biggest template library, builds a promo page on it, and then discovers that the page’s speed, its mobile layout and its editability depend on layers the builder does not own. If you want the build steps, read the guide to building a landing page in WordPress. This piece is about what you are actually choosing between, and what each choice costs you six months later.

    The three kinds, and what each one owns

    Every product marketed as a landing page builder falls into one of three groups. They differ less in what the editor feels like and more in who owns the markup once you publish.

    KindExamplesWhat it producesWhat is left if you turn it off
    Dedicated campaign-page pluginsSeedProd, PluginOps Landing Page Builder, LightStartStandalone campaign, coming soon and maintenance pages that bypass the theme’s normal layoutThe page stops rendering as designed. The content is usually still in the database, but not in a form the block editor can lay out.
    General visual buildersElementor, Divi, Beaver Builder, Bricks, Breakdance, WPBakeryAny page or template, built from the builder’s own elements and stored in its own formatBuilder-specific markup or shortcodes in the editor. Switching builders means rebuilding, not migrating.
    Block-based tools and pattern librariesCore Site Editor, Kadence Blocks, GutenKit, SpectraOrdinary block content in the page, plus a pattern library to start fromCore blocks keep working. Blocks from the plugin show as invalid content until you restore the plugin or convert them.

    The size difference between these groups is larger than the marketing suggests. WordPress.org lists Elementor at 10 million active installs; its own directory listing claims more than 23 million websites. SeedProd, the largest plugin that markets itself specifically as a landing page builder, sits at 600,000 active installs, and its directory slug is still coming-soon. PluginOps ships 120+ templates in its free version and is a fraction of that size again. Kadence Blocks takes the third route entirely: it extends the block editor with custom blocks and design controls rather than replacing the editor.

    Popular and fast are not the same list

    Elementor is the default answer in this category, and the usage data supports that. GravityKit’s April 2026 reading of HTTP Archive data puts Elementor on 32.67% of WordPress sites, ahead of the WordPress block editor at 20.62%, wpBakery at 8.52% and Divi at 5.72%.

    The speed data points the other way. Gaurav Tiwari’s 2026 comparison of 15 page builders, which tests for speed, code quality, workflow, pricing and lock-in, records Elementor at 1.5 seconds LCP with 68KB of HTML and Divi at 1.7 seconds with 84KB, against GenerateBlocks at 0.8 seconds with 24KB. Those are different amounts of work for the browser to do before anything useful appears.

    PageSpeed Insights report showing LCP for a WordPress landing page
    A low PageSpeed Insights score and high Largest Contentful Paint value highlight the critical need to measure the actual performance of a finished website, not just its template. · Source: www.seroundtable.com

    Read that as a loading weight problem rather than an interactivity problem, because that tells you which levers matter. Deeply nested sections, columns and wrappers inflate the DOM. Unoptimised hero images inflate the transfer. Each addon adds another stylesheet and another script. The fixes are image compression and modern formats, caching at the server and the plugin layer, deferring scripts that are not needed for the first screen, and flattening the layout where the builder allows it. That is the same work as speeding up a slow WordPress page anywhere else on the site.

    One caveat that the benchmark publishers are honest about: builder choice explains only part of the variance. The same builder can produce a fast page and a slow one depending on hosting, image discipline and plugin count. Test your own finished page on mobile with the real images, forms, consent banner and analytics loaded, not a demo template on a demo host.

    You might not need a builder at all

    Two of the most common questions people type into Google about this subject are how to create a landing page without a plugin, and how to remove the header and footer from one. Both have the same answer, and it does not involve buying anything.

    If a block theme is active, WordPress gives you the Site Editor. WordPress.org’s Site Editor documentation says the Site Editor is only available when a block theme is installed and activated; if Appearance shows an Editor item, you have one. Create a template there with no header and no footer template parts, assign it to your page, then build the page from patterns in the Patterns tab of the block inserter. Hero, feature grid, FAQ, call to action: the pattern libraries shipped with block plugins cover exactly those sections, because that is what people build.

    WordPress block inserter open on the Patterns tab while building a landing page
    The WordPress block inserter’s Patterns tab offers a diverse collection of prebuilt layouts, from headers and footers to call-to-action sections, simplifying landing page creation. · Source: developer.wordpress.org

    When people say they cannot find the patterns a plugin promised, it is almost always a wrong-screen problem rather than a broken plugin. Patterns live in the inserter’s Patterns tab and in Appearance then Editor then Patterns, not under Posts, and not in the classic editor. Some block plugins also gate a second block behind a companion plugin, so a missing block usually means a missing dependency.

    Where the pattern route runs out: popups, multi-step opt-ins, built-in A/B testing and sophisticated form logic. If your campaign needs those, a dedicated conversion plugin or an external tool earns its place. If your campaign needs a page that loads fast, says one thing and has one form on it, patterns do the job with nothing extra to update.

    What breaks after launch, roughly in the order it breaks

    Practitioner reports cluster in a predictable order, and the order is worth knowing because it tells you where to look first instead of blaming the builder.

    1. Plugin and addon conflicts. The symptom is a 500 error when you open the builder, or the public message “There has been a critical error on this website.” Check the admin inbox for the email titled “Your Site is Experiencing a Technical Issue”, which contains a recovery mode link and usually names the failing plugin. Enable WP_DEBUG and read /wp-content/debug.log for a file path and line number. Deactivate the suspect, not everything at once. Our guide to WordPress plugins that are not working covers the isolation process in detail.
    2. Theme conflicts. Blank pages and fatal errors that vanish under a recent default theme such as Twenty Twenty-Five point at the theme, not the builder. Oxygen’s own documentation recommends default-theme testing for this reason.
    3. Host and PHP limits. Builders post large forms back to the server. Timeouts, database connection errors and 500s often trace to memory limits and max_input_vars. A 256MB memory limit is the floor people report as restoring normal behaviour in heavy builders. Ask the host to check firewall and ModSecurity rules and send you the server PHP error log.
    4. Stale cache hiding a fix that worked. There are usually four layers: the host, the CDN, the caching plugin and the builder’s own generated CSS. Clear all of them, regenerate the builder’s cache, and retest in a private window before you conclude the fix failed.
    5. Settings, roles and licence state. No dramatic error here. Features simply do not appear, or editing is restricted, because of role manager permissions, an expired licence or a PHP version the builder no longer supports.

    Mobile layouts break because of per-device settings, not the builder

    Visual builders expose width, offset and a hide-on-device toggle per breakpoint. Three things go wrong with them. Widths that were never set for the tablet or mobile band squeeze or overflow the content. Offsets copied from desktop create empty gaps or horizontal scroll. And the hide toggle gets used aggressively enough that a section disappears on small screens.

    That last one is the expensive mistake. If the hidden section contained the form or the call to action, the mobile page cannot convert at all, and the people who only have a small screen lose information everyone else gets. Check the page on a real phone width with the form visible before you count the campaign as live.

    Addons drift out of step with the builder

    Builder addon changelogs are full of entries like “compatibility with the latest Elementor release” for a reason. When the main builder or WordPress core updates and an addon does not, widgets built on that addon, sliders, modals, feed embeds, stop working on a page that is currently taking traffic. Update addons in step with the builder, read the release notes, and resist the urge to hand-patch a broken layout before you have updated the thing that broke it.

    WordPress Plugins screen showing builder and addon plugins with updates available
    Outdated plugins, clearly marked with update notices on the WordPress admin screen, can quickly lead to compatibility issues and failing widgets. · Source: www.snapfrozen.com.au

    Questions to ask before you commit to one

    • Who edits this page in six months? If the answer is a non-technical colleague, structure matters more than widget count. Patterns and reusable templates let someone change words and images without moving the layout.
    • What is left if the builder is deactivated? Build one representative page on a staging copy, deactivate the plugin, and look at the result. That is the switching cost, measured rather than guessed.
    • How many addons does this design need? Every addon is another update cycle, another compatibility check and another security patch to track.
    • How will the page be measured? On mobile, with real images, the form, the consent banner and analytics loaded.
    • Who has which access? Content and settings work needs WordPress admin. Asset, caching and code work needs hosting access. Decide that before the campaign date, not during it.

    What changes when an agent does the work

    The tool choice is usually not the bottleneck. The waiting is. A headline change, a swapped image, a form field that needs removing before Monday’s campaign: small work, wrapped in a process that costs more than the work does.

    Example request: “Our spring promo page is slow on phones. The hero image is a 4MB PNG, the page still loads the slider plugin we stopped using, and the FAQ section is hidden on mobile by mistake. Fix those three and tell me what you changed.”

    SiteSelf works on the site as it is. For the FAQ visibility and the image swap it uses the SiteSelf Connector plugin from the WordPress.org directory, which covers content and settings work. For the unused slider assets and any caching or template change, it needs hosting access over SSH. Before it changes anything it says what is about to change and whether it can be undone. Afterwards it fetches the changed page and reports in plain language what it did and what it checked. The work is recorded, so you can see later what happened and undo it. This is the same shape as any other design change on an existing WordPress site.

    The honest limits matter here more than in most subjects, because this article is about builders. If the promo page is owned by Elementor, Divi or Beaver Builder, the page is refused at the moment of work, with the reason given. Verification is a fetch of the page and a written report, not a screenshot and not a device test, so a layout you care about deserves your own look on a phone. Nothing runs on a schedule and nothing runs unattended: work happens when you ask, through chat or from Telegram. Nothing is written to your analytics, ad platform or CRM. Pricing is credit-based, so a heavier task costs more than a lighter one; the pricing page has the current detail.

    Frequently asked questions

    Can I build a landing page in WordPress without a plugin?

    Yes, if a block theme is active. Create a page, assign a template you made in the Site Editor without header and footer parts, then build the sections from patterns in the block inserter. WordPress.org’s documentation notes the Site Editor appears only with a block theme installed and activated.

    How do I remove the header, footer or sidebar from one page?

    Do it at the template level, not with CSS that hides elements. In a block theme, duplicate your page template in the Site Editor, remove the header and footer template parts, save it under a name like Landing Page, then assign that template to the single page from the page settings panel.

    Do page builders hurt SEO?

    Not directly through markup, but through loading weight. The measured gap between heavy visual builders and block-based tools shows up in LCP, which is one of the Core Web Vitals. Image compression, caching, deferring non-critical scripts and flattening nested layout wrappers are the levers that move it.

    Is a free landing page plugin enough?

    For one campaign page with a form, usually yes. Free tiers from SeedProd, PluginOps, Kadence Blocks and Beaver Builder all exist on WordPress.org. Paid tiers buy template volume, A/B testing, theme building and commerce support, so check whether your campaign actually needs those before paying for them.

    I used an AI page generator and nothing happened. What now?

    Check three things in order. Whether the plugin’s AI provider connection is configured in its settings, whether you clicked the button that creates the page rather than stopping at the preview, and whether the page it created is sitting in Drafts. Several of these plugins create the page as a draft by default, so it exists but is not public.

    Should I use WordPress or a hosted landing page tool?

    The split people settle on is intensity-based. Hosted tools suit short, heavily tested paid campaigns where iteration speed and built-in experiments matter and the page has no future. WordPress suits evergreen pages that belong to the site, share its navigation and design, and need to stay indexed and editable for years.

  • What a music player WordPress plugin adds and breaks

    Key takeaways

    • Core covers more than people expect: the Audio block embeds one file, and the Playlist block plays a collection of tracks in a single player with a track list, shuffle and a waveform visualization.
    • Check the vulnerability record before the feature list. Patchstack shows 16 patched issues for MP3 Audio Player by Sonaar (20,000 installs), including an unauthenticated IDOR affecting 4.0 to 5.10 and broken access control up to 5.12.
    • A patched record is a good sign, not a bad one. The problem is a site sitting three versions behind, because none of these failures show on the front end.
    • Ranked by how often they happen: broken file URLs after a migration, JavaScript killed by minification, players missing because the track is still a draft, and waveforms blanked by a CDN that blocks the XHR fetch.
    • Continuous playback across page loads has no clean plugin answer. Frames break mobile, AJAX page loaders break other scripts, and going single-page is a rebuild.

    WordPress plays audio with no plugin at all. The Audio block embeds a music file, a podcast episode or any other sound file directly in a post or page, with the browser’s own controls. The Playlist block goes further: WordPress’s documentation describes it as a collection of audio tracks played in a single player, where visitors browse the track list, play in order or on shuffle, and follow the current track in an interactive waveform visualization.

    So the question is not “which music player WordPress plugin is best”. It is narrower: what does a plugin add that core does not, and what does it cost you three months later. The cost is usually one of four things going wrong, and those four are the same for every plugin in the category. If yours has already stopped working, the general method in our guide to WordPress plugins that are not working applies here too.

    What core already covers, and where it stops

    The Audio block handles one file per block. Its toolbar includes a Replace control, which matters more than it sounds: the URL of the file you chose is written into the post content, so swapping the MP3 in the Media Library does nothing to blocks you already published. You change the block, not the library.

    The Playlist block is the bigger change to the calculation. Multi-track playback with a waveform was the main reason to install a plugin for years. Its documentation opens with a requirements section, so check it against the WordPress version you actually run before you plan around it. Sites on older releases will not have the block, and a page built on a newer staging install will not render it when you copy it down.

    WordPress block editor with an audio block inserted into a post
    WordPress’s core Audio block provides simple single-track playback capabilities directly within the editor, demonstrating its built-in media handling. · Source: gutenix.com

    If you need one track in a post, or an album on a release page, you may already be finished. Everything past that point is what the plugin market exists for.

    What a plugin adds that core does not

    Six things, and most sites need one or two of them:

    • Page-builder placement. Music Player for Elementor ships a dedicated Elementor widget, so the player is a layout component rather than a shortcode dropped in a text box.
    • Product previews. Music Player for WooCommerce puts a player on products and supports OGA, MP3, WAV and WMA files plus M3U and M3U8 playlists, with Dokan, WCFM Marketplace and MultivendorX support for marketplace setups.
    • Podcast and radio sources. AudioIgniter’s listing covers building playlists from standard WordPress media uploads and streaming a radio show. MP3 Audio Player by Sonaar is written for music, beat makers and podcasters, with players on posts, WooCommerce products or custom post types.
    • Format breadth. HTML5 Audio Player by bPlugins lists .mp3, .wav, .ogg and more.
    • Sticky and floating players that stay visible while the visitor scrolls.
    • Skins and branding, where the player is part of the page design rather than a grey bar.

    If your list of needs is empty, do not install anything. A player is JavaScript, and JavaScript on a WordPress site has a maintenance cost that a block does not.

    How to read a plugin listing before you install it

    Install counts in this category are small. The leaders sit around 10,000 to 20,000 active installs, not the hundreds of thousands you see in forms or SEO. That means abandonment risk is real in the long tail, and it also means a high install count is not proof of much on its own.

    Four signals are worth more than the feature list:

    • Tested up to. A plugin lagging a full WordPress release behind its peers is a mild staleness signal, not a disqualification. Two releases behind, with no update in a year, is a different conversation.
    • Does it ship a block or a widget, or only a shortcode? Shortcodes are where the support tickets come from, because attribute names get typed by hand.
    • Builder lock-in. An Elementor-only player means the audio implementation gets rebuilt if the site ever leaves Elementor. Prefer something with a block and a shortcode as an escape route.
    • The description itself. Compact WP Audio Player’s listing still describes the plugin as an HTML5 and Flash hybrid supporting .mp3 and .ogg files. Flash has been dead since 2020. Copy that old tells you how much attention the listing gets.

    The signal almost nobody checks is the vulnerability record, and in this category it is the one that matters most.

    Why audio players need update discipline more than most plugins

    Patchstack’s entry for MP3 Audio Player by Sonaar, the most installed plugin in the category at 20,000 installations, lists 16 patched vulnerabilities and none currently present, against a latest version of 5.14.2. The recent run reads: cross site scripting up to 5.13.1, broken access control up to 5.12, an unauthenticated insecure direct object reference exposing sensitive information in versions 4.0 to 5.10, a server side request forgery up to 5.11, and an author-level server side request forgery in 5.3 to 5.10.

    It is not only that plugin. Patchstack lists two patched issues for Music Player for WooCommerce, including cross site scripting up to 1.8.9, and one for AudioIgniter, an unauthenticated insecure direct object reference on the audioigniter_playlist_id parameter up to 2.0.2.

    Read that the right way. A plugin with 16 patched issues and zero present is a plugin whose maintainer is fixing things. The danger is the site sitting on 5.9, sounding perfect, with private post content readable by anyone who knows the AJAX endpoint. None of this is visible from the front end. There is no broken layout, no error message, no dead play button. The only remedy on offer for each of these entries is the same: be on a version past the affected range.

    WordPress Plugins screen showing an available plugin update
    A clear update notification on the WordPress Plugins screen reminds users that keeping plugin versions current is essential for site security. · Source: www.wpbeginner.com

    The awkward part is that media plugins are also the ones most likely to break on update, because updates change the markup and the enqueued scripts. So the answer is not automatic updates applied blind, and it is not leaving the plugin alone. It is updating on purpose and then loading a page with a player on it and pressing play.

    Example request

    “Our audio player plugin is three versions behind. Read the changelog, update it, and check the players on the releases pages still render.”

    SiteSelf reads the changelog and the plugin’s current version, tells you what is about to change and whether it can be undone, applies the update, then fetches the pages you named and reports what it found. Plugin and settings work runs through the SiteSelf Connector plugin from the WordPress.org directory; if the fix turns into a template or theme-file change, it needs hosting access over SSH. Handing routine plugin updates to your agent is most useful in exactly this category, where the version number is the whole security story.

    The limits are worth stating plainly. Verification today is a fetch of the changed page and a plain-language report in chat, so it can confirm the player markup and the script are on the page. It cannot listen to the audio, and it is not a device test. If the release page is owned by Elementor, Divi or Beaver Builder, that page is refused at the moment of work, with the reason. Nothing runs unattended; the work happens when you ask, and what was done is recorded.

    The four things that break, in the order they happen

    The file URL. Most “audio is broken” tickets are a 404. Open the audio file’s URL directly in a browser tab. If it does not load there, no plugin setting will help. This is also what a domain change or an HTTP to HTTPS migration does: the URL is stored in the post content, changing the Site URL setting does not rewrite it, and mixed-content rules then block the old asset silently. Migrate with a proper search and replace across post content, not just the setting. Format matters too: a 24-bit WAV will not play in Firefox, and a server configured to send audio as text/plain or with forced download headers breaks in-browser playback whatever the plugin does.

    The player renders but play does nothing. Open DevTools and look for Uncaught TypeError. This is almost always JavaScript aggregation, deferral or minification in a caching plugin. Turn JS and HTML minification off, clear every cache layer, retest. If playback returns, add targeted exclusions for the player’s script and for the core media scripts wp-mediaelement.min.js and mediaelement-migrate.min.js rather than leaving optimisation off site-wide. Keep that exclusion list with the rest of your WordPress speed work, so the next performance pass does not undo it.

    No player at all. Check in this order: is the track published rather than draft or private, is the plugin activated and not merely uploaded, does the page source show the shortcode rendered or printed as literal text, and are the attribute names exactly as documented. Copy shortcodes from the plugin’s own management screen instead of typing IDs by hand, or use its block or widget and remove the opportunity for the mistake.

    The waveform is blank but the plain player works. Waveform players fetch the audio file over XHR to draw the waveform, which a plain <audio> element never does. A CDN that blocks XHR or omits an Access-Control-Allow-Origin header breaks one and not the other. Fix the CDN headers, serve that file from the main server, or fall back to the plugin’s simple player for that instance. This is the one case where offloading media to a CDN, normally good practice, is the cause.

    Browser console showing a JavaScript error while debugging an audio player
    A browser’s developer console quickly identifies an Uncaught TypeError, pinpointing the exact line of code where something broke. · Source: learn.microsoft.com

    Stop and get help when the console is clean, the file loads directly, minification is off and the player still does nothing. At that point you are looking at a theme or plugin conflict, and the isolation work is worth doing in staging rather than live.

    The one thing no plugin solves properly

    People want music to keep playing while visitors browse. A normal WordPress page load replaces the document, which stops playback. Every workaround trades one problem for another: frames keep the audio alive and break mobile rendering, AJAX page loaders keep the audio alive and interfere with other scripts on the site, a single-page or headless front end solves it and is a rebuild, and a pop-out player window solves it at the cost of an extra window most visitors will close.

    Sticky and floating players are not the same thing. They keep controls visible while the visitor scrolls one page. They still stop at the next page load, and a vendor describing the feature as continuous playback is usually describing that.

    Frequently asked questions

    Do I need a plugin at all?

    If you want one track in a post, no. If you want an album with a track list, shuffle and a waveform, check whether your WordPress version has the Playlist block first. Install a plugin when you need a page-builder widget, product previews, podcast feed ingestion, radio streams, custom skins or analytics.

    Why did my audio stop working after I moved to HTTPS?

    The full file URL is stored in the post content, and changing the Site URL setting does not rewrite it. The old http:// URL stays in every embed, and the browser blocks it as mixed content on an https:// page. Run a search and replace across post content, or re-select each file in the block.

    I replaced the MP3 in the Media Library and the old one still plays. Why?

    Same cause. The block holds a URL, not a live link to the library item. Edit the block and use Replace in the block toolbar, or upload the new file over the old one at the same path.

    Why won’t autoplay work?

    Browser policy, not WordPress. Modern browsers block autoplay of audio with sound until the visitor interacts with the page. Give people a visible play control rather than relying on the HTML5 autoplay attribute, and expect custom JavaScript that forces playback to be blocked and to log console errors.

    Can I stop people downloading my MP3s?

    Not completely. Anyone who can hear the file can capture it. You can reduce casual downloading with players that hide the direct file path and serve short-lived URLs, by gating tracks behind a membership or LMS plugin, and by serving previews rather than masters. Treat it as deterrence, not protection.

    Does an audio player slow the site down?

    It depends on whether the plugin enqueues its scripts everywhere or only on pages that contain a player. Check the page source of a page with no audio on it. If the player’s CSS and JS load there, that is the cost you are paying site-wide, and it is worth raising with the plugin’s support before you build around it.

  • How to build a WordPress drop down list

    Key takeaways

    • Classic themes build submenus in Appearance then Menus. Block themes use the Navigation block. WordPress.org’s documentation says 5.9 was the last version to include the Appearance Menus screen for all sites by default.
    • A menu that looks complete in the admin but shows nothing on the front end is usually not assigned to a theme location, or the header template has no Navigation block.
    • If the submenu is in the page source but invisible, the cause is almost always CSS: z-index, overflow or height on a parent, or a leftover visibility rule.
    • An empty WooCommerce variation dropdown means the attribute was never ticked Used for variations, or variations were never generated.
    • A select needs a real label tied to it with for and id. Placeholder text that reads Select… is not a label, and it should never submit as a valid answer.

    The Services item in your header will not open on a phone. Or a quote form keeps arriving with an empty “Choose a service” value. Or the size picker on a product page renders, but there is nothing inside it. All three get searched as the same thing: a WordPress drop down list.

    They are not the same thing. WordPress has no single dropdown feature. The phrase covers at least five surfaces, each owned by a different system, each with its own cause when it stops working. Picking the wrong one and fixing that instead is the expensive mistake here.

    Which of the five dropdowns are you looking at

    What you seeWhat owns itWhere you change it
    Submenu under a header linkWordPress menus plus your themeAppearance then Menus, or the Navigation block
    Select field in a contact or booking formYour form pluginThe plugin’s form builder or form-tag
    Size or colour picker on a product pageWooCommerce variationsProduct data then Attributes and Variations
    “Sort by” box on the shop pageWooCommerce plus the theme templateTheme output of the catalog sorting hook
    Filter or picker inside wp-adminCore or a pluginCode: a metabox, a filter callback, a walker

    Before any of that, answer one question: is the site on a classic theme or a block theme. Classic themes store navigation in the Menus screen. Block themes store it in a template, edited through the Site Editor. If you are unsure which you have, open the Appearance menu and look at what is in it, the same test used for editing a WordPress theme safely: a Customize item points to classic, an Editor item points to block. WordPress.org’s documentation notes that 5.9 was the last version to include the Appearance Menus screen for all sites by default, and that block themes in 6.0 and later manage navigation through the Navigation block.

    Editing the wrong screen for your theme type is the top reason people say “I saved it and nothing changed”.

    Build a submenu on a classic theme

    Go to Appearance then Menus. You need an editor or administrator account; no file access is involved.

    1. Create a menu, or select the existing one from the dropdown at the top.
    2. Add the parent item first, for example the Services page.
    3. Add the child items below it.
    4. Drag each child slightly to the right, under the parent. The item label changes to “sub item”. That indentation is the dropdown.
    5. In Menu Settings, tick a display location such as Primary Menu. A menu with no location ticked renders nowhere.
    6. Save Menu, then load the front end in a logged-out window and check desktop and mobile.

    A correct result looks like this: hovering or tapping the parent reveals the children, and the parent still links to its own page if it has one. If the admin screen shows your items but the front end shows nothing, go back to step 5 first. Missing location assignment is the single most frequent cause, and it takes a minute to rule out.

    WordPress Appearance Menus screen with a nested sub item forming a drop down list
    On the WordPress Menus screen, indenting items like ‘Contact Us’ and ‘Services’ beneath a parent item creates a clear visual structure for a dropdown submenu. · Source: wordpress.org

    Build a submenu on a block theme

    Open Appearance then Editor, then Patterns or Templates, and open the template part that holds your header. Select the Navigation block inside it. The block’s documentation on WordPress.org covers creating a menu, selecting an existing one, and adding submenu items.

    1. Select the link you want as the parent.
    2. Use the block toolbar option to add a submenu, then type or search for the child pages.
    3. In the Navigation block’s settings, check whether submenus open on hover or on click. Click is the safer default, because touch devices cannot hover.
    4. Save, and confirm the change on the live header rather than in the editor preview.

    The block-theme version of “nothing happened” is usually one of two things: the header template part contains no Navigation block at all, or the block points at a different menu than the one you edited. Both are visible in the Site Editor in about thirty seconds. The same template-part logic applies lower down the page, which is why editing the WordPress footer follows the same route.

    Resist the urge to create a second menu when the first one will not appear. Duplicate menus are how a site ends up with different navigation on different templates.

    Navigation block selected in the WordPress Site Editor with submenu items
    The Site Editor’s List View reveals how submenu items are neatly nested within the Navigation block, making it simple to manage your header’s dropdowns. · Source: wordpress.org

    Add a select field to a form without losing the answer

    Form dropdowns come from the form plugin, not from WordPress. In a builder like WPForms or Forminator you drag in a Select field, type the options, and set required or multi-select in the field settings. Contact Form 7 does the same job with a form-tag; its documentation covers drop-down menus alongside checkboxes and radio buttons, and the starred version of a tag makes the field required:

    [select* service "Web design" "SEO" "Maintenance"]

    Four decisions matter more than the markup:

    • Who maintains the list. If office staff need to rename an option next quarter, keep it in the plugin’s interface. Hard-coded options save nothing if every edit becomes a developer task.
    • How long the list is. A fifty-item select is a scrolling problem. Split it into two dependent selects (category, then subcategory), or use radio buttons when there are five or fewer choices.
    • What the empty state submits. A first option reading “Select…” must not be an acceptable value. Mark the field required so it cannot be submitted blank, otherwise that placeholder becomes a row in your reporting.
    • Where the value lands. Send a test entry and check the notification email and the saved entry. A dropdown that works on screen and maps to the wrong field downstream still costs you the lead.

    Dynamic options, pulled from products, posts or taxonomy terms, are possible but not from core alone. Custom fields with a select, a form plugin’s dynamic choices feature, or a small function that turns terms into options all work. The tradeoff is worth naming: business logic built around a niche plugin is hard to move if that plugin stops being maintained.

    Fix a WooCommerce dropdown that is empty or missing

    Variation pickers and the shop’s sort box fail for different reasons.

    An empty variation dropdown. WooCommerce’s documentation describes variable products as a product type offering a set of variations with their own price, stock and image. The chain has to be complete: set the product type to Variable product, add the attribute with its values, tick Used for variations on that attribute, save, then generate the variations and give each one a price. A select can render and still be empty when the attribute exists but was never marked for variations, or when variations were never created.

    A missing “Sort by” box. That control comes from the theme calling WooCommerce’s catalog ordering hook, woocommerce_catalog_orderby. Themes that build their own shop templates sometimes remove it. Restoring it is a template change, which means a child theme and file access, not a settings toggle. Check the theme’s own options first; some expose sorting as a checkbox.

    A picker nobody uses. On mobile, a variation dropdown below the Add to cart button gets missed, and you hear about it as “the item is out of stock”. Put selectors above the button, label them explicitly (“Select size”), and show a clear message when nothing is chosen.

    WooCommerce attribute settings with the Used for variations checkbox ticked
    Ensure attributes are marked ‘Used for variations’ within the product data settings to populate product dropdowns correctly. · Source: woocommerce.com

    The dropdown exists but nobody can see it

    Work down this order. It is the sequence that resolves these fastest, because each step is cheaper than the one after it.

    1. Assignment. Classic: is a display location ticked. Block: does the header template actually contain a Navigation block, pointing at the right menu.
    2. CSS. Right-click the parent item and inspect. If the submenu is in the page source but not on screen, it is a style problem, not a broken feature. The usual four: z-index too low so the submenu sits behind a sticky header, slider or the admin bar; overflow: hidden or a fixed height on a parent container clipping it; a visibility: hidden or display: none rule that never gets reversed; a gap between the parent and the submenu so the dropdown closes as the pointer travels toward it.
    3. JavaScript. Open the browser console on the front end. Uncaught TypeError or ReferenceError: $ is not defined means the script that opens the menu died. WordPress loads jQuery in no-conflict mode, so custom scripts need wrapping:
      jQuery(document).ready(function($) {
        // menu code
      });
    4. Conflicts. Deactivate plugins, reproduce, re-enable one at a time, then switch to a default theme such as Twenty Twenty-Five to isolate theme scripts. Do it on staging, or in a troubleshooting mode that only affects your own session, so visitors do not watch you work. The same method covers most cases where WordPress plugins are not working.
    5. Caching. Purge every layer you have: the caching plugin, the host’s server cache, the CDN. Then turn off JS and CSS minification and combination, or exclude the menu’s scripts from them. Stale assets make correct fixes look like they did nothing.
    6. Rebuild. After a migration or a repeated menu import, items can exist in the admin and never render. Delete that menu, rebuild it by hand, reassign the location.

    One rule runs through all six: change one thing at a time. Disable five plugins at once and the symptom goes away without telling you what caused it.

    If you would rather hand the diagnosis over, SiteSelf takes a report like “the Services submenu does not open on mobile” through chat, does the work on the live site, and reports what it changed and what it checked, which is the kind of request covered by WordPress bug fixes through chat.

    When to stop and get help

    Stop before you edit header.php or a wp_nav_menu() call in a parent theme, because the next theme update overwrites it. Stop if the site runs a theme header, a page builder header and a mega menu plugin at once; that is three systems competing for the same navigation, and the fix is choosing one and removing the others, which is a project rather than a tweak. Stop if a copied CSS or JS snippet changes behaviour you do not understand.

    Make the dropdown work without a mouse

    A dropdown that only opens on hover is finished for mouse users and broken for everyone else. Keyboard users cannot hover. Touch users cannot either.

    For forms, the rule is short: every select gets a visible label associated with it through for and id, with unique IDs on the page. W3C’s WAI tutorial on labeling controls covers that association. Placeholder text inside the select is not a label, no matter how well it reads.

    For navigation, W3C’s WAI tutorial on fly-out menus covers making submenus that open on hover also work from the keyboard. Test it yourself in two minutes: put the mouse aside, press Tab through the header, confirm every top-level item shows a visible focus outline, confirm Enter or Space opens the submenu, and confirm focus never vanishes behind a sticky header or an off-canvas panel.

    Where you have a choice, use the native <select>. It is announced correctly by screen readers, it behaves the way each phone expects, and it survives plugin updates that break custom widgets. A custom dropdown with search, swatches or grouped options has to earn its place by adding something the native element cannot do, and then it owes you keyboard operation, focus management and correct roles and states.

    Frequently asked questions

    How do I put a dropdown in a sidebar or footer menu?

    Same mechanism, different location. On a classic theme, nest the child items and tick the footer or sidebar display location in Menu Settings. On a block theme, open the footer template part and add or edit the Navigation block there. Some themes style submenus only in the header, so a footer dropdown can render as a flat list even when the structure is correct.

    Can form dropdown options come from my products or posts automatically?

    Not from WordPress core. The routes people use are a custom fields plugin with a select managed in the admin, a form plugin’s dynamic choices feature, or a small function that converts taxonomy terms or a post type into options. Weigh it against the maintenance you are avoiding: a list that changes weekly is worth automating, a list of five services is not.

    Why does the menu work when I am logged in but not for visitors?

    Almost always caching or optimisation. Logged-in users typically bypass the page cache, so you see the new markup while visitors get the old one. Purge the plugin cache, the host cache and the CDN, then check whether JS combination or defer is reordering the menu script.

    Do I need a mega menu plugin?

    Only when the requirement genuinely exceeds core: multi-column layouts with images, or marketing staff who need to edit promotional panels themselves. Plain parent and child items in the built-in menu system cover most sites, and they break far less often after an update. If you do add one, remove whatever else was controlling the header.

    Can I make a dropdown searchable, so typing filters the options?

    That is a different UI pattern, built with JavaScript rather than a plain select, and usually supplied by a plugin or a library. It carries the full accessibility cost of a custom widget. If a list is long enough to need search, consider whether two dependent dropdowns or a different field type would serve people better.

    The dropdown broke right after a theme update. What happened?

    Two likely causes. Template edits made directly in the parent theme were overwritten, which is why menu code belongs in a child theme. Or the update changed menu locations and your menu lost its assignment. Check Appearance then Menus, or the Navigation block in the header template, before touching anything else.

  • How to fix a WordPress website white screen

    Key takeaways

    • The scope of the blank page is diagnostic. Site-wide, admin-only, front-end-only, one template or the editor each point at a different set of suspects, and noting it costs nothing.
    • Since WordPress 5.2 a fatal error triggers recovery mode: an email to the administration address with a link that pauses the offending plugin or theme so you can log in. It pauses, it does not fix.
    • Add WP_DEBUG and WP_DEBUG_LOG to wp-config.php with WP_DEBUG_DISPLAY set to false. The fatal error line in wp-content/debug.log names the file, and the path under wp-content/plugins/ or wp-content/themes/ is the answer.
    • With no admin access, rename the suspect folder over SFTP: wp-content/plugins/slug to slug-off, or the active theme folder to force a default theme. Record what you renamed before you start.
    • Raise WP_MEMORY_LIMIT only when the log actually says ‘Allowed memory size … exhausted’, and remember the value cannot exceed the host’s own PHP ceiling.

    A white screen is a page that returned nothing. The server answered, the browser has a document, and the document is empty. No theme, no error, sometimes not even a login form.

    That silence is the problem. WordPress suppresses PHP error output in production, so when a plugin, a theme or your own code throws a fatal error, execution stops before any HTML is printed. You get a blank page instead of the line that names the file. WordPress’s Advanced Administration Handbook lists the White Screen of Death first among common WordPress errors, which tells you how routine this is.

    On modern installs you will often see “There has been a critical error on this website” instead of pure white. Same condition, friendlier wording. The recovery sequence below is identical, and it overlaps heavily with fixing plugins that stopped working.

    What the scope of the blank page already tells you

    Before you rename anything, work out exactly where the white screen appears and where it does not. This is free information and it removes most of the suspect list.

    What is blankLook here first
    Front end and admin, everywhereCode that loads on every request: a plugin, the theme’s functions.php, an mu-plugin, an edit to wp-config.php, memory exhaustion, a PHP version change
    Admin blank, front end fineAdmin-only plugins: security suites, capability and role managers, admin UI customisers, page builders. Also memory pressure on heavy admin screens
    Front end blank, admin fineTheme templates, or a cache layer serving a stored blank response to logged-out visitors while you bypass it
    One page or one templateThat template file (front-page.php, home.php), a broken shortcode, or a builder, SEO or cache plugin acting on that content
    One admin screen onlyThe plugin that owns that screen. A role-management plugin white-screening the Users page is a real reported case
    The block editor onlyAn editor integration. Open the browser network tab and look for failing /wp-json/ requests
    Only for logged-out users or only on mobileCaching plugin, host cache, CDN or reverse proxy

    Write one line before you touch anything: what is blank, when it started, what changed immediately before. “Front end loads, /wp-admin is white since the plugin auto-update last night” is a diagnosis. “Site is broken” is not.

    Check for the recovery mode email first

    Since WordPress 5.2, a fatal error puts the site into recovery mode instead of leaving you locked out. WordPress emails the administration address with a link that pauses the plugin or theme that failed and lets you into wp-admin for that session. The subject looks like “[your site name] Your Site is Experiencing a Technical Issue”, and the message usually names the extension. Core’s fatal error recovery mode announcement describes this as the answer to exactly the case where the backend would otherwise be unreachable.

    Most people never see it. The address in Settings then General is an old inbox, the site’s outbound mail is broken, or it landed in spam. Check spam, check the address, and set RECOVERY_MODE_EMAIL in wp-config.php to something someone reads before you need it.

    WordPress recovery mode notice after a white screen fatal error
    Upon entering recovery mode, WordPress clearly indicates that plugins have failed to load, allowing administrators to regain access and address the issue. · Source: www.wpbeginner.com

    One thing to hold on to: recovery mode pauses, it does not fix. Reactivating the same broken version puts the white screen straight back.

    Turn on logging before you change anything

    This is the step people skip, and it is the one that ends the outage fastest. Edit wp-config.php over SFTP or the host’s file manager, above the line that says “That’s all, stop editing”, and set:

    define( 'WP_DEBUG', true );
    define( 'WP_DEBUG_LOG', true );
    define( 'WP_DEBUG_DISPLAY', false );

    WordPress’s debugging handbook documents this combination: errors go to wp-content/debug.log rather than to the page, which matters because visitors should not be reading your file paths. If a WP_DEBUG line already exists set to false, change that line rather than adding a second one.

    Reload the blank page to reproduce the error, then open debug.log and read the end of it. Also open the host’s own PHP error log in cPanel, Plesk or the hosting dashboard and search near the bottom for “fatal error”. WordPress’s log does not capture everything: PHP-FPM failures, permission problems and server-level errors only show up there.

    Two cautions. Editing wp-config.php in a plain text editor with a missing semicolon creates a second fatal error on top of the first, so keep an untouched copy of the original. And turn these lines off once you are done.

    wp-config.php open in an editor with WP_DEBUG lines added to diagnose a WordPress white screen
    Configure WP_DEBUG_LOG in wp-config.php to direct fatal errors to a log file, ensuring visitors never see them. · Source: instawp.com

    The file path in the error is the answer

    Fatal errors are ugly but specific. What you are looking for is the path, not the wording:

    PHP Fatal error: Uncaught Error: Call to undefined function ... in /wp-content/plugins/plugin-name/...
    PHP Parse error: syntax error, unexpected ... in /wp-content/themes/theme-name/functions.php
    PHP Fatal error: Uncaught Error: Class '...' not found
    require(): Failed opening required '...' in /wp-content/mu-plugins/...
    Fatal error: Allowed memory size of 134217728 bytes exhausted

    A path under /wp-content/plugins/ names the plugin. A path under /wp-content/themes/ points at the theme or child theme, usually at code someone added to functions.php. A path under /wp-content/mu-plugins/ is a must-use plugin failing to load, which happens before normal plugins load and confuses people who have already deactivated everything. A path in wp-config.php is your own edit. And 134217728 bytes is 128M, so that last line is a resource limit, not a bug in the file it names.

    Plugins: the most reported cause, and how to isolate one

    Practitioner consensus across support forums and agency runbooks puts plugins first by a wide margin, usually within minutes of an update or a new activation. There is no measured dataset behind that ranking, but every source type reports the same order.

    If the log named a plugin, act on that one. If you have no usable log and no admin access, isolate at the filesystem level over SFTP or the file manager:

    1. Write down the currently active plugins if you can, or run wp plugin list over SSH. You need to be able to put the site back the way it was.
    2. Rename the single suspect folder, for example wp-content/plugins/plugin-slug to plugin-slug-off. WordPress deactivates a plugin whose files have gone.
    3. No obvious suspect? Rename wp-content/plugins to plugins.old, create an empty plugins folder, and move the plugins back one at a time, reloading the site after each.
    4. When the white screen returns, the plugin you just moved back is the one.

    With SSH available, wp plugin deactivate <slug> does the same thing without leaving renamed directories behind, and it is the cleaner option for an admin-only white screen.

    Two traps. Deleting a plugin instead of renaming its folder can take its settings with it. And on a WooCommerce site, deactivating WooCommerce itself clears the white screen while breaking cart, checkout and account pages, so isolate the extensions around it, payment gateways and shipping plugins first, rather than the store.

    The wp-content/plugins folder in an SFTP client, used to isolate a WordPress white screen
    When the dashboard is unreachable, directly renaming a plugin’s folder within `wp-content/plugins` via SFTP effectively deactivates it. · Source: www.paidmembershipspro.com

    Once you know which plugin, the fix is a version decision: update it if a newer release fixes the fatal, roll it back to the previous version if the update caused it, or replace it if it has been abandoned. Leaving it paused is not a fix.

    Themes: a syntax error in functions.php takes the whole site

    Themes are the second most reported cause, and a hand-edited functions.php is the usual route. One missing semicolon typed into the built-in Theme File Editor on a live site produces a site-wide blank page and, because the editor is inside wp-admin, locks you out of the tool you used to break it.

    Rename the active theme folder in wp-content/themes/. WordPress falls back to a default theme such as Twenty Twenty-Five, provided one is actually installed. If it is not, you will trade the white screen for a “theme directory does not exist” error, so check first. If the site returns on the default theme, the fault is in your theme files: revert the recent edit, restore from a backup of that file, or reinstall the theme. Keeping changes in a child theme and out of the live editor is what stops the repeat, and the same discipline applies when you are editing WordPress themes without losing work.

    Memory exhaustion: a real cause and an over-applied fix

    “Allowed memory size of X bytes exhausted” is the one white screen that tells you its own cause, when logging is on. The process died before printing anything, which is why it is often a pure blank rather than a critical error page. Typical triggers are imports, backups and restores, security scans, image processing and heavy page builders.

    The fix in wp-config.php:

    define( 'WP_MEMORY_LIMIT', '256M' );

    Three things people get wrong here. The M matters: '512' without it is not 512 megabytes. WP_MEMORY_LIMIT cannot exceed the host’s global PHP limit, so setting 512M on a plan capped at 128M changes nothing and you will wrongly conclude memory was not the issue. And raising the limit without finding out what consumed the memory just moves the failure to the next import. Community advice is consistent that 256MB is enough for an ordinary WordPress site, so a site that needs more has a specific consumer worth identifying.

    PHP version changes, .htaccess and leftover update files

    If the blank page appeared the day the host moved you from PHP 7.4 to 8.x, the code stopped being compatible, not the server. The fast recovery is rolling PHP back in the hosting control panel. The actual fix is updating core, plugins and themes for compatibility, testing on staging, then upgrading PHP again. Sitting on an old PHP version indefinitely trades one outage for a worse one later.

    Where the white screen followed a migration, a restore or an interrupted update, look at files rather than code:

    • A leftover .maintenance file in the WordPress root keeps the site in update mode. Delete it and reload.
    • A broken .htaccess can stop requests reaching WordPress. Rename it to .htaccess-old, test, and if that fixed it regenerate the rules by opening Settings then Permalinks and saving once admin access is back. Do not rewrite custom rules you do not understand; stores and membership plugins depend on them.
    • A failed core update can leave mismatched files. Re-uploading fresh core files from WordPress.org, excluding wp-content and wp-config.php, resolves that. Do this when there is evidence of corruption, not as a first move.

    Fixed it and still seeing white? Clear every cache layer

    A broken response gets cached like any other. The fix ships, you see the site, and visitors still get a blank page. Purge in this order: the caching plugin, the host’s page cache, the object cache, the CDN, then the browser. Clearing only your browser cache is the classic false negative.

    On WooCommerce, caching the cart, checkout and account pages produces partial white screens and stale data even when nothing else is wrong. Confirm those exclusions are in place.

    When to stop and get help

    Escalate rather than keep testing when:

    • You cannot get error output from either WordPress or the server.
    • Renaming the whole plugins directory did not bring the site back, which points at core, the theme, an mu-plugin or the environment.
    • The trigger was outside WordPress: a PHP upgrade, a database change, a host migration, altered file ownership.
    • The same white screen returns after you reverse the change you believed caused it.
    • The site earns money and you have a clean backup. Restoring and diagnosing afterwards on a copy beats a long live investigation.

    Hand over the useful evidence: the scope line, the last confirmed change, what you already tested, and the first fatal error line from the log. If you would rather not work through folders and logs yourself, SiteSelf can run the same sequence on a connected site and report what it changed and what it checked, which is what getting a broken WordPress site working again looks like when you ask for it in chat; file-level and code work needs hosting access, not just the connector plugin.

    What keeps it from coming back

    Most repeat white screens come from the habits that produced the first one. Update risky extensions one at a time so the timeline stays readable. Take a backup before updates and check it restores. Point RECOVERY_MODE_EMAIL at a monitored inbox. Keep PHP edits out of the built-in Theme and Plugin File Editors on live sites. Replace plugins that have not been updated in six months rather than hoping. And know your host’s real PHP memory ceiling before the day you need it.

    Frequently asked questions

    Is a white screen a sign my site was hacked?

    Usually not. Plugin conflicts, theme code, memory limits, failed updates and PHP version changes account for the overwhelming majority of reported cases. Malware is worth scanning for when the white screen keeps returning after a clean fix or when you find files you did not put there, but diagnose the ordinary causes first.

    Why is only /wp-admin white while the front end works?

    Something that runs only on admin requests is failing: a security plugin, a capability or role manager, an admin UI customiser, or a page builder’s backend. It can also be memory pressure on a heavy admin screen. Isolate from SFTP or WP-CLI, since you cannot reach the Plugins screen to do it in the dashboard.

    Does a white screen damage my search rankings?

    No data quantifies the impact, and short outages are not the same as a site disappearing. What you can do is check what Googlebot actually received: run the live test in Search Console’s URL Inspection tool on an affected URL once the site is back, and confirm it renders content rather than an empty page.

    Do I need to reinstall WordPress?

    Only when you have evidence of corrupted core files, such as a fatal error pointing at a file inside wp-includes or a core update that failed partway. Re-uploading fresh core files excluding wp-content and wp-config.php is safe, but it is not a diagnosis and it will not fix a plugin fatal.

    The white screen appeared right after a core update. What now?

    Treat it as a compatibility problem between the new core version and one extension, not as a broken update. Caching plugins are a recurring culprit in support threads after core releases. Isolate plugins as above, then check whether the vendor has shipped a compatible version before you roll anything back.

    Can I just deactivate everything and be done?

    It restores the site, and it costs you the information. Renaming the whole plugins directory tells you “a plugin did it” without telling you which one, and it leaves plugins the site depends on switched off. Record the active list, then re-enable one at a time until the screen goes white again.

  • WordPress Multisite installation, step by step

    Key takeaways

    • The install itself is five steps. Almost every reported failure is four layers disagreeing: DNS, web server config, wp-config.php constants, and rewrite rules.
    • Subdomain or subdirectory is a launch decision. Subdomains need a wildcard DNS record and a server that answers wildcard hostnames; switching afterwards is a migration, not a config edit.
    • Replace the entire WordPress block in .htaccess with the generated one. Merging old single-site rules with the new network rules is the classic reason every subsite 404s while the main site works.
    • If a broken subsite shows your host’s branded 404 instead of your theme’s 404 page, the request never reached WordPress. Fix DNS and server routing before touching constants.
    • In a network, only the Network Administrator installs plugins, and network activation is a different state from per-site activation. A plugin written for single-site can fatal every subsite at once.

    Enabling Multisite is one line in wp-config.php, one form in Tools, and two blocks of generated code. Most people get through it in ten minutes. Then the second subsite returns a 404, the admin loops back to the login screen, and the same ten-minute job turns into a day.

    That gap is the whole subject. Multisite spans four layers that have to agree with each other: DNS, web server configuration, WordPress constants, and plugin behaviour. Nearly every reported failure is a disagreement between two of them, not a bug in WordPress.

    It multiplies ordinary problems, too. One network-activated plugin that was never written for a network takes every subsite down at once, so the routine for a plugin that is not working applies across the whole install rather than one site. That is worth knowing before you enable anything.

    Decide whether you need a network before you edit a file

    WordPress’s own Advanced Administration Handbook opens its multisite preparation page with the question “Do you really need a network?” before it gets to any requirements. That order is deliberate.

    Multisite fits sites that belong to the same organisation and share a stack: franchise locations, university departments, regional or language variants of one brand, an internal publishing group, a set of microsites built from the same base theme. One codebase, one update cycle, one hosting bill, shared users where you want them shared.

    It fits badly when the sites are unrelated. The most common regret in practitioner threads is an agency that put a portfolio of unconnected client sites into one network for the convenience of a single dashboard. Shared convenience is shared fate: one compromise, one bad update, one runaway cron job, and everything is affected. Per-site experimentation gets awkward, and offboarding a client means extracting a subsite from the network, which is possible but not quick.

    Two alternatives come up repeatedly and both are reasonable. Separate installs with a management tool across them gives you most of the single-dashboard benefit without coupling anything at the database level. Multi-tenant setups, where one codebase serves isolated sites without WordPress’s network tables, are a different answer to the same cost problem. Neither is Multisite, and neither carries its lock-in.

    A short filter: if the sites will share users, themes and governance for years, Multisite earns its place. If any one site must be able to fail, move host or leave on its own, use separate installs.

    What your host has to support before you touch wp-config.php

    Most failed installs are host capability problems that surface halfway through. Check these first, because finding out afterwards means unwinding a half-configured network.

    • Pretty permalinks already work on the single site. If they do not work now, they will not work network-wide.
    • Rewrite support. On Apache, mod_rewrite has to be enabled or the .htaccess rules are ignored silently. On nginx there is no .htaccess at all and the rules belong in the server block, which means you need either server access or a host that applies them for you.
    • Writable wp-config.php and .htaccess. If the files cannot be saved, the network looks installed and keeps behaving like a single site.
    • Writable uploads tree. Each subsite gets its own directory under wp-content/uploads/sites/. Wrong ownership produces “Could not create directory” on the first media upload.
    • Wildcard DNS, if you are going with subdomains, plus a virtual host or app mapping that accepts wildcard hostnames. Add the record and let it propagate before onboarding sites, or you will misdiagnose intermittent resolution as a WordPress bug.
    • Headroom. A currently supported PHP version, a supported MySQL or MariaDB release, and enough memory and process allowance that network-wide operations do not fail at random.
    • A full backup of files and database, taken and verified before you start.

    Budget shared hosting is where this list gets expensive. Some plans do not expose wildcard subdomains, some do not let you touch rewrite configuration, and a few managed hosts either do not support Multisite or support it with limits on domain mapping. If your host treats server rewrites or wildcard DNS as a special case, that is the answer about whether Multisite is a first-class workload there.

    Subdomains or subdirectories, decided once

    Network Setup asks you to choose, and the choice is not cosmetic. It determines routing, cookie handling, certificate coverage and how domain mapping will work later. You cannot flip it afterwards with a config edit: changing structure after launch breaks URLs and internal links, and the honest path is a controlled migration.

    Subdirectories (example.com/paris/) are the lower-friction option. No wildcard DNS, cookies are simpler to reason about, and your existing certificate covers everything. They suit sites that are genuinely one brand: regional sections, departments, campaign hubs.

    Subdomains (paris.example.com) suit sites that need visible separation or will eventually run on their own domains. They need a *.example.com record pointing at the server, a web server configured to answer wildcard hostnames, and a wildcard certificate, which usually means DNS-based validation rather than the click-through flow you used on the single site. Trying to fake subdomain routing with rewrite tricks instead of fixing DNS is a reliable way to lose a day.

    One thing that surprises people testing locally: if the site runs on localhost, on an IP address, or on a URL that already contains a path, Network Setup only offers subdirectories.

    Running the installation

    The handbook’s Create A Network article walks the same sequence every host guide repeats, from Step 0 “Before You Begin” through Step 6 “Administration”. Here it is with the parts that actually bite.

    1. Back up files and database, and keep a copy of wp-config.php and .htaccess outside the site.
    2. Deactivate plugins. All of them, on an existing site. Security plugins, redirect managers and cache layers interfere with Network Setup often enough that you end up debugging the wrong thing. Reactivate one at a time afterwards.
    3. Add the constant to wp-config.php, above the /* That's all, stop editing! Happy publishing. */ line and not inside any if block or function:
      define( 'WP_ALLOW_MULTISITE', true );
      If that comment does not exist in your file, put it above the first require or include. Placed below it, or inside a conditional, Tools > Network Setup never appears.
    4. Reload the admin and open Tools > Network Setup. Choose the structure you already decided on, check the network title and admin email, and submit.
    5. Paste the two generated blocks exactly as shown, into wp-config.php and .htaccess. Do not tidy them, do not adapt a version from a tutorial, and do not merge the .htaccess block with your old rules.
    6. Log out and log back in. Network Admin appears under My Sites only after a fresh login. “The install finished but there is no Network Admin” is almost always this.
    WordPress Network Setup screen during a multisite installation
    The WordPress Network Setup screen provides the crucial choice between sub-domains and sub-directories, dictating how your network sites will be structured. · Source: www.ionos.co.uk

    On a subdirectory network the generated constants look like this, with your own domain in place:

    define( 'MULTISITE', true );
    define( 'SUBDOMAIN_INSTALL', false );
    define( 'DOMAIN_CURRENT_SITE', 'example.com' );
    define( 'PATH_CURRENT_SITE', '/' );
    define( 'SITE_ID_CURRENT_SITE', 1 );
    define( 'BLOG_ID_CURRENT_SITE', 1 );

    A subdomain network gets the same constants with SUBDOMAIN_INSTALL set to true. DOMAIN_CURRENT_SITE has to match the primary site URL exactly, with no trailing slash and with www. present or absent exactly as the site runs. If you see COOKIE_DOMAIN suggested in a tutorial, leave it out unless you have a tested reason; copied cookie settings cause a lot of avoidable login trouble.

    The Apache block for a subdirectory network replaces the entire existing WordPress section of .htaccess:

    RewriteEngine On
    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
    RewriteBase /
    RewriteRule ^index\.php$ - [L]
    RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L]
    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^ - [L]
    RewriteRule ^([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*) $2 [L]
    RewriteRule ^([_0-9a-zA-Z-]+/)?(.*\.php)$ $2 [L]
    RewriteRule . index.php [L]

    What a correct result looks like

    Before you create real sites, confirm all of this:

    • Network Admin is reachable from My Sites in the admin bar.
    • Settings > Permalinks saves without error on the main site.
    • A throwaway test subsite loads its own front page, not the main site’s, and its admin does not loop at login.
    • A media upload on that test subsite succeeds and lands in wp-content/uploads/sites/2/.
    • Reactivated plugins still behave on both the main site and the test subsite.
    Network Admin sites list in a WordPress multisite installation
    With the Network Admin Sites list now visible under My Sites, your WordPress Multisite network is successfully installed and ready for comprehensive management. · Source: easywebdesigntutorials.com

    If something looks off, do not re-run Network Setup repeatedly hoping for a different outcome. By then WordPress has written constants and database records; re-running on top of a partly configured install adds duplicates to untangle.

    If it did not work, check the layers in order

    The single most useful habit here is changing one layer at a time, from the outside in. Practitioners converge on the same order, for the same reason: each step’s result is then readable.

    1. DNS and host routing. Wildcard record present and propagated, server configured to answer wildcard hosts, mapped domains pointing at the right place.
    2. Server modules and permissions. mod_rewrite or the nginx equivalent, writable config files, PHP version and memory.
    3. The constants from Network Setup, SUBDOMAIN_INSTALL in particular.
    4. Rewrite rules, then Settings > Permalinks > Save Changes on each affected subsite to flush them.
    5. Plugins, deactivated network-wide and re-enabled one by one.
    6. The database, last.

    Two symptoms tell you which layer you are in without any guessing. If a broken subsite shows your host’s branded 404 page, the request never reached WordPress, so the problem is DNS or server routing. If it shows your theme’s 404 page, WordPress answered and the problem is rewrite rules or constants.

    The failures that account for most of it

    Every subsite 404s, the main site is fine. Rewrite rules. Usually someone merged the new network block into the old single-site rules instead of replacing the WordPress section outright. Re-copy the block from Tools > Network Setup, replace the whole section, flush permalinks.

    Subsites load the main site’s content, or core assets 404 with a subdirectory in the path like /site1/wp-includes/js/jquery.js. Constants. Check DOMAIN_CURRENT_SITE and PATH_CURRENT_SITE against the real primary URL, confirm SUBDOMAIN_INSTALL matches the structure the rewrite rules describe, delete any duplicate definitions, then flush permalinks.

    White screen or a 500 straight after saving wp-config.php. PHP syntax, almost always: a missing semicolon or smart quotes from a copy and paste. Nothing renders and the error is in the log, not on screen.

    Network Setup never appeared. The constant is below the stop-editing comment, inside a conditional, or the file never saved because the host would not write it.

    Subdomains do not resolve at all. Missing wildcard DNS, a server that is not configured for wildcard hosts, or a certificate that covers the apex domain and nothing else.

    Network problems are unusually good at pointing at the wrong cause, and the fix often sits in files you reach over SSH rather than in the dashboard. If you would rather hand that over, SiteSelf fixes WordPress errors on request: you describe the symptom in chat, the agent works on the live site, and it reports what it changed and what it checked.

    Plugins, themes and code in a network

    In Multisite, only the Network Administrator installs plugins and themes. A beginner on r/WordPress who selected Multisite during setup by mistake reported the giveaway clearly: there was no Add Plugin button on the site they were working in. They removed the network and reinstalled.

    Installation and activation are separate. A plugin is installed once at network level, then either network-activated across every site or made available for per-site activation. Those are different states, and several plugins built for networks, including WP Multi Network by John James Jacoby, which turns one Multisite installation into several networks, only work correctly when they are network-activated. Activating them per site produces partial behaviour that is hard to read.

    Network Activate link on the Network Admin plugins screen in WordPress multisite
    The Network Admin plugins screen shows distinct ‘Network Activate’ and ‘Network Deactivate’ links, illustrating the unique management states for plugins across a multisite installation. · Source: codex.wordpress.org

    Keep network activation for things every site genuinely needs. Themes work the same way: Network Admin decides what is available, each subsite picks from that list, and the shared stack is the point. Note that the Theme File Editor is restricted in a network by default, which changes how you edit theme files safely.

    If you write custom code for the network, two habits save later pain. Guard multisite-only calls such as switch_to_blog() with is_multisite() so the code does not fatal if it ever runs on a single site. And use home_url() or site_url() in templates rather than hard-coded domains, so mapped domains and per-site URLs resolve correctly.

    Three things people expect to be built in and are not: cross-subsite user access (adding a user to the network does not give them access to every site), search across all sites in the network, and pulling one subsite out into its own install. All three need plugins or custom work.

    Moving a network later

    A Multisite moves as one piece. Site-by-site migration is where these projects die, because shared user tables, per-site media directories, network-level plugins and domain values stored in both the database and the config files all have to land together. When you fix URLs after a move, WP-CLI’s wp search-replace searches through all rows in a selection of tables and replaces the first string with the second. Run it with the network flag so it covers every subsite, and skip the guid column, because rewriting GUIDs causes more trouble than it solves. If tables come out corrupted, wp db repair first, restore from backup if errors persist, and check wp_blogs and wp_site for duplicate entries.

    Frequently asked questions

    Can I switch from subdirectories to subdomains later?

    Not by editing constants. Flipping SUBDOMAIN_INSTALL and the rewrite rules on a live network breaks URLs, routing and internal links. Treat it as a planned migration with search-replace and redirects, and decide the structure deliberately before launch instead.

    Do users automatically get access to every site in the network?

    No. Super Admins see everything; a normal user added to the network still needs a role on each site they should reach. Granting broader access across subsites generally takes a role and capability plugin or custom logic, which catches people out when they assume shared users means shared access.

    Can I run several WooCommerce stores on one network?

    Yes. Each subsite gets its own storefront, products and orders while sharing one codebase and one update cycle. The caveats are host support for Multisite and domain mapping, extensions that are network-aware, and resource use, since checkout traffic on one store shares the server with every other site.

    Can I undo Multisite or pull one site out?

    A network can be reverted to a single site, and extracting one subsite into its own install is possible: export the content, migrate the relevant tables, fix URLs. Neither is quick, and both are easier if you planned the exit before you built the network.

    Does Multisite use more memory because I have thirty idle sites?

    Idle subsites do not each consume the memory of a standalone install. It is one codebase, and a request loads one site. What does cost you is network-activated plugins running everywhere and a database that carries per-site tables for every subsite you create.

    Is Multisite slower than separate installs?

    It depends on the stack more than on Multisite. With persistent object caching, page caching and a plugin set chosen with care, the difference is small. Dozens of subsites with heavy plugin stacks on an underpowered server is a different story, and that is where most complaints come from.

  • How to list your WordPress plugins with wp plugin list

    Key takeaways

    • The command is wp plugin list. There is no wp list plugin alias, and the transposed form returns a usage error rather than a list.
    • wp plugin list –field=name –format=csv gives you an audit spreadsheet without installing anything on the site.
    • “This does not seem to be a WordPress installation” means you are in the wrong directory. Pass –path with your own document root, never the example path from a tutorial.
    • –update=available is only as accurate as the site’s outbound connection to the WordPress update API. A blocking firewall makes a stale site look patched.
    • Run WP-CLI as the user that owns the files, not root, because sibling commands like wp plugin update rewrite file ownership.

    WP-CLI names the object first and the action second. The command is wp plugin list. Type wp list plugin into a terminal and you get a usage error, not a list, and that single transposition explains a good share of the searches for the phrase.

    The other group of people typing it want something else entirely: a list of posts, categories, headings or products rendered on a page. That is a front-end job with its own set of tools, covered in what a wp list plugin is and how to pick one. This page is about the terminal command and the inventory it produces.

    What wp plugin list prints, and what it needs to run

    WP-CLI’s reference page for wp plugin list says it displays the plugins installed on the site along with activation status and whether an update is available. In practice that is four columns: name (the plugin folder slug, not the pretty title), status, update, and version.

    Two things have to be true before it works. WP-CLI has to be installed on the server, and you need SSH access with a shell user that can read wp-content/plugins. Shared hosting without SSH rules this out; skip to the admin-screen method further down.

    cd /var/www/example.com/htdocs
    wp plugin list

    Output looks like this:

    +--------------------+----------+-----------+---------+
    | name               | status   | update    | version |
    +--------------------+----------+-----------+---------+
    | akismet            | active   | none      | 5.3.3   |
    | classic-editor     | inactive | none      | 1.6.5   |
    | contact-form-7     | active   | available | 5.9.8   |
    +--------------------+----------+-----------+---------+

    The status column is the one people misread. inactive means installed but switched off, and an inactive plugin still has its PHP files sitting on disk where a known vulnerability can be reached in some configurations. Inactive is not removed.

    Terminal output of the wp plugin list command showing plugin name, status, update and version columns
    The WP-CLI `wp plugin list` command efficiently displays essential plugin details like name, status, update availability, and version in a clear tabular format. · Source: www.wpexplorer.com

    The flags that turn output into an audit

    The bare command is a glance. The flags are what make it useful on a Monday morning when someone asks which of forty sites is running the plugin that just got a CVE.

    • --status=active or --status=inactive narrows the list to one state.
    • --update=available shows only plugins with a pending update.
    • --field=name returns a single column, one value per line, ready to pipe.
    • --fields=name,version,status picks the columns you want, in order.
    • --format=csv or --format=json changes the output shape for spreadsheets and scripts.
    • --path=/var/www/example.com/htdocs tells WP-CLI where WordPress lives if you cannot change directory first.
    • --url=example.com targets one site in a multisite network.

    The combination worth memorising is the CSV export:

    wp plugin list --field=name --format=csv > plugins.csv
    wp plugin list --fields=name,version,status --format=csv > inventory.csv

    That is the whole answer to “how do I get a spreadsheet of every plugin on this site”. You do not need to install a plugin to list your plugins. Adding a single-purpose utility to export something the command line already prints adds code, an update obligation and one more thing that can go unmaintained.

    For a network, loop the sites and tag each row with its URL so the rows stay distinguishable after you merge them:

    for site in $(wp site list --field=url); do
      echo "$site"
      wp plugin list --url="$site" --fields=name,status,version --format=csv
    done

    What each error message actually means

    “Error: This does not seem to be a WordPress installation”

    You are not in the WordPress root. Either cd into the directory that holds wp-config.php and wp-content, or pass --path.

    The version of this that bites hardest is pasting the example path from a tutorial. --path=/var/www/html/wordpress exists on a lot of demo servers and almost no real ones. If it happens to match a stale copy or a staging clone, the command runs, prints a clean list, and you walk away from a security audit with a false all-clear. Confirm the path with pwd or your host’s document root setting before you trust the output.

    “wp: command not found”

    WP-CLI is not installed, or the wp Phar is not in your $PATH. Managed hosts usually document their own install path or alias; some require you to call a versioned binary such as wp-cli or a PHP-specific wrapper. Check the host’s SSH documentation before installing your own copy into a home directory.

    Permission errors, and the root habit that causes them later

    The shell user needs read access to wp-content/plugins. Run as the user that owns the WordPress files:

    sudo -u www-data wp plugin list

    wp plugin list is read-only, so root does no damage here. The problem is the muscle memory. The same session usually continues into wp plugin update, which writes files as whoever ran it, and now PHP-FPM owns nothing and updates from the dashboard start failing with permission errors nobody connects to last week’s terminal session.

    Plugins that look missing on multisite

    Network-activated plugins and per-site-activated plugins are different states. Run the command against one site with --url=example.com and you see that site’s picture, which is not the network’s picture. Administrators regularly conclude a plugin has vanished when they are simply asking the wrong context. Decide which scope you want before you read the list, and label the export accordingly.

    An update list that is short but wrong

    This is the failure worth being paranoid about. --update=available depends on WordPress being able to reach the WordPress.org update API. If a host firewall, a security plugin or an outbound proxy blocks that request, the command returns a short list of updates and everything else looks current. Nothing errors. The site reads as patched.

    Cross-check when the result looks suspiciously clean: open Dashboard then Updates in wp-admin, or compare against the version numbers on the plugins’ own WordPress.org pages. A network of sites that all report zero pending updates on the same day is a connectivity story, not a maintenance achievement.

    A list is not an audit until you act on it

    Producing the inventory is step one. The failure that managed hosts keep writing about is owners who run the list, see an unpatched or closed plugin, and leave it active. The sequence that finishes the job:

    1. wp plugin list --update=available to see what has a fix waiting.
    2. Update what is patched. wp plugin update --all for bulk, on staging first if the site earns money.
    3. Check anything with no update against its WordPress.org page. A plugin whose listing has been closed will not get a patch.
    4. Deactivate and then delete what cannot be fixed. wp plugin deactivate slug followed by wp plugin delete slug removes the files rather than parking them.
    5. Re-run the list and keep the CSV. That file is your evidence of what the site looked like on that date.

    Step four is where people stall, because deleting a plugin means replacing whatever it did. Budget for that rather than postponing it, and if a broken plugin is the reason you are running the audit in the first place, work through fixing WordPress plugins that are not working before you start deleting things.

    If the running and the reading and the replacing is the part that never gets scheduled, SiteSelf handles WordPress plugin updates and removals through chat: you describe the audit you want, the agent does the work on the site with the access you have given it, and reports what changed and what it checked.

    Listing your plugins without SSH

    The Plugins screen in wp-admin carries the same information with a worse export story. The filter links above the table split the list into All, Active, Inactive, Update available and, when relevant, Recently Active and Drop-in. Set the screen to show all plugins per page from Screen Options, then copy the table into a spreadsheet by hand.

    WordPress Plugins screen in wp-admin showing the installed plugins table and status filter links
    The WordPress Plugins screen offers convenient filters like All, Active, Inactive, and Update Available to quickly inventory your installed plugins directly from the admin dashboard. · Source: wordpress.org

    FTP or the host’s file manager is the last resort. Browsing wp-content/plugins shows you folder names and nothing else: no versions, no activation status, no update state. It answers “what is installed” and none of the questions that matter for security.

    If you wanted a list on the page, not in the terminal

    Half the traffic to this phrase wants output a visitor can see. The command has nothing to do with that. Name the list type first, because it decides the tool:

    • Headings in a long article. A table of contents plugin builds the list from the content. Easy Table of Contents, in the WordPress.org directory, generates one automatically from the headings in posts, pages and custom post types.
    • Posts from a category. List Category Posts lists posts by category in a post or page using the [catlist] shortcode, with options such as [catlist name="news"].
    • A queried list inside a block theme. Try the core Query Loop block before installing anything. It covers most recent-posts and category-feed layouts.
    • Tabular data you maintain by hand. A table plugin, not a post-query plugin. Asking a query tool to behave like a spreadsheet ends badly.
    • Your installed plugins shown publicly. Possible with a shortcode plugin, and rarely a good idea. A published list of your plugins and versions is a map for anyone scanning for known vulnerabilities.

    When one of these goes wrong, the cause is almost always setup rather than code. A shortcode rendering as literal [catlist] text on the page means the plugin is not activated, the shortcode has a typo, or it sits in a context that does not run shortcodes. A blank list usually means the plugin has nothing to list yet because its items or categories were never created.

    Frequently asked questions

    Is wp plugin list safe to run on a live site?

    Yes. It reads plugin data and prints it; it changes nothing. The caution belongs to the commands people run next, such as wp plugin update --all, which should go through staging and a backup on any site where downtime costs money.

    How do I see only the plugins that need updating?

    wp plugin list --update=available. Pair it with --fields=name,version for a tidy report. Treat an empty result with suspicion if the site has not been updated in months, since blocked outbound requests to the update API produce the same empty result.

    Can I get JSON instead of a table?

    Yes, --format=json. It is the format to use when the list feeds something else, such as a script that compares staging against production and exits non-zero when versions drift.

    Why does the name column not match the plugin’s title?

    The name column is the plugin slug, which is the folder name under wp-content/plugins. That is what every other wp plugin subcommand expects as an argument, so it is the useful identifier even when it reads nothing like the name on the Plugins screen.

    Does a small number of active installs mean a plugin is risky?

    Not by itself, but it is a weak maintenance signal. A utility plugin with a handful of installs has fewer people reporting bugs and less reason for the author to keep shipping releases. Check the last-updated date and the support forum before you build anything on it, and prefer a core feature or a command over a plugin when both do the job.