Introduction

On this page, you can learn about all of the custom blocks in my “Odyssey” parent theme. For each block, you will find:

A content block with a name and description of each block
A working demo featuring various layouts available for each block
At least 3 instances of each block to show the 3 background colours available: No background, light and dark

Slider Block

Built with Slick Slider, this block displays image and text content in a slider format that can either be entered manually or you can have the content come from posts automatically. Options include an image, title, WYSIWYG content and a link.

Oh, hello.

My name is Jordan. I made this site as a hub for everything related to my artwork. You can buy original pieces, tshirts and prints and also learn a little more about me.

About Jord

project

The Golden Path

Inspired thematically by the concept of prescience from Dune by Frank Herbert, This drawing was the first in a series exploring themes of enlightenment, self discovery and conscientiousness.

View this project

Content Block

This block is one of my simpler blocks. It displays content from a WYSIWYG editor and provides an option to use a smaller content width.

H1 Lorem Ipsum

H2 Lorem Ipsum

H3 Lorem Ipsum

H4 Lorem Ipsum

H5 Lorem Ipsum

H6 Lorem Ipsum

Paragraph lorem ipsum sit dolor Quam repellat bold quia autem ea et voluptatibus est repudiandae. Ut fugiat quod italic necessitatibus recusandae aut doloremque impedit tempore dolores amet. Quaerat sed praesentium deleniti excepturi magnam repellat ut link accusantium ducimus minima aliquid eius unde. Non in reiciendis reiciendis sequi odit harum dolores nihil laborum expedita.

Unordered list lorem ipsum sit dolor
Doloremque impedit tempore dolores amet minima aliquid eius unde
Reiciendis sequi nihil praesentium deleniti

Ordered list lorem ipsum sit dolor
Doloremque impedit tempore dolores amet minima aliquid eius unde
Reiciendis sequi nihil praesentium deleniti

One day, I woke up from a dream.

I was different in that dream.

My personality was shaped by experiences that didn’t happen

and I spent years chasing goals that didn’t exist.

So when I opened my eyes and saw that none of it was real,

it was like I never even knew my own name.

Facilis harum exercitationem voluptas sint enim veritatis optio et magnam. Ea sit animi minima quas ut excepturi eos sed vel perspiciatis optio adipisci. Reprehenderit est harum voluptas unde. Officia consequatur nisi saepe quo dicta ab quae. Ut voluptatem qui id. Quo esse rem error eos voluptas expedita sed. Alias corrupti pariatur saepe nobis atque. Architecto qui sed odit quaerat omnis sunt in ea ea et possimus ea.

H1 Lorem Ipsum

H2 Lorem Ipsum

H3 Lorem Ipsum

H4 Lorem Ipsum

H5 Lorem Ipsum

H6 Lorem Ipsum

Paragraph lorem ipsum sit dolor Quam repellat bold quia autem ea et voluptatibus est repudiandae. Ut fugiat quod italic necessitatibus recusandae aut doloremque impedit tempore dolores amet. Quaerat sed praesentium deleniti excepturi magnam repellat ut link accusantium ducimus minima aliquid eius unde. Non in reiciendis reiciendis sequi odit harum dolores nihil laborum expedita.

Unordered list lorem ipsum sit dolor
Doloremque impedit tempore dolores amet minima aliquid eius unde
Reiciendis sequi nihil praesentium deleniti

Ordered list lorem ipsum sit dolor
Doloremque impedit tempore dolores amet minima aliquid eius unde
Reiciendis sequi nihil praesentium deleniti

Content Columns

This block builds upon the Content Block by adding a column layout with an ACF Repeater. Each column comes with an optional image, WYSIWYG editor and link. You can also choose the number of columns per row.

Code

Check out my code

Clients

Check out my code

Design

View my portfolio

Identity

See examples

Design

Hic sequi consequatur saepe laudantium.

View my portfolio

Code

Laboriosam tempora quibusdam ab quis sit corrupti amet omnis sapiente sit deserunt vel illum. Aliquam et non voluptatem aut saepe qui reprehenderit sunt.

Et iste fugiat et corrupti cupiditate molestias cumque dolores perspiciatis voluptate aut ipsum aspernatur.Eligendi est corporis suscipit et ut et sapiente perferendis qui quasi autem quaerat tenetur tenetur.

Check out my code

Design

Laboriosam tempora quibusdam ab quis sit corrupti amet omnis sapiente sit deserunt vel illum.

Aliquam et non voluptatem aut saepe qui reprehenderit sunt. Et iste fugiat et corrupti cupiditate molestias cumque dolores perspiciatis voluptate aut ipsum aspernatur. Eligendi est corporis suscipit et ut et sapiente perferendis qui quasi autem quaerat tenetur tenetur.

View my portfolio

Identity

Laboriosam tempora quibusdam ab quis sit corrupti amet omnis sapiente sit deserunt vel illum. Aliquam et non voluptatem aut saepe qui reprehenderit sunt. Et iste fugiat et corrupti cupiditate molestias cumque dolores perspiciatis voluptate aut ipsum aspernatur.

Eligendi est corporis suscipit et ut et sapiente perferendis qui quasi autem quaerat tenetur tenetur.

See examples

Gallery Block

This block displays a grid of images which, when clicked, opens a modal with the full sized image. Options include adjusting the number of columns per row, image size (contain or cover), you can remove gutters and disable the modal if you wish.

Image Block

The simplest of all my blocks. Upload an image to display it in full.

Image Content Block

This block displays an image beside text from a WYSIWYG editor. Text can be vertically aligned to the top, centre or bottom of the image.

Title Lorem Ipsum

Reprehenderit molestiae et nihil et pariatur nobis.

Commodi nisi itaque blanditiis dolorem voluptatibus vel qui et suscipit doloremque dolorem soluta. Dolor laboriosam velit est autem velit quam aut illum cumque totam qui quas voluptatem omnis.

Et dolor corrupti ducimus omnis dolores quia rerum sit autem odio consectetur.

Link Lorem Ipsum

Inventore laboriosam

rerum at eligendi aut voluptate voluptatem sed molestiae

Inventore laboriosam rerum at eligendi aut voluptate voluptatem sed molestiae id voluptates magnam. Officiis saepe autem et consectetur maxime.

Link Lorem Ipsum

Sunt nisi voluptatem non

Unde et deserunt est nihil et eum similique deleniti culpa

Placeat voluptas ipsum nulla necessitatibus culpa consequuntur impedit autem magni recusandae ex culpa eaque velit id. Perspiciatis necessitatibus atque itaque possimus soluta exercitationem vel illo aliquid et.

Eius exercitationem iusto animi voluptas

Ea ut velit fugit expedita rerum assumenda. Quia earum nesciunt nemo. Dolore aut nostrum quam voluptate possimus et sapiente et enim. Architecto incidunt alias corporis in minima adipisci numquam et atque.