Layout Options

Learn about the different layout options available in Arsxy Theme

Arsxy Theme comes with several pre-designed layout options to help you create a variety of page types for your Jekyll site. Each layout has been carefully designed to address specific content presentation needs.

Available Layouts

Default Layout

The default layout provides a clean, minimal structure that serves as the foundation for other layouts. It includes the main navigation, footer, and basic page structure.

Usage:

---
layout: default
title: My Page
---

Home Layout

The home layout is specifically designed for your landing page. It features a prominent hero section, featured posts, and other elements to engage visitors.

Usage:

---
layout: home
title: Home
---

Post Layout

This layout is optimized for blog posts. It includes features like reading time estimation, author information, social sharing buttons, and related posts.

Usage:

---
layout: post
title: My Blog Post
---

Docs Layout

The docs layout is perfect for documentation pages. It features a sidebar navigation for easy access to different documentation sections, and a table of contents for the current page.

Usage:

---
layout: docs
title: Documentation
---

Customizing Layouts

You can customize any of these layouts by:

  1. Creating a copy of the layout file in your project’s _layouts directory
  2. Modifying the layout according to your needs
  3. The theme’s layout system is built with flexibility in mind, using modular includes that you can rearrange or replace

Layout Variables

Each layout accepts various front matter variables to customize its behavior:

---
layout: post         # Specify which layout to use
title: My Post Title # The page title
description: A brief description of the page # Used for SEO
image: /assets/images/featured.jpg # Featured image for the page
sidebar: true        # Enable/disable sidebar
toc: true           # Enable/disable table of contents
comments: true      # Enable/disable comments section
---

Creating Custom Layout Variations

For more information on creating custom layout variations, see the Creating Custom Layouts guide.