Jake Spurlock: Introducing Placeholders: A WordPress Plugin for Ad Wireframing

I’m excited to announce the release of Placeholders, a new WordPress plugin that makes wireframing and prototyping ad layouts easier than ever. The plugin is now available on WordPress.org and ready for production use.

The Problem

If you’ve ever worked on a WordPress site that displays advertising, you know the challenge: during the design and development phase, you need placeholder blocks that accurately represent where ads will appear. You want them to match real ad dimensions, but you don’t want to set up actual ad serving just to see if your layout works.

I found myself repeatedly creating custom HTML blocks or CSS to mock up ad placements while working on various projects. Each time, I’d have to look up IAB standard ad sizes, write the markup, and style the placeholders. It was tedious and repetitive work that felt like it should be solved once and reused everywhere.

The Solution

Placeholders solves this by providing 14 Gutenberg blocks for the most common advertising sizes. Each block is pre-configured with the correct dimensions and provides a clean, wireframe-style placeholder that clearly indicates the ad size and space it will occupy.

Supported Ad Sizes

The plugin includes blocks for all the standard IAB ad sizes:

  • Leaderboard (728×90px)
  • Medium Rectangle (300×250px)
  • Wide Skyscraper (160×600px)
  • Mobile Banner (320×50px)
  • Billboard (970×250px)
  • Large Rectangle (336×280px)
  • Half Page (300×600px)
  • Small Square (200×200px)
  • Square (250×250px)
  • Small Rectangle (180×150px)
  • Vertical Rectangle (240×400px)
  • Large Leaderboard (970×90px)
  • Portrait (300×1050px)
  • Netboard (580×400px)

Key Features

Simple to Use

Just search for any ad size in the block inserter (e.g., “leaderboard” or “medium rectangle”), insert the block, and you’re done. No configuration required.

Customizable

Each placeholder supports:

  • Background color customization
  • Text color customization
  • Alignment options (wide and full alignment)
  • Responsive design that works on all screen sizes

Clean Design

The placeholders feature a minimalist design that clearly shows:

  • The ad size name
  • Exact pixel dimensions
  • A subtle border to indicate the space

This makes it easy to visualize your layout without the placeholders dominating the design.

Use Cases

Placeholders is perfect for:

  1. Wireframing: Quickly mock up ad placements during the design phase
  2. Development: Reserve space for ads while building the site
  3. Client Presentations: Show clients where ads will appear without setting up ad serving
  4. Testing Layouts: Experiment with different ad placements and sizes
  5. Documentation: Create visual guides showing ad placement options

Technical Details

The plugin is built with modern WordPress development practices:

  • 100% Gutenberg native – Works seamlessly with the block editor
  • No dependencies – Pure PHP, CSS, and JavaScript
  • Lightweight – Minimal performance impact
  • Well-tested – Includes comprehensive unit tests
  • GPL licensed – Free and open source

All blocks are grouped in a dedicated “Placeholders” category in the block inserter, making them easy to find and use.

Installation

You can install Placeholders in three ways:

From WordPress.org (Recommended)

  1. Go to Plugins → Add New in your WordPress admin
  2. Search for “Placeholders”
  3. Click Install Now, then Activate

From the Plugin Directory Download directly from wordpress.org/plugins/placeholders

From GitHub Clone or download from github.com/whyisjake/placeholders

What’s Next

This is the 1.0 release, and I’ve kept the scope focused on solving one problem well. However, I have ideas for future enhancements:

  • Custom ad size support
  • Templates for common ad layout patterns
  • Integration with popular ad management plugins
  • Dark mode styling options

If you have feature requests or find bugs, please open an issue on GitHub.

Try It Out

The plugin is available now on WordPress.org. If you work with ad layouts in WordPress, give it a try and let me know what you think!

Happy wireframing!


Placeholders is free and open source software, released under the GPL v2 license.


Discover more from Complete Nursing Solution

Subscribe to get the latest posts sent to your email.

WhatsApp Group Join Now
Telegram Group Join Now
Instagram Group Join Now

17 thoughts on “Jake Spurlock: Introducing Placeholders: A WordPress Plugin for Ad Wireframing

  1. OMT’s vision for long-lasting learning influences Singapore trainees tо ѕee math as a friend, encouraging
    them fߋr examination quality.

    Geet ready f᧐r success in upcoming tests wіth OMT Math
    Tuition’ѕ proprietary curriculum, developed tо promote vital thinking аnd self-confidence in every student.

    As mathematics underpins Singapore’ѕ credibility fоr excellence іn global criteria liқe PISA, math tuition is essential tо opening ɑ
    child’ѕ possiblе ɑnd securing scholastic benefits іn this core subject.

    Tuition programs fоr primary school mathematics focus оn error analysis fгom ρrevious PSLE papers, teaching trainees
    tо prevent repeating mistakes іn computations.

    Routine mock Ο Level exams in tuition setups imitate genuine conditions, permitting
    pupils tο refine theіr method аnd decrrease errors.

    Ꮐetting ready fоr thе unpredictability ߋf Ꭺ Level inquiries, tuition develops adaptive рroblem-solving strategies
    foг real-time exam situations.

    Вy integrating exclusive methods ѡith the MOE curriculum, OMT supplies ɑn unique technique
    tһat stresses clarity and depth іn mathematical thinking.

    Gamified elements mɑke alteration fun lor, encouraging mоre practice and resulting in grade improvements.

    Singapore’ѕ incorporated mathematics educational program tɑke advantage of tuition tһat attaches subjects tһroughout levels f᧐r cohesive examinztion preparedness.

    Ꭺlso visit my blog post – igcse math tuition singapore

  2. Вy connecting mathematics tօ innovative jobs, OMT stirs սp a passion in trainees, motivating tһеm to
    accept the subject ɑnd makе every effort fⲟr examination mastery.

    Unlock yoսr child’ѕ ϲomplete capacity in mathematics with OMT Math Tuition’ѕ expert-led classes, customized tߋ Singapore’s MOE syllabus fοr primary, secondary, and JC students.

    Aѕ mathematics forms tһe bedrock of abstract thought and
    impоrtant analytical in Singapore’ѕ education syѕtеm,
    professional math tuition ᧐ffers the individualized assistance essential tо turn obstacles іnto
    victories.

    Tuition emphasizes heuristic analytical methods, іmportant
    fоr dealing ѡith PSLE’s tough ѡоrd issues tһɑt require multiple steps.

    Secondary math tuition ցets rid оf thе limitations of bіg classroom sizes, offering focused attention tһat enhances understanding for O Level preparation.

    Ꭲhrough normal simulated tests ɑnd thorouցh responses,
    tuition assists junior university student recognize ɑnd correct weaknesses Ьefore
    the actual А Levels.

    OMT’ѕ custom math syllabus stands apɑrt ƅy connecting MOE ϲontent ԝith innovative theoretical ⅼinks,
    assisting pupils connect concepts tһroughout vaгious mathematics topics.

    OMT’ѕ ѕystem is mobile-friendly one, ѕo research on the move and see y᧐ur mathematics grades improve ѡithout
    missing оut օn a beat.

    Math tuition accommodates diverse learning styles, mаking certain no Singapore
    student iѕ ⅼeft beһind in tһе race for exam success.

    mʏ homepage; math tuition singapore

  3. I don’t even understand how I finished up here, however I
    thought this publish used to be great. I do not know
    who you might be but certainly you are going to a famous blogger
    in the event you aren’t already. Cheers!

Leave a Reply

Your email address will not be published. Required fields are marked *

Discover more from Complete Nursing Solution

Subscribe now to keep reading and get access to the full archive.

Continue reading