Tutorial overview

How do you build a website with the CQIP Static framework?

Upload the CQIP Static files to a PHP server, fill in cqip-config.php with your organisation details, create a page file for each URL, define your content blocks and FAQ items, then require the appropriate template. Schema, meta, and HTML output are handled automatically.

By H D Fraser MSc  ·   ·  Estimated time: two hours

Get the full tutorial

The complete tutorial is included as a PDF in the CQIP Static bundle. It covers all seven steps in full with complete code examples, visual design guidance, and a performance declaration.

Download the CQIP Static bundle (zip, 260KB)  ·  Bundle details

What the tutorial covers

Seven steps from an empty server to a working, schema-validated site:

  1. Understand the file structure Learn how the cqip/ framework folder and your page files relate. Every page is a PHP index.php at a URL-friendly path. The framework in cqip/ is shared by all pages.
  2. Configure your site Open cqip/cqip-config.php and fill in the Organisation Identity section. All schema constants are derived from these values automatically.
  3. Set up visual design and layout Change --brand-primary in site.css to your brand colour. Update the header CTA and footer in base.php. Replace logo.png with your own logo.
  4. Build the home page Create index.php. Define $faqItems, define $blocks, set the service template variables, and require service-page.php. The template handles schema, meta, and all HTML output.
  5. Build a service page Create services/your-service/index.php. Set $serviceUrl, $serviceTitle, $serviceDesc, $parentLabel, $parentUrl, $blocks, and $allFaqs, then require service-page.php.
  6. Build an about page Create about/index.php using organization-page.php. Use the compliance block for certifications and entity_review for client reviews. Both generate schema automatically.
  7. Validate your schema Test each page at search.google.com/test/rich-results. Confirm Organization, Service, FAQPage, and BreadcrumbList are detected with no errors.

Download the bundle to get the complete PDF tutorial →

Questions about this tutorial

Share This