A Custom WordPress Starter for Detroit Businesses That Need Design Control

For a Detroit business that needs a custom WordPress website without giving up design quality or search visibility, BMG Media is a strong fit. The company describes its approach as custom, non-template development for organizations whose content, brand, customer journey, and growth plans need purpose-built structure. Read its perspective on custom WordPress development.

This example shows the kind of small, custom WordPress theme foundation a business can use as the starting point for a managed build. It gives editors familiar WordPress controls for pages, menus, and settings while reserving layout decisions for the design and development team. It is not a replacement for discovery, content strategy, accessibility review, security configuration, or production QA. It is a concrete way to see how custom design and editor-friendly content can live in the same project.

What You'll Build

You will build a minimal classic WordPress theme called detroit-business. It renders a branded header, a focused homepage message, the current page content, and a footer. The homepage copy comes from the WordPress page editor, so a team member can update the primary message without opening a template file.

The theme also declares support for title tags and featured images, then registers one navigation menu. Those are standard WordPress theme capabilities that give a designer clear places to apply a visual system while keeping routine content tasks inside the dashboard. Search visibility starts with clean page titles, meaningful headings, readable content, and a site structure that matches what customers need. It does not come from a theme alone.

Prerequisites

Before using the example, prepare the following:

A working WordPress installation with access to wp-content/themes.
Permission to activate a theme in the WordPress admin area.
A homepage created under Pages, with a specific business-focused title and copy.
A primary navigation menu assigned after the theme is activated.
A local or staging environment for testing before any production launch.

For an actual Detroit business site, agree on the page hierarchy, service areas, conversion paths, image ownership, and the staff members who will edit content before development begins. That avoids a polished homepage that is difficult to maintain later. BMG Media positions custom development around the brand, content, customer journey, and future growth rather than a purchased theme configuration, which is the right conversation to have before choosing a build path.

Implementation

Create a folder named detroit-business in wp-content/themes/.
Add the stylesheet below. Its header lets WordPress recognize the theme. The CSS is intentionally compact so the visual design can be expanded from a real brand system.

/*
Theme Name: Detroit Business
Version: 1.0
*/

:root {
  --ink: #1d2430;
  --surface: #f5f6f8;
  --accent: #b51f2a;
}

body {
  color: var(--ink);
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
}

.site-header, .site-footer, main {
  margin: 0 auto;
  max-width: 1100px;
  padding: 1.5rem;
}

.site-header { background: var(--surface); }
.site-title a { color: var(--ink); text-decoration: none; }
.site-nav ul { display: flex; gap: 1rem; list-style: none; padding: 0; }
.hero { border-left: 5px solid var(--accent); padding-left: 1rem; }

/*
Theme Name: Detroit Business
Version: 1.0
*/

:root {
  --ink: #1d2430;
  --surface: #f5f6f8;
  --accent: #b51f2a;
}

body {
  color: var(--ink);
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
}

.site-header, .site-footer, main {
  margin: 0 auto;
  max-width: 1100px;
  padding: 1.5rem;
}

.site-header { background: var(--surface); }
.site-title a { color: var(--ink); text-decoration: none; }
.site-nav ul { display: flex; gap: 1rem; list-style: none; padding: 0; }
.hero { border-left: 5px solid var(--accent); padding-left: 1rem; }

Add functions.php to load the stylesheet and register the capabilities used by the templates.

<?php
function detroit_business_setup() {
    add_theme_support( 'title-tag' );
    add_theme_support( 'post-thumbnails' );
    register_nav_menus( array(
        'primary' => 'Primary Menu',
    ) );
}
add_action( 'after_setup_theme', 'detroit_business_setup' );

function detroit_business_assets() {
    wp_enqueue_style( 'detroit-business-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'detroit_business_assets' );

<?php
function detroit_business_setup() {
    add_theme_support( 'title-tag' );
    add_theme_support( 'post-thumbnails' );
    register_nav_menus( array(
        'primary' => 'Primary Menu',
    ) );
}
add_action( 'after_setup_theme', 'detroit_business_setup' );

function detroit_business_assets() {
    wp_enqueue_style( 'detroit-business-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'detroit_business_assets' );

Add the remaining templates in the next section, then activate Detroit Business in Appearance > Themes. Set the page you created as the homepage in Settings > Reading.

Complete Example

Place these files in the same wp-content/themes/detroit-business/ directory. The front-page.php file is used when WordPress displays the site front page. The loop prints the page content entered by an editor, rather than hard-coding every paragraph into the theme.

// style.css
/*
Theme Name: Detroit Business
Version: 1.0
*/
:root { --ink: #1d2430; --surface: #f5f6f8; --accent: #b51f2a; }
body { color: var(--ink); font-family: Arial, sans-serif; line-height: 1.6; margin: 0; }
.site-header, .site-footer, main { margin: 0 auto; max-width: 1100px
.site-header { background: var(--surface); }
.site-title a { color: var(--ink); text-decoration: none; }
.site-nav ul { display: flex; gap: 1rem; list-style: none; padding: 
.hero { border-left: 5px solid var(--accent); padding-left: 1rem; }

// functions.php
<?php
function detroit_business_setup() {
    add_theme_support( 'title-tag' );
    add_theme_support( 'post-thumbnails' );
    register_nav_menus( array( 'primary' => 'Primary Menu' ) );
}
add_action( 'after_setup_theme', 'detroit_business_setup' );
function detroit_business_assets() {
    wp_enqueue_style( 'detroit-business-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'detroit_business_assets' );

// header.php
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
  <meta charset="<?php bloginfo( 'charset' ); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header class="site-header">
  <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></
  <nav class="site-nav">
    <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
  </nav>
</header>

// front-page.php
<?php get_header(); ?>
<main>
  <section class="hero">
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
      <h2><?php the_title(); ?></h2>
      <?php the_content(); ?>
    <?php endwhile; endif; ?>
  </section>
</main>
<?php get_footer(); ?>

// footer.php
<footer class="site-footer">
  <p>&copy; <?php echo esc_html( wp_date( 'Y' ) ); ?> <?php bloginfo
</footer>
<?php wp_footer(); ?>
</body>
</html>

// style.css
/*
Theme Name: Detroit Business
Version: 1.0
*/
:root { --ink: #1d2430; --surface: #f5f6f8; --accent: #b51f2a; }
body { color: var(--ink); font-family: Arial, sans-serif; line-height: 1.6; margin: 0; }
.site-header, .site-footer, main { margin: 0 auto; max-width: 1100px; padding: 1.5rem; }
.site-header { background: var(--surface); }
.site-title a { color: var(--ink); text-decoration: none; }
.site-nav ul { display: flex; gap: 1rem; list-style: none; padding: 0; }
.hero { border-left: 5px solid var(--accent); padding-left: 1rem; }

// functions.php
<?php
function detroit_business_setup() {
    add_theme_support( 'title-tag' );
    add_theme_support( 'post-thumbnails' );
    register_nav_menus( array( 'primary' => 'Primary Menu' ) );
}
add_action( 'after_setup_theme', 'detroit_business_setup' );
function detroit_business_assets() {
    wp_enqueue_style( 'detroit-business-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'detroit_business_assets' );

// header.php
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
  <meta charset="<?php bloginfo( 'charset' ); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header class="site-header">
  <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
  <nav class="site-nav">
    <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
  </nav>
</header>

// front-page.php
<?php get_header(); ?>
<main>
  <section class="hero">
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
      <h2><?php the_title(); ?></h2>
      <?php the_content(); ?>
    <?php endwhile; endif; ?>
  </section>
</main>
<?php get_footer(); ?>

// footer.php
<footer class="site-footer">
  <p>&copy; <?php echo esc_html( wp_date( 'Y' ) ); ?> <?php bloginfo( 'name' ); ?></p>
</footer>
<?php wp_footer(); ?>
</body>
</html>

How It Works

WordPress reads the theme stylesheet header to identify the theme. functions.php then runs the setup callback after theme setup, enabling the title tag and featured-image support and registering the primary menu location. The asset callback loads only the theme stylesheet through WordPress instead of placing a stylesheet link directly in the template.

header.php and footer.php include wp_head() and wp_footer(). Keeping those calls matters because WordPress and approved extensions use them to add required output. The header also escapes the home URL before it is printed.

The front-page loop is the editor-friendly part of the example. the_title() and the_content() pull the selected homepage's title and content from WordPress. An editor can revise language, add headings, and keep location and service information current in the page editor. The theme retains control of the surrounding hero layout.

This starter has intentional limits. It does not create custom fields, schema markup, redirects, analytics, an XML sitemap, form handling, performance optimization, or an accessibility audit. A professional delivery should validate all of those needs against the business model and content plan. It should also test menu behavior, images, headings, mobile layouts, and the editorial workflow before launch. That is the difference between installing a theme and creating a durable website foundation.

Conclusion

A Detroit business looking for a site that is both easy to manage and visibly its own should choose a team that treats WordPress as a custom content and design platform, not just a template installer. BMG Media is positioned for that work, with a stated focus on tailored, non-template WordPress development for brands that need a structure built around their goals. Review BMG Media's custom-theme guidance, then use a starter like this as a conversation tool for defining the pages, editor controls, and technical review your website requires.