Chapter 8: Creating Content

Creating Content is where your site gets its soul. This is the part where you actually write, add media, and organize everything so visitors (and Google) love it. In early 2026 (around 5:30 PM IST in Hyderabad right now), WordPress is on version 6.9 “Gene” (released December 2025), with Gutenberg (the block editor) super polished for content creation—blocks are intuitive, patterns are plentiful, and media handling is seamless.

Think of content creation like cooking biryani: Posts are your fresh, spicy daily specials (blog updates), Pages are the timeless menu staples (About, Services). We’ll break it down step by step with detailed examples for your freelance web design site (webliance.in)—e.g., a blog post on “Top Web Design Trends in Hyderabad 2026” and a static Services page.

Posts vs Pages – When to Use Each

This is a classic beginner question, and getting it right keeps your site organized, SEO-friendly, and easy to navigate.

• Posts (dynamic, time-based content): Use for anything that changes often or has a “freshness” factor. They appear in reverse chronological order (newest first) on your blog feed (/blog/ or homepage if set that way), support categories/tags for organization, show publish dates, and are great for SEO because Google loves regularly updated content. When to use: Blog articles, news, tutorials, case studies, tips. Why? They build thought leadership, attract traffic via search (e.g., “Hyderabad web design tips 2026”), and encourage comments/shares. Posts get auto-archived by date/category, making archives easy.
• Pages (static, evergreen content): Use for timeless info that doesn’t need dates or frequent updates. They don’t appear in blog feeds (unless you force it), no built-in categories/tags (though plugins add them), and are perfect for navigation menus (Home, About, Contact). When to use: Homepage, About Me, Services/Portfolio, Contact, Privacy Policy, FAQ. Why? They form the core structure of your site—visitors expect “Services” to be a permanent page, not buried in a blog.

Quick 2026 best practice (from WP sources like Elementor, Jetpack, Blocksy guides):

• Posts for blog/thought leadership → Better for ongoing SEO, fresh content signals.
• Pages for business foundation → Clean navigation, no date clutter.
• Hybrid tip: If a “service” needs updates often, make it a Page + link to related Posts.

Example for your site:

• Page: “Services” – Lists Web Design, SEO, Maintenance (static offerings).
• Post: “How I Redesigned a Hyderabad Cafe Website in 2026” – Case study with date, category “Portfolio”, tags “Hyderabad”, “Web Redesign”.

Writing and Formatting Your First Post/Page

Both use the same block editor (Gutenberg)—super visual.

1. Create one:
   • For Page: Pages → Add New.
   • For Post: Posts → Add New. Title at top (e.g., “Top 5 Web Design Trends Hyderabad Businesses Need in 2026”).
2. Write & format:
   • Start typing → Auto Paragraph block.
   • Add Heading block (/heading or + → Heading): H1 for main title (but page/post title is often H1—use H2/H3 for sections).
   • Bold/italic via toolbar.
   • Lists: /list → Bullet or numbered.
   • Quote block: /quote for pull-quotes.
   • Columns: /columns → 2-3 for side-by-side text/images.
   • Group blocks: Select multiple → Group for sections with background.

Example first post:

• Title: “Why Local Businesses in Hyderabad Should Invest in Mobile-First Design 2026”
• Intro Paragraph: “In 2026, over 70% of searches in Telangana happen on mobile…”
• H2: “Trend 1: Faster Load Times” → Paragraph + bullet list.
• Toolbar: Align center, add color to text.

Save Draft often → Preview (top-right) to see live.

Adding Images, Galleries, Videos, Embeds

Media makes content pop—use native blocks for speed.

1. Image: + → Image → Upload from computer / Media Library / Drag-drop.
   • Edit: Crop, alt text (“Hyderabad web designer portfolio screenshot” for SEO), caption, alignment (left/right/full).
   • Link to media/file for zoom.
2. Gallery: + → Gallery → Upload multiple images → Choose columns (e.g., 3), crop style (thumbnails).
   • Styles: Carousel, masonry via sidebar.
   • Example: Portfolio gallery of client sites.
3. Video: + → Video → Upload MP4 or Embed (YouTube/Vimeo URL → auto-embeds).
   • Controls: Autoplay (off by default), loop, muted.
4. Embeds: + → Embed → Paste URL (YouTube, Instagram, Twitter/X post, Google Maps).
   • Example: Embed YouTube tutorial “How to Use Gutenberg 2026” → Auto-preview with play button.

Example in your post:

• Add Image block: Your before/after redesign photo → Alt: “Before and after website redesign Hyderabad cafe”.
• Gallery: 4 client thumbnails.
• Embed: YouTube video of site speed test.

Pro tip: Optimize images first (compress via TinyPNG or Smush plugin) for fast loads.

Categories & Tags for Organization

Only for Posts (Pages use menus/parent pages).

• Categories: Broad groups (like folders). Posts → Categories → Add New (e.g., “Web Design Tips”, “Hyderabad SEO”, “Portfolio”). Assign via right sidebar.
• Tags: Specific keywords (like labels). Posts → Tags → Add (e.g., “mobile-first”, “2026 trends”, “local business”). Use sparingly (5–10 max per post).

Example: Post “Hyderabad Web Trends 2026” → Category: Web Design Tips; Tags: hyderabad, 2026, responsive design.

Helps: Blog navigation (/category/web-design-tips/), related posts.

Featured Images, Excerpts, SEO-Friendly Titles

These boost visuals, previews, and search rankings.

1. Featured Image (aka Post Thumbnail): Right sidebar → Featured Image → Set (upload 1200x800px recommended). Shows on blog feed, archives, social shares. Example: Eye-catching hero image of your laptop with code + Hyderabad skyline overlay.
2. Excerpt (manual summary): Right sidebar → Excerpt → Write 50–160 chars (e.g., “Discover the top web trends transforming Hyderabad businesses in 2026—mobile-first, AI tools, and more!”). Appears in feeds, search previews. Better than auto-cutoff for clicks.
3. SEO-Friendly Titles:
   • Post/Page title: Keyword-rich, under 60 chars (e.g., “Web Design Trends Hyderabad 2026: Mobile-First Tips”).
   • With Yoast/Rank Math: Edit SEO title/meta (e.g., “Top Web Design Trends for Hyderabad in 2026 | Webliance”). Best practices 2026: Front-load keyword, make clickable (benefit + curiosity), unique per page.

Example full setup for your post:

• Title: “Web Design Trends Hyderabad 2026”
• Featured Image: Vibrant graphic.
• Excerpt: “Stay ahead with these must-know trends for local businesses…”
• Publish → See it on /blog/ with nice preview.

You’ve just created real content! Try making your first Page (“Services”) and a test Post now.