liveBookmanning.com

What you will learn in WordPress Power Toolkit: Harness AI to build next-level websites

Harness AI to build next-level websites

by Richard Mansfield

Read it on liveBook Get the book at manning.com

Chapter by chapter

Concepts explained in this book

• promptA prompt is an instruction or question supplied to an AI system to elicit a response or generated content.
• artificial intelligenceArtificial intelligence is the field of building computational systems that perform tasks associated with human intelligence, such as reasoning, language understanding, and content generation.
• CSSCSS code is source text written in CSS that declares styling rules for structured web content.
• GPT modelGPT is a family of generative transformer language models developed by OpenAI for text, reasoning, programming, and multimodal tasks.
• pluginA WordPress plugin is an installable software extension that adds or modifies functionality in a WordPress installation.
• ClaudeClaude.ai is a web-based platform that provides access to Anthropic's Claude artificial intelligence assistant.
• WordPress themeA WordPress theme is a collection of templates, styles, and configuration files that controls a site's presentation.
• AI optimizationAI optimization is the practice of improving website content and structure so AI systems can understand, recommend, and present it for relevant queries.
• navigationA WordPress interface element, widget, or block that presents links to site pages and other destinations.
• custom GPTA custom GPT is a configured GPT-based assistant with user-supplied data and instructions for specialized purposes.
• keywordA keyword is a significant word or short phrase submitted to a search engine or AI system to identify information a user wants to find.
• search engine optimizationSearch engine optimization is the practice of improving a website so that search engines rank it more favorably for relevant queries.
• HTMLHTML is the markup language that structures the content and layout of documents displayed by web browsers.
• rule of thirdsThe rule of thirds is a visual-composition technique that divides an image into nine equal sections using two horizontal and two vertical lines, emphasizing focal points near their intersections.
• accessibilityAccessibility is the design and evaluation of digital content so that people with diverse abilities can perceive, understand, navigate, and interact with it.
• hostingA web hosting service provides server infrastructure and network access for publishing and delivering websites online.
• designSite design is the planning and creation of a website's visual appearance, layout, and user-facing presentation.
• style attributeThe style attribute is an HTML attribute that contains CSS declarations applied directly to one element.
• WordPressWordPress is an open-source content management platform for creating and managing websites.
• MidjourneyMidjourney is a generative artificial intelligence service that creates images from text prompts and related inputs.
• typographyTypography is the arrangement and visual treatment of written characters, including typeface selection, sizing, spacing, and line layout.
• GeminiGemini is Google's generative artificial intelligence service for interacting with and producing content from natural-language prompts.
• cropA crop tool is an image-editing control for selecting and retaining part of an image while removing content outside the selection.
• conversational aiAn AI system is a software system that uses artificial-intelligence methods to perform tasks such as interpreting queries and generating or ranking answers.
• focal pointA focal point is the most visually prominent element or location in a composition that attracts and directs the viewer's attention.
• cascadeThe CSS cascade is the rule-resolution process that determines which CSS declarations apply when multiple declarations match an element.
• bounce rateBounce rate is the proportion of website visits that end after the visitor views only one page or takes no further tracked action.
• hypertext linkA hyperlink, or link, is a clickable reference that directs a user to another location on the web, within a document, or to an action.
• home pageA home page is the primary or entry page of a website that visitors typically see when they arrive at the site.
• white spaceWhite space, or negative space, is an area of a design free of content that separates elements, balances layout, and supports readability.
• CSS classA CSS class is a reusable identifier assigned to HTML elements so that shared CSS style declarations can be applied to them.
• AI agentAn AI agent is an artificial system that perceives information, selects actions, and executes them to achieve programmed objectives.
• childA webpage positioned hierarchically beneath a parent page in a website's structure.
• conversionA conversion is the completion of a desired website action, such as submitting an email address, subscribing to a newsletter, or making a purchase.
• aspect ratioAn aspect ratio is the proportional relationship between the width and height of an image or other rectangular visual area.
• MonsterInsightsMonsterInsights is a WordPress analytics plugin that connects a site to Google Analytics and presents reports about traffic, audiences, downloads, links, and conversions.
• YellowPencilYellowPencil is a WordPress plugin that provides a visual interface for creating and editing CSS-based page styling.
• Perplexity AIPerplexity is an AI search and answer platform that retrieves current web information and presents concise, cited responses.
• SeedProdSeedProd is a WordPress plugin for creating landing pages and visitor-facing coming-soon or maintenance screens.
• All in One SEOAll in One SEO (AIOSEO) is a WordPress search-engine-optimization plugin that provides site audits, sitemap generation, schema support, and content optimization features.
• fontA font is a specific set or instance of type characterized by qualities such as size, style, and weight.
• CSS selectorA CSS selector is a pattern that identifies the HTML elements to which a CSS rule applies.
• WordfenceWordfence is a WordPress security plugin that provides firewall protection, monitoring, malware scanning, and file-integrity checking.
• alt-textAlternative text (alt text) is a textual description associated with an image that conveys its meaningful content when it cannot be seen or is read by assistive technology.
• JetpackJetpack is a WordPress plugin suite that provides modules for security, performance, marketing, design, forms, galleries, and related site functions.
• outpaintingOutpainting is an AI-assisted image-generation technique that extends one or more image edges with new content consistent with the source image's perspective, style, and subject matter.
• line-height propertyLine height is the vertical spacing between successive lines of text, typically expressed as a multiple of the font size.
• responsive web designResponsive design is a web-design technique that adapts page layout and content presentation to the viewer's screen size.
• layoutLayout is the arrangement and positioning of visual and textual elements within a page or other design.
• Google Search ConsoleGoogle Search Console is a Google web service that reports search performance, indexing status, and technical problems affecting a website's presence in Google Search.
• alignment trainingThe alignment problem is the challenge of ensuring that an AI system’s behavior remains consistent with human values and goals.
• web formA web form is an interface that collects information entered by a website visitor for submission to a site or service.
• sans serif typefaceA sans serif typeface is a typeface whose characters lack projecting finishing strokes and typically have relatively plain, uniform forms.
• chain-of-thought promptingChain-of-thought reasoning is a problem-solving technique in which an AI model generates intermediate reasoning steps before producing a final answer.
• call-to-actionA call to action is an instruction or prompt intended to lead a website visitor toward a desired action or destination.
• Gutenberg block editorThe Gutenberg block editor is WordPress's content editor that builds posts and pages from modular content blocks.
• anchor elementAn anchor tag is the HTML element that defines a hyperlink and its linked content.
• hrefThe href attribute specifies the destination URL or document location of an HTML hyperlink.
• id attributeAn id attribute assigns a unique identifier to an HTML element so it can be targeted within a document or by a link.
• W3C Markup Validation ServiceThe W3C Markup Validation Service is a web service that checks HTML documents for conformance errors.
• frontend load time metricThe elapsed time required for a web page and its resources to load and become available in a user's browser.
• blogA blog is a website or website section containing frequently updated posts, often allowing audience interaction and providing an archive of earlier posts.
• Google Analytics 4Google Analytics is a web analytics service that collects, analyzes, and reports on user activity and traffic for websites and applications.
• classic blockA Classic block is a Gutenberg content block that provides the traditional WordPress editor interface within a block-based page.
• text editorThe Code Editor is an editing view that displays and permits modification of a page's underlying HTML markup.
• browser developer toolsA browser inspector is a browser-integrated developer tool for examining and modifying a web page's HTML, CSS, layout, and runtime presentation.
• sitemapAn XML sitemap is a structured XML file that lists website URLs and related metadata for search-engine discovery and indexing.
• UpdraftPlusUpdraftPlus is a WordPress backup plugin that creates, schedules, stores, and restores copies of site files and databases.
• closed captionCaptions are synchronized textual representations of spoken dialogue and relevant audio information in audiovisual content.
• advertisementAn advertisement is a paid or promotional message presented to attract attention to a product, service, or organization.
• visual balanceBalance is the visual distribution of elements that creates a stable and harmonious composition.
• GPT-4oGPT-4o is an OpenAI multimodal generative model that supports text, visual, mathematical, programming, and spoken interaction.
• follow-up questionA follow-up question is a question asked after an initial AI request to obtain missing information or refine the desired response.
• AkismetAkismet is a spam-filtering WordPress plugin that evaluates submitted content against known spam patterns and databases.
• WPFormsWPForms is a WordPress plugin for creating contact forms with configurable features and fields.
• artificial general intelligenceArtificial general intelligence is AI capable of performing a broad range of intellectual tasks at or above human level.
• Not DiamondNot Diamond is an AI model aggregator that routes prompts to or queries multiple leading AI systems.
• NotebookLMNotebookLM is Google’s AI research and note-taking assistant that analyzes user-provided sources and generates grounded summaries and study materials.
• WordPress widgetA WordPress widget is a configurable site component that displays content or functionality in a widget-ready area such as a sidebar.
• spamSpam is unsolicited or unwanted digital communication, especially bulk messages sent through email or online services.
• menu itemA menu item is an individual labeled entry in a website navigation menu that links to or represents a destination.
• SSLSecure Sockets Layer (SSL) is an obsolete cryptographic protocol for encrypting communications between clients and servers, largely superseded by Transport Layer Security.
• LighthouseLighthouse is an open-source tool that audits web pages for performance, accessibility, best practices, search engine optimization, and progressive web app characteristics.
• knowledge graphA knowledge graph is a structured network of entities and labeled relationships that represents interconnected knowledge for querying and analysis.
• visualizationA visualization is a graphical representation of data designed to reveal patterns, comparisons, or other information.
• social mediaSocial media is a collection of online services that enable users or organizations to publish content and interact with audiences.
• compositionA visual composition is the deliberate arrangement of elements within an image, artwork, or web page.
• font-size propertyFont size is the typographic setting that determines the displayed height of text characters, commonly specified in pixels.
• toneTone is the emotional or attitudinal quality conveyed by written language toward its subject or audience.
• Easy Google FontsEasy Google Fonts is a WordPress plugin that adds Google Fonts typefaces and typography settings to supported themes.
• color paletteA color scheme is a coordinated selection of colors applied to a website's visual design.
• multimodal dataMultimodal input is information supplied to an AI system through multiple modalities, such as text, images, audio, or video.
• parent pageA parent page is a page that contains or hierarchically precedes one or more child pages in a website structure.
• title elementA headline is a prominent title or introductory line that summarizes and introduces the text that follows.
• CopilotCopilot is a family of AI-powered assistant products that generate or transform content in response to user instructions.
• GrammarlyGrammarly is a writing assistance tool that analyzes text for grammar, style, and related issues.
• QuillbotQuillbot is an AI writing tool that provides functions such as summarization, paraphrasing, and text checking.
• contrastContrast is the difference between visual elements, including color or luminance differences, that makes distinctions and relationships perceptible.
• website analyticsWebsite analytics is the practice of collecting and analyzing data about website visitors, their interactions, and site performance.
• staging environmentStaging is the practice of creating a separate copy of a website for making and testing changes before applying them to the live site.
• broken linkA dead link is a hyperlink whose target is unavailable or invalid and therefore does not lead to the intended resource.
• Media LibraryThe WordPress Media Library is the built-in repository and management interface for media uploaded to a site.
• inpaintingInpainting is an AI image-editing technique that replaces or removes selected image content while generating visually consistent content in its place.
• deep learningDeep learning is a machine-learning approach that uses multilayer artificial neural networks to learn hierarchical representations from large amounts of data.
• digital imageAn image is a visual digital asset displayed as part of online content.
• minimalismMinimalist design is a visual style that reduces elements to essential forms with little decoration or visual clutter.
• symmetrySymmetry is a visual arrangement in which corresponding parts have matching or mirrored proportions around an axis or center.
• permalinkA permalink is a persistent URL assigned to an individual web page or post.
• CSS animationA CSS animation is a browser-rendered visual effect defined by CSS that can change one or more element properties over time according to timed keyframes.
• keyframes at-ruleA keyframe is a specified state or time point in an animation sequence that defines values such as position, rotation, or scale.
• Google XML SitemapsGoogle XML Sitemaps is a WordPress plugin that generates XML sitemaps to help search engines understand a site's structure.
• target audienceA website audience is the intended or actual group of people who view and interact with a site.
• page builderA page builder is a website-editing tool that provides visual layout construction, templates, and styling controls, often without requiring code.
• menuA menu is a navigational list of links or options that provides access to sections or functions of a website.
• video elementA video player is a software interface component that displays video and provides playback controls.
• e-commerce websiteAn e-commerce site is a website that presents or sells goods or services online.
• freemium themeA freemium theme is a website theme that provides a free basic version alongside optional paid features or upgrades.
• long-tail queryA long-tail keyword is a relatively long, specific search phrase targeting a narrower user intent than a broad keyword.
• visual weightVisual weight is the perceived prominence or heaviness of an element or region in a visual composition.
• hero imageA hero image is a prominent introductory image displayed near the top of a website or page.
• file sizeImage file size is the amount of digital storage required to store an image file.
• data miningDeep data mining is the computational analysis of large or complex datasets to discover patterns, relationships, anomalies, and predictive signals.
• Adobe PhotoshopPhotoshop is Adobe's professional raster image-editing application.
• experimentationA/B testing is an experimental technique that compares two or more variants to determine which performs better against a chosen outcome.
• submenuA submenu is a secondary navigation list containing options or pages subordinate to a main menu item.
• styleWriting style is the characteristic manner in which language is expressed, including its diction, idioms, structure, and tone.
• cookieA cookie is a small text file that a website stores on a user's device to retain information, track activity, personalize experiences, or support data collection.
• web searchA search tool is a website interface that accepts a query and locates matching site content.
• letter-spacingLetter spacing is the amount of horizontal space placed between adjacent characters in text.
• machine learningMachine learning is a branch of artificial intelligence in which computational systems learn patterns or behaviors from data rather than being explicitly programmed for every outcome.
• e-commerce pluginWooCommerce is an open-source e-commerce platform implemented as a WordPress plugin.
• editorAn editor role is a WordPress user role that can manage site content and moderate posts but cannot manage users, settings, plugins, or themes.
• prompt engineeringPrompt engineering is the practice of designing and refining instructions supplied to an AI system to influence its behavior and outputs.
• certificateA certificate is a credential issued to recognize completion of a course or fulfillment of specified learning requirements.
• browser toolA browser tool is an interface that allows an AI system to issue web queries and inspect retrieved pages within a controlled environment.
• scrapingData scraping is the automated collection of information from websites or other digital sources for storage or analysis.
• backlinkA backlink is a hyperlink from another website to the website being evaluated.
• reviewA review is a user's evaluative statement about a product, service, website, or plugin.
• GPT BuilderGPT Builder is an interface for creating and configuring custom GPT assistants.
• sidebarA sidebar is a secondary vertical area of a website layout that displays supplementary content or controls alongside the main content.
• websiteA website is a collection of interlinked web pages and other resources available under a web address.
• customer supportCustomer service is assistance and communication provided to customers before, during, or after their interactions with a business.
• unique visitorA unique visitor is a distinct website visitor counted once within a defined measurement period or tracking scope, regardless of repeated visits or page views.
• screen readerA screen reader is assistive software that converts digital interface content into synthesized speech or braille for people who cannot rely on visual display.
• discussion forumAn online forum is a web-based discussion space where users post messages and respond to topic-based threads.
• navigation labelA navigation label is the text displayed for a menu item in a website's navigation interface.
• generative expandGenerative expand is Photoshop's image-editing feature for enlarging an image canvas with AI-generated content.
• generative fillGenerative fill is Photoshop's image-editing feature for replacing selected regions with AI-generated content.
• ciphertextAn encrypted message is a message transformed into an encoded representation intended to prevent direct reading without decoding.
• emotional intelligenceEmotional intelligence is the capacity to perceive, understand, regulate, and respond appropriately to emotions in oneself and others.
• keyboard shift errorA keyboard shift error is a text corruption pattern caused by entering characters adjacent to the intended keys on a keyboard layout.
• Turing testThe Turing test is an evaluation in which a machine is judged intelligent if a human evaluator cannot reliably distinguish its conversation from that of a human.
• intentionUser intent is the motive or objective underlying a user's search query.
• categoryA WordPress category is a taxonomy label that groups blog posts and lets visitors view posts assigned to that label.
• WordPress analytics pluginA WordPress analytics plugin is a WordPress extension that collects, analyzes, or presents data about website visitors and site performance.
• relevanceSearch relevance is the degree to which a search result corresponds to the meaning and subject matter of a user's query.
• custom instructionsCustom instructions are user-supplied settings that guide an AI assistant's behavior and responses across conversations.
• horizon lineA horizon line is the visual boundary separating the sky from the ground or other landscape surface in an image.
• HTML tagAn HTML tag is markup enclosed in angle brackets that identifies an HTML element or its boundary in a document.
• performanceWeb performance is the efficiency with which a website loads, responds, and delivers an interactive experience.
• plugin conflictA plugin conflict is an incompatibility between software extensions that causes unintended behavior or prevents site functionality from working correctly.
• ppiPixels per inch is a measure of how many image or display pixels occupy one linear inch.
• resizeImage resizing is the process of changing an image's pixel dimensions while optionally preserving its proportions.
• resolutionResolution is the amount of detail represented in a digital image or display, commonly expressed through pixel dimensions or density.
• keyword stuffingKeyword stuffing is the practice of inserting a search term excessively into website content to influence search rankings.
• buttonA button is a clickable interface control that either performs an action or links to a destination.
• heat mapA heatmap is a color-coded visual representation of the intensity or density of user interactions across a web page.
• keyboard interactionKeyboard navigation is an interaction technique that allows users to move through and operate interface components using keyboard controls.
• user-agent styleBrowser default styles are built-in CSS styling values that a browser applies to HTML elements when no author styles override them.
• placeholder pageA placeholder page is a page created with its structural identity and title but without its final text or media content.
• GoGo is a two-player strategy board game in which players place stones on a grid to control territory and capture opposing stones.
• additional CSS classes fieldThe Additional CSS Classes field is a Gutenberg block setting for entering one or more CSS class names.
• Advanced moduleThe Advanced module is a Gutenberg sidebar panel that exposes additional block settings such as CSS classes.
• AI-assisted analysisAI-powered analytics is the analysis of data with artificial-intelligence methods to generate insights, identify patterns, and support predictions or decisions.
• transitionA transition effect is a CSS-rendered visual change that occurs over time between element states.
• indexing status checkAn indexing status check reports whether a crawled web page has been analyzed and stored in a search engine's index.
• news siteA news site is a website that publishes current news and journalism.
• search query analysisSearch query analysis is the examination of queries that bring visitors to a website and the site's positions for those queries in search results.
• style.css fileA theme stylesheet is the CSS file supplied by a WordPress theme to define the site's default visual presentation.
• learning platformAn online learning platform is an internet service that provides educational courses, lessons, assessments, or learning materials to users.
• code readabilityReadability is the degree to which displayed text can be easily recognized and understood by its intended audience.
• frontend developmentA website frontend is the visitor-facing portion of a site rendered for interaction in a web browser.
• ad placementAd placement is the practice of positioning advertisements within a website so they are visible without disrupting content consumption or navigation.
• authorizationA permission is an authorization specifying an action that a person may or may not perform on a website or with protected content.
• freemium pluginA freemium plugin is a plugin offered in both free and paid versions.
• embed codeHTML embed code is markup that incorporates externally hosted content into a web page.
• primary menuA primary menu is a WordPress navigation-menu location positioned by a theme near the top of site pages.
• CSS box modelThe CSS box model represents an element as content surrounded by padding, border, and margin areas.
• style propertyA CSS property is a named styling attribute whose value specifies an aspect of an element's presentation.
• assistive technologyAssistive technology is hardware or software that enables people with disabilities to access, operate, or interact with digital content.
• schema markupSchema markup is structured labeling embedded in web content that identifies entities, properties, and values so software can interpret the content's meaning.
• videoVideo is time-based visual content that may include synchronized sound and is delivered digitally.
• Jetpack Form moduleThe Jetpack Form module is a Jetpack feature that provides a basic web form for collecting visitor information and subscriptions.
• Jetpack moduleA Jetpack module is an independently activatable feature component within the Jetpack WordPress plugin suite.
• serifA serif typeface, or serif font, is a typeface whose characters have projecting finishing strokes at the ends of their main strokes.
• Google Site KitGoogle Site Kit is Google's WordPress plugin for connecting a site to Google services and displaying selected service data in the WordPress dashboard.
• code generationCode generation is the production of source code by an automated system from instructions, specifications, or other inputs.
• coming soon pluginA coming soon plugin is a WordPress extension that replaces a site's visitor-facing content with an under-construction or launch message while authorized users can view the site.
• database tableAn HTML table is a structured arrangement of data in rows and columns represented with HTML elements for rows, columns, and cells.
• class attributeA class attribute is an HTML attribute that assigns one or more CSS class names to an element.
• funnelA purchase funnel is a marketing model describing how potential customers progress from initial awareness through consideration to conversion.
• HTML elementAn HTML element is a document structure consisting of an opening tag, optional content, and a closing tag or equivalent empty-element syntax.
• what you see is what you getWhat you see is what you get is an interface paradigm in which the on-screen editing view closely represents the resulting rendered output.
• media placementMedia placement is the deliberate positioning of images, video, and other media within a page layout to support hierarchy, relevance, readability, and navigation.
• caching pluginA caching plugin is a software extension that stores generated website content so later requests can be served with less processing.
• code concatenationCode concatenation is the combination of multiple code files into a single file for delivery and processing.
• code minificationCode minification is the removal of unnecessary characters from source or executable code to reduce file size without changing its intended behavior.
• WP RocketWP Rocket is a WordPress performance plugin that provides caching, compression, file optimization, and related page-speed features.
• classic editorThe Classic Editor is the WordPress editing interface and plugin that provides the pre-block-editor post and page editing experience.
• role promptingRole prompting is the technique of assigning an AI a specified profession, personality, expertise, or character through an instruction.
• Crazy EggCrazy Egg is a website analytics service that provides insights into visitor behavior through techniques such as heatmaps and session analysis.
• research paperA research paper is a formal document that presents scholarly analysis, methods, evidence, and conclusions.
• accessibility testAccessibility analysis is the evaluation of a digital interface against requirements for access by people with disabilities.
• aria semanticsAn ARIA role is a semantic label assigned to an HTML element to identify its interface purpose or content type to assistive technologies.
• axe DevToolsaxe DevTools is an accessibility testing tool that analyzes web pages for accessibility violations and provides remediation guidance.
• skip linkA skip link is a navigation link that lets keyboard and screen-reader users bypass repeated or nonessential page content.
• WAI-ARIAAccessible Rich Internet Applications (ARIA) is a web standard for adding semantic roles, states, and properties to HTML interfaces so assistive technologies can interpret them.
• plagiarismPlagiarism is the publication or presentation of another source's content as one's own without appropriate attribution or original revision.
• Fibonacci spiralA Fibonacci spiral is a compositional curve constructed from adjoining squares whose side lengths follow Fibonacci numbers and arcs drawn through those squares.
• golden ratioThe golden ratio is the irrational proportion approximately equal to 1.618 that divides a whole into parts whose ratio matches the ratio of the larger part to the smaller part.
• compressionCompression is the reduction of digital data size while preserving the information needed to reconstruct or use it.

These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.