create

Create Pages

Creating Pages in Deneb Jekyll Theme

Overview

The Deneb Jekyll theme supports multiple page types with specific layouts and configurations. This guide will help you create different types of pages.

Page Types and Layouts

Deneb Jekyll theme supports the following page types:

  1. Home Page (layout: home)
  2. Blog Posts (layout: post)
  3. Services Pages (layout: service-details)
  4. Portfolio Pages (layout: portfolio-details)
  5. About Page (layout: about)
  6. Contact Page (layout: contact)
  7. Author Pages (layout: author_page)

General Page Creation Process

Step 1: Choose a Location

Pages are created in specific directories based on their type:

  • Blog Posts: _posts/
  • Services: _services/
  • Portfolio: _portfolio/
  • Pages: _pages/
  • Authors: _authors/

Step 2: Create a Markdown File

Use the following naming conventions:

  • Blog Posts: YYYY-MM-DD-post-title.md
  • Other Pages: page-title.md

Step 3: Add Front Matter

Front matter is a YAML block at the top of your markdown file that defines page-specific settings.

Example Page Types

1. Blog Post Example

File: _posts/2025-01-28-ai-in-education.md

---
layout: post
title: "AI Revolutionizing Education"
date: 2025-01-28
author: tortoiz-themes
categories: [technology, education]
tags: [AI, learning]
image: "/assets/images/blog/ai-education.webp"
description: "Exploring how artificial intelligence is transforming educational experiences."
---

# Your blog post content here

2. Service Page Example

File: _services/web-development.md

---
layout: service-details
title: "Web Development Services"
icon: "fas fa-code"
color: "color-1"
weight: 1
description: "Comprehensive web development solutions for modern businesses."
features:
  - Responsive Design
  - Custom CMS Integration
  - Performance Optimization
---

## About Our Web Development Services

Detailed description of web development services...

3. Portfolio Project Example

File: _portfolio/project-1.md

---
layout: portfolio-details
title: "Digital Agency Redesign"
date: 2025-01-15
category: [web design, branding]
image: "/assets/images/portfolio/project-1.webp"
client: "TechInnovate Corp"
project_url: "https://example.com"
description: "Complete digital transformation for a leading tech company."
---

## Project Overview

Detailed project description and case study...

4. About Page Example

File: _pages/about.md

---
layout: about
title: "About Our Agency"
permalink: /about/
hero_image: "/assets/images/about-hero.webp"
team_members:
  - name: "John Doe"
    role: "Founder & CEO"
    image: "/assets/images/team/john.webp"
---

## Our Story

Agency background and mission statement...

Detailed Guides for Page Types

Explore comprehensive, step-by-step guides for creating different types of pages in the Deneb Jekyll Theme:

1. Blog Posts Guide

Blog Posts

  • Overview: Comprehensive guide to creating engaging blog content
  • Key Topics:
    • Markdown formatting
    • Front matter configuration
    • SEO optimization
    • Content best practices
  • Learn More: Creating Blog Posts

2. Portfolio Projects Guide

Portfolio Projects

  • Overview: Showcase your professional work effectively
  • Key Topics:
    • Project page structure
    • Highlighting achievements
    • Image and content optimization
    • Case study presentation
  • Learn More: Creating Portfolio Projects

3. Service Pages Guide

Service Pages

  • Overview: Describe your business offerings comprehensively
  • Key Topics:
    • Service description techniques
    • Feature and benefit highlighting
    • Pricing and package configurations
    • Technical expertise showcase
  • Learn More: Creating Service Pages

4. Author Pages Guide

Author Pages

  • Overview: Create professional author profiles
  • Key Topics:
    • Profile configuration
    • Professional background documentation
    • Social media integration
    • Linking to published content
  • Learn More: Creating Author Pages

5. Static Pages Guide

Static Pages

  • Overview: Design informative static website pages
  • Key Topics:
    • About, Contact, Services pages
    • Layout customization
    • Content structuring
    • SEO optimization
  • Learn More: Creating Static Pages

  1. Understand Page Types

    • Review this overview guide
    • Identify the type of page you want to create

  2. Select Specific Guide

    • Click on the relevant page type guide
    • Read through the comprehensive documentation

  3. Follow Step-by-Step Instructions

    • Use code examples
    • Apply best practices
    • Customize for your needs

  4. Implement and Test

    • Create your page
    • Preview locally
    • Refine and publish

Additional Resources

Community and Support

  1. Choose the type of page you want to create
  2. Refer to the specific guide for that page type
  3. Follow the step-by-step instructions
  4. Customize the content and front matter
  5. Test and preview your changes

Common Front Matter Parameters

Global Parameters

  • layout: Defines the page template
  • title: Page title
  • permalink: Custom URL path
  • date: Publication or creation date
  • description: SEO meta description

Specific Parameters

  • image: Featured or hero image
  • author: Blog post author
  • categories: Categorization
  • tags: Searchable tags
  • icon: Service or feature icon
  • color: Accent or theme color

Best Practices

  1. Use meaningful, descriptive titles
  2. Include high-quality images
  3. Write clear, concise content
  4. Utilize relevant tags and categories
  5. Optimize images for web performance
  6. Maintain consistent formatting

Troubleshooting

  • Ensure correct layout is specified
  • Check image paths
  • Validate YAML front matter syntax
  • Verify permalink configurations

Advanced Customization

  • Create custom layouts in _layouts/
  • Use includes for reusable components
  • Leverage Liquid templating for dynamic content

Next Steps

  1. Choose your page type
  2. Create the markdown file
  3. Add front matter
  4. Write your content
  5. Build and test your site