Capturing Accurate Page Counts
February 27, 2025
Capturing Accurate Page Counts
Ensuring all production teams follow a consistent method for determining countable pages on a client’s website is crucial. This standardization helps accurately manage workloads and turnaround times. It's important to distinguish this "page count" from the client's allotted page count, as some pages, while not counted against the client's limit, still require time and expertise to create.
Steps to Accurately Determine Production Page Count:
1. Preliminary Review
- Collect the sitemap, questionnaire, or any documents outlining the website's intended structure.
- Identify both visible and hidden pages based on these documents.
2. Efficient Methods to Identify All Pages
- Click the purple circle AI button located in the bottom left corner
- Select Page SEO Tags
- Select All Pages
- Manually count the pages listed.
- Note: Some template pages might appear, but this method reliably includes all necessary pages without significant omissions.|
3. Categorizing Pages
- Service Pages:
- Count all service-related pages (e.g., individual services, Home, About, Contact).
- Include any services mentioned in the questionnaire.
- FAQ and Blog Pages:
- Always count FAQ and Blog pages, regardless of their current visibility or creation status:
- If visible or created, categorize them as standard pages.
- If not yet visible or created, categorize them under Hidden Pages.
- Hidden Pages:
- Include pages intended for future use or those required but not yet visible or created.
- Exclude asset-only pages used solely for functionality (e.g., "First-Last," assistant banners, unused forms).
- Third-Party Link Pages in Navigation:
- Identify pages that link to external sites (e.g., financing pages directing users to external platforms).
- Exclude these from the count, as they don't require building.
By adhering to this standardized process, production teams can ensure consistency and efficiency
in website development projects.
In this section, you’ll learn how to control the size of elements using different types of units in Editor 2.0. We’ll break down how viewport width (vw) and height (vh) respond to the browser window, how the auto unit allows containers to resize based on their content, and how min/max values help you keep your elements within practical size limits. Together, these tools give you greater control over how your site adapts across devices—without relying on fixed pixel values.
Flexbox is the foundation for how columns behave in Editor 2.0. It controls how elements stack, align, and space themselves inside containers, giving you full control over layout across different screen sizes. By adjusting properties like stacking direction, content alignment, and wrap, you can create clean, organized designs that adapt smoothly to any device. These features help prevent layout issues, make better use of space, and simplify how you manage rows and individual elements. Learning how to use Flexbox effectively leads to faster builds and more consistent, responsive websites.
Understanding layout elements and the Layers Panel is key to building clean, responsive websites. Layout elements help you control structure—how widgets are grouped, how content stacks, and how different parts of the page respond across breakpoints. The Layers Panel gives you a clear view of that structure, making it easier to manage complex sections, find hidden elements, and keep your layout organized. Together, these tools let you build with more precision, troubleshoot faster, and maintain consistency across the entire site.
Breakpoints are specific screen widths where your website layout shifts to fit different devices, like phones, tablets, and desktops. They’re a key part of responsive design, allowing you to adjust styles so your site looks and works well on any screen. In the editor, you can see how styles behave at each breakpoint, apply universal styles, and override them when needed. You can also preview your site at different screen sizes to make sure everything looks right.