Blog Logo

headless-cms

Content Style Guide

A post to show you all content styles available on Hyvor Blogs


If you have any questions on how to add any of these blocks or text styles in the Editor, read our Writing & Publishing documentation.

Paragraphs

Paragraphs are the default blocks. In fact, this is a paragraph.

Text Styles

Headings

Headings are used to write subtitles in posts. Mainly h2 and h3 are used, but Hyvor Blogs supports from h1 to h6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Below is a horizontal line, which can be used to divide sections in your posts.


Unordered list

Ordered list

  1. List item 1

  2. List item 2

  3. List item 3

    • Nested list item 1

    • Nested list item 2

Blockquote

Blockquotes can be used when quoting something published/said elsewhere.

Words can be like X-rays, if you use them properly鈥攖hey鈥檒l go through anything. You read and you鈥檙e pierced.

鈥擜ldous Huxley, Brave New World

Callout

Images

Sea
by Thomas Vimare on Unsplash

Code Block

1 use Hyvor\FilterQ\Facades\FilterQ;
2
3 $query = FilterQ::expression('id=100|slug=hello')
4 ->builder(Post::class)
5 ->keys(function($keys) {
6 $keys->add('id')->column('posts.id');
7 $keys->add('slug');
8 $keys->add('author.name')
9 ->column('authors.name')
10 ->join('authors', 'authors.id', '=', 'posts.author_id', 'left');
11 })
12 ->addWhere();
13
14 $posts = $query
15 ->limit(25)
16+ ->orderBy('id', 'DESC')
17 ->get();

Bookmark

GitHub 路 Build and ship software on a single, collaborative platform 路 GitHub
GitHub is where people build software. More than 100 million people use GitHub to discover, fork, and contribute to over 420 million projects.
github.com
GitHub 路 Build and ship software on a single, collaborative platform 路 GitHub

Embed

Solar System 101 | National Geographic

Audio

Table

Tables can be used to show data in a tabular format. Below is an example table with 3 columns.

Column 1

Column 2

Column 3

Row 1, Column 1

Row 1, Column 2

Row 1, Column 3

Row 2, Column 1

Row 2, Column 2

Row 2, Column 3

This is a table with 10 columns to make sure that it is responsive.

Column 1

Column 2

Column 3

Column 4

Column 5

Column 6

Column 7

Column 8

Column 9

Column 10

Row 1, Column 1

Row 1, Column 2

Row 1, Column 3

Row 1, Column 4

Row 1, Column 5

Row 1, Column 6

Row 1, Column 7

Row 1, Column 8

Row 1, Column 9

Row 1, Column 10

Row 2, Column 1

Row 2, Column 2

Row 2, Column 3

Row 2, Column 4

Row 2, Column 5

Row 2, Column 6

Row 2, Column 7

Row 2, Column 8

Row 2, Column 9

Row 2, Column 10