FSE Series 6: Navigation Menus for Mobile

Block patterns speed up WordPress layouts — pre-built sections for hero, features, and CTAs you insert and edit without coding. What patterns are Grouped blocks — heading, text, image, button — saved as one insertable layout. Theme vs custom Twenty Twenty-Five includes patterns; agencies add brand-matched sets. Edit after insert Swap copy and images —…

Block themes can be fast or bloated — FSE speed depends on image discipline, caching, and limiting plugins, especially for SA mobile users. Image optimisation WebP, correct dimensions, lazy load below fold — hero image sized for mobile. Caching LiteSpeed or similar on SA hosting — page cache for anonymous visitors. Lean block usage Fewer…

Custom React blocks are for developers — most SA SMEs should use block patterns and trusted plugins instead of building blocks from scratch. When custom blocks make sense Unique calculators, configurators, or branded components reused across many pages. When patterns are enough Hero sections, testimonials, CTAs — block patterns cover 90% of brochure sites. Maintenance…

In WordPress FSE, templates control page layouts — home, single post, archive. Most SMEs customise existing theme templates rather than building from zero. Core templates Front page Page and single post Archive and 404 Portfolio and case studies Duplicate page template — hero, gallery block, testimonial, CTA. Dynamic data Query Loop block for blog and…

Global Styles in WordPress FSE set colours and fonts site-wide — one place to keep your brand consistent across every page. Colour palette Primary, secondary, background — limit to three or four for clarity. Typography One heading font, one body font — 16px+ body on mobile. Button styles Consistent radius and colour on all CTAs….

Start WordPress FSE with a block theme like Twenty Twenty-Five on staging — learn Site Editor without breaking your live site. Staging first Subdomain or local copy — experiment before production. Activate block theme Appearance → Themes — Twenty Twenty-Five or agency-delivered child theme. Site Editor tour Styles, templates, template parts — Series 3. Essential…