Creating a professional directory website can take a lot of time if you build every layout, listing page, taxonomy, and field manually. A faster workflow is to use an AI coding assistant, such as Sonnet 4 in your editor, to generate a custom WordPress theme from screenshots of a directory design you like. Then you can use scraped business data, ACF fields, and an XLSX importer to populate the site with listings.
Quick Answer
You can build a professional directory website by using Sonnet 4 to generate a custom WordPress theme from screenshots of your preferred design. Combine this with automated data scraping tools to populate your site with listings and a bulk importer plugin to manage the content efficiently. This workflow saves significant development time while delivering a tailored, functional design.
This guide walks you through building a custom law firm directory in WordPress. You will learn how to choose a design reference, scrape business data, configure your AI prompt, generate the theme, import listings, review the layout, and prepare the directory for launch.
Key Takeaways
- Start with a directory-style inspiration site that matches the structure, layout, and browsing experience you want.
- Use a scraper to collect business listing data, then export the results as an XLSX file for importing.
- Give Sonnet 4 clear theme variables, including folder name, site title, custom post type, taxonomy, category, and country.
- Use ACF and an importer plugin to connect spreadsheet fields to WordPress listing fields.
- Review taxonomy pages, individual listings, images, and navigation before publishing the directory.
At a Glance
| Best For | WordPress users who want to build a niche directory faster with AI-generated theme files and imported listing data. |
| Difficulty | Intermediate. You should be comfortable with WordPress, themes, plugins, local testing, and basic troubleshooting. |
| Tools Needed | Visual Studio Code, Local WP, Sonnet 4, GFast Scraper, Advanced Custom Fields, and an XLSX importer plugin. |
| Main Goal | Create a custom WordPress directory with listing pages, taxonomy archives, images, business details, and a design inspired by your screenshot reference. |
How to Select Inspiration and Prepare Business Data
Choose a directory-style website that matches the layout you want for your project. I selected a law firm directory with a clean, user-friendly design to serve as the blueprint.
When choosing an inspiration site, focus on structure rather than copying every detail. Look at the homepage layout, search bar placement, category navigation, card design, listing page format, spacing, colors, and mobile usability. The goal is to create a similar directory experience while building your own original brand and content.
Warning: Do not copy copyrighted logos, brand names, written content, or protected design assets from another website. Use the inspiration site only as a layout reference, then replace all branding, images, colors, text, and data with your own project assets.
Instead of building the theme manually, I fed a screenshot of this inspiration site into Sonnet 4. Before generating the theme, I needed a dataset to populate the directory. I used GFast Scraper to gather information, which is a reliable method for collecting business listings.
- Set the scraper to collect law firm data across the United States.
- Configured the tool to fetch 100 search results for a meaningful starting dataset.
- Scraped detailed information including names, addresses, business hours, and images.
After scraping, I saved the results as an XLSX file. This spreadsheet serves as the foundation for bulk importing listings into your WordPress database later.
Before importing, review the spreadsheet carefully. Clean duplicate business names, remove empty rows, standardize state and city names, and check that image URLs or image fields are mapped consistently. A clean file prevents broken listings, messy taxonomy pages, and import errors.
Configuring the Sonnet 4 AI Prompt for Theme Generation
You must provide structured instructions to Sonnet 4 so it understands how to build your theme. The prompt acts as a blueprint for the AI.
A strong prompt should explain the site purpose, directory niche, post type structure, taxonomy setup, required templates, fields, visual direction, and WordPress compatibility needs. The more specific your instructions are, the more useful the generated theme will be.
Your prompt should include these specific variables:
- Folder Name: Use a descriptive, hyphenated name like “law-firm-theme-sonnet-four”.
- Site Title: Define the name of your directory.
- Custom Post Type: Use a single, hyphenated word such as “law-firm” to categorize your listings.
- Custom Taxonomy: Choose categories like “state” to organize your content.
- Directory Google Cat: Classify the business type for SEO relevance.
- Country: Specify your target region.
Add a clear instruction at the end of your prompt for the AI to replicate the layout and color palette of your attached screenshots. This ensures the generated code reflects your visual inspiration.
Pro Tip: Ask the AI to create separate templates for the homepage, archive pages, single listing pages, search results, taxonomy pages, header, footer, and reusable listing cards. This makes the theme easier to edit later.
You should also ask the AI to keep the theme lightweight. Request clean PHP files, safe escaping, responsive CSS, accessible buttons, proper heading hierarchy, and clear comments only where they help future editing.
Running Sonnet 4 to Generate Your WordPress Theme
Open Visual Studio Code on your local machine. I recommend using Local WP for a safe, offline testing environment before you deploy your site live.
Create a new theme folder and paste your prompt into the Sonnet 4 interface. Upload your inspiration screenshots to guide the design process. Once you execute the process, the tool generates a complete WordPress theme including template files, post types, and taxonomy support.
Review the generated files before activating the theme. Check for important WordPress files such as style.css, functions.php, homepage templates, archive templates, single listing templates, and taxonomy templates. If your theme depends on ACF fields, confirm that the field names in the templates match the field names you plan to import.
Note: AI-generated code should be tested before use on a live site. Even when the first result looks good, you may still need to fix layout spacing, missing template logic, taxonomy queries, or field names.
Installing and Activating Your Generated Theme
Go to your WordPress dashboard and navigate to Appearance then Themes to find your newly generated theme. Activate it to apply the layout to your site.
You must install the Advanced Custom Fields (ACF) plugin to manage the listing data. Ensure you create an “acf-json” folder within your theme directory to house your field definitions. Move the JSON files into this folder, then refresh your dashboard to sync the fields properly.
After activation, visit the homepage, a listing archive page, and a single listing page. If anything looks broken, return to the theme files and check the template names, custom post type slug, taxonomy slug, and field keys. Most early issues come from mismatched naming between the prompt, theme code, ACF fields, and spreadsheet columns.
Importing Listings with the XLSX Importer Plugin
To populate your directory, use an importer plugin to map your XLSX file data to your custom post types. This automates the process and prevents manual data entry errors.
- Upload your prepared XLSX spreadsheet.
- Select your defined post type, such as “law-firm”.
- Link the “state” taxonomy to the regional address column in your file.
- Set up a child taxonomy for cities to create a clear, hierarchical category structure.
- Map the featured image field to ensure your listings display correctly.
Start the import process and monitor the progress. The plugin maps your spreadsheet rows to individual WordPress posts.
Run a small test import first instead of importing the entire file immediately. Import 5 to 10 rows, then check whether titles, addresses, phone numbers, business hours, images, states, and cities appear in the correct places. Once the test looks right, run the full import.
Pro Tip: Keep a backup of the original XLSX file and a cleaned version. If an import goes wrong, you can delete the test posts, adjust the clean file, and run the importer again without losing your source data.
Reviewing Design and Functionality
Preview your site once the import reaches 50 percent. Check that your header, footer, and navigation match your inspiration source.
Verify that your listing pages display the correct business hours and images. Your taxonomy-based browsing should also allow users to filter listings by state and city efficiently.
Test the site on desktop and mobile. Directory sites depend heavily on clean browsing, so make sure listing cards are readable, buttons are easy to tap, location pages load properly, and the search or filter experience feels simple.
A directory website is only useful if visitors can quickly find the right listing, trust the information, and move from category pages to individual listing pages without confusion.
Validating Data Structure
Test the navigation by clicking through various states and cities. Confirm that clicking a category shows the associated law firms.
Ensure that individual listing pages present the data clearly. Each page should show professional details such as contact information and nearby listings.
Pay close attention to taxonomy consistency. For example, avoid mixing “CA” and “California” as separate state terms unless you intentionally want both formats. The same rule applies to city names, abbreviations, and capitalization.
Also check whether each listing has a unique title, correct location data, working images, and complete business details. If several listings share the same missing field, fix the spreadsheet or field mapping before importing more records.
Optimizing Your Directory for Launch
Refine your site before going live to ensure a professional experience for your users.
- Fix taxonomy inconsistencies by converting all state abbreviations to full names.
- Replace placeholder logos and hero images with your own branding.
- Perform minor CSS tweaks to fix any layout gaps or alignment issues.
- Confirm all essential plugins like ACF and the importer are active.
Always consult a developer or technical professional if you encounter complex errors during the setup process.
Before launch, also check page speed, mobile layout, broken images, empty categories, missing contact fields, and duplicate listings. Add your privacy policy, contact page, and any required business or legal disclaimers for your niche.
Note: A law firm directory may include sensitive business and location information. Review your data source, usage rights, and local requirements before publishing scraped or imported listings.
Frequently Asked Questions
What is Sonnet 4?
Sonnet 4 is an AI model that can help generate and edit code when used inside an AI coding workflow. In this directory project, it is used to interpret screenshots, follow structured prompts, and produce WordPress theme files for a custom directory layout.
Can Sonnet 4 create exact website clones?
The tool can create a close approximation of a layout and color style, but it should not be used to copy copyrighted assets, branding, or protected content. You may still need manual CSS, PHP, or JavaScript edits for complex interactions and pixel-level design adjustments.
Do I need to know how to code?
You need basic familiarity with WordPress, plugin installation, theme activation, custom fields, and local testing. While the AI can handle much of the code generation, you still need to review the output, configure taxonomies, map fields, and fix any setup issues.
Is this method limited to law firm directories?
You can adapt this approach for many directory niches. By changing your scraping parameters, custom post type, taxonomy, field names, and design reference, you can build directories for restaurants, real estate, local contractors, medical services, or other business categories.
Why should I use an XLSX importer instead of adding listings manually?
An XLSX importer saves time when you have many listings. It lets you map spreadsheet columns to WordPress fields, taxonomies, featured images, and post titles so the directory can be populated in bulk instead of one listing at a time.
What should I check before publishing the directory?
Check the homepage, category pages, city pages, single listing pages, mobile layout, images, business hours, contact fields, taxonomy structure, empty archives, duplicate records, plugin settings, and any legal or data-use requirements for your niche.
Conclusion
By combining Sonnet 4 with automated scraping and import tools, you can launch a custom directory website in a fraction of the usual time. This workflow eliminates repetitive coding tasks and provides a solid foundation for your project.
Take your first step today by selecting a design to emulate and gathering your initial data. Experiment with different niches to refine your process and build a unique, professional directory.
Last Updated on June 27, 2026 by Logan Carter
