Block: Quote

The quote block has two styles, regular:

Gutenberg is more than an editor.

The Gutenberg Team

and large:

Yes, it is a press, certainly, but a press from which shall flow in inexhaustible streams, the most abundant and most marvelous liquor that has ever flowed to relieve the thirst of men!

Johannes Gutenberg

The quote blocks themselves have no alignments but the text can be aligned, bold, italic, and linked:


Theme Review

In addition to the quote block, we also have the pull quote, with a regular and a solid color style.

You can change the color of the border and the text with the regular style:

In addition to the quote block, we also have the pull quote.

Theme Reviewer

Or change the background color and text color with the solid color style:

a solid color style

Theme Reviewer

Block category: Common

The Common category includes the following blocks: Paragraph, image, headings, list, gallery, quote, audio, cover, video.

The paragraph block is the default block type.  It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.

This paragraph is left aligned.

This italic paragraph is right aligned.

Neither of these paragraphs care about politics, but this one is bold, medium sized and has a drop cap.

This paragraph is centered.

This paragraph prefers Jazz over Justin Timberlake. It also uses the small font size.

This paragraph has something important to say:  It has a large font size, which defaults to 36px.

The huge text size defaults to 46px, but the size can be customized.

This paragraph is colorful, with a red background and white text (maybe). Colored blocks should have a high enough contrast, so that the text is readable.

Below this block, you will see a single image with a circle mask applied.

Image Alignment 150x150

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Ordered list

  1. The software should be licensed under the GNU Public License.
  2. The software should be freely available to anyone to use for any purpose, and without permission.
  3. The software should be open to modifications.
    1. Any modifications should be freely distributable at no cost and without permission from its creators.
  4. The software should provide a framework for translation to make it globally accessible to speakers of all languages.
  5. The software should provide a framework for extensions so modifications and enhancements can be made without modifying core code

Unordered list

  • One
  • Two
  • Three
    • Four
  • Five



Cover block with background image

The file block has a setting that lets us show or hide a download button with editable text:

Video blocks have settings for showing and hiding the playback controls. Use autoplay and playback controls responsibly.

This is a video block caption.

The video block below is muted and has a poster image that displays before the video starts:

Block Media

Block category: Embeds

This post tests various embed blocks:

Twitter,  wide width

Many of the WordPress contribution teams have been working hard on the new WordPress editor, and the tools, services,…

Geplaatst door WordPress op Maandag 3 september 2018
WordPress TV, full width


Block category: Widgets

The shortcode widget:

The Archive Widget:

The same Archive widget but as a dropdown:

Март 2021
Пн Вт Ср Чт Пт Сб Вс

The Category widget block has an additional option for showing category hierarchies:

The Latest Comments widget can display or hide the avatars, the date, and the comment excerpt:

Here is an example of the Comments widget with all the options disabled. The number of comments has been reduced to two.

And here is the Latest Posts widget in the list view, with dates:

Grid view, now sorted from A -Z.

You can also change the number of columns used to display the latest posts. The block below only displays posts from the Block category:

Search widget:

Tag Cloud widget:

alignment Boomstarter captions categories chat Codex Columns comments content περιεχόμενο content περιεχόμενο css edge case embeds excerpt featured image formatting gallery html image jetpack kickstarter layout link markup Post Formats quote shortcode standard template title twitter video wordpress.tv волонтеры дом здоровый образ жизни инструменты интервью краудфандинг новости приложени программа проект убежище хакатон

RSS Feed widget:


Block category: Layout Elements

The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break.

This group block has a light green background color.

The read more block should be right below this text, but only on list pages of themes that show the full content. It won’t show on the single page or on themes showing excerpts.


Block category: Formatting

The formatting category includes the following blocks:

The code block starts with
<!-- wp:code -->
<?php echo 'Hello World'; ?>

The classic block can have almost anything in it.

a heading
The custom HTML block lets you put HTML that isn’t configured like blocks in it. (this div has a width of 45%)
The preformatted block.

The Road Not Taken

Robert Frost
Two roads diverged in a yellow wood,
And sorry I could not travel both (\_/)
And be one traveler, long I stood (='.'=)
And looked down one as far as I could (")_(")
To where it bent in the undergrowth;

Then took the other, as just as fair,
And having perhaps the better claim, |\_/|
Because it was grassy and wanted wear; / @ @ \
Though as for that the passing there ( > º < )
Had worn them really about the same, `>>x<<´
/ O \
And both that morning equally lay
In leaves no step had trodden black.
Oh, I kept the first for another day!
Yet knowing how way leads on to way,
I doubted if I should ever come back.
I shall be telling this with a sigh
Somewhere ages and ages hence:
Two roads diverged in a wood, and I—
I took the one less traveled by,
And that has made all the difference.

and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;

The pull quote can be aligned or wide or neither.

Theme Reviewer
The table blockThis is the default style.
The cell next to this is empty.
Cell #5
Cell #6
This is the striped style.This row should have a background color.
The cell next to this is empty.

This table has fixed width table cells.

Make sure that the text wraps correctly.

The Verse block

A block for haiku?
Why not?
Blocks for all the things!

Keyboard navigation

There are many different ways to use the web besides a mouse and a pair of eyes. Users navigate for example with a keyboard only or with their voice.

All the functionality, including menus, links and forms should work using a keyboard only. This is essential for all assistive technology to work properly. The only way to test this, at the moment, is manually. The best time to test this is during development.

How to keyboard test:

Tab through your pages, links and forms to do the following tests:

  • Confirm that all links can be reached and activated via keyboard, including any in dropdown submenus.
  • Confirm that all links get a visible focus indicator (e.g., a border highlight).
  • Confirm that all visually hidden links (e.g. skip links) become visible when in focus.
  • Confirm that all form input fields and buttons can be accessed and used via keyboard.
  • Confirm that all interactions, buttons, and other controls can be triggered via keyboard — any action you can complete with a mouse must also be performable via keyboard.
  • Confirm that focus doesn’t move in unexpected ways around the page.
  • Confirm that using shift+tab to move backwards works as well.


Наc всё устраивает

Сайт на ВартПреси

– “Нет, спасибо … У нас сайт на ВартПреси. Его администрировать не нужно. Наc всё устраивает …”


Tobacco Body: визуальный проект о вреде курения

Онкологическое сообщество Финляндии, автор проекта «Tobacco Body», предлагает пользователям взглянуть на тело курильщика с головы до пят. Двигая линию, разделяющую тело здорового человека и жертвы никотина, можно наглядно изучить процесс старения внутренних органов и проследить создание благоприятной почвы для развития болезни под названием рак.

Финнская организация нашла свой способ озадачить курильщиков – новый сайт выполнен в лучших традициях интерактивности и заставляет любого задуматься перед тем как прикурить очередную сигарету. На выбоор пользователю предложены представители обоих полов – анализ проводится более чем по 10 параметрам, включая косметические (старение кожи и акне) и основные жизнеобеспечивающие системы.

По версии «Tobacco Body» курильщик напоминает скорее труп – с желтыми ногтями и зубами, посеревшей кожей и пепельными волосами. Внутренние органы не справляются со своими функциями, а изо рта веет табачной фабрикой (согласно «Tobacco Body» 20% отношений терпят крах по причине курения одного из партнеров). Курение негативно сказывается и на репродуктивном здоровье – это видно не только на картинках, но и понятно из научных фактов, которые «Tobacco Body» приводит к каждому их показателей. Сайт при этом опровергает популярные мифы, как, например, то, что курение снижает стресс.

В целом проект достигает своей главной цели – предупредить и образовать, и делает он это со всей подобающей тому красочностью, что, впрочем, несильно отличает его от предупреждений Минздрава на пачках сигарет. Для больше наглядности можно прикладывать фотографии, отражающие динамику заболевания, но и это вряд ли остановит прожженного курильщика – страшных картинок и научных фактов тут недостаточно.


Проект «ЗОЖНИК»: как мы собирали деньги в Сети

Проект «ЗОЖНИК» − блог о здоровом образе жизни. Его статьи посвящены правильному питанию, занятию спортом, описанию научных фактов в области здоровья, спорта и долголетия. Создатели сайта − Максим и Юлия Кудеровы – запустили проект по сбору средств на создание инфографического видео об азах здорового образа жизни и собрали больше, чем ожидали.

Идея была простой. Собрать деньги на создание визуального проекта − интерактивного пособия, в котором обобщить все существующие знания и методики, использование которых поможет человеку получить быстрый ответ на такие вопросы, как привести свое тело в порядок или что надо изменить в своих привычках, чтобы вести более здоровый образ жизни.

В начале февраля 2014 года на сайте Boomstarter.ru они собрали на эти цели 50 650 рублей при первоначальной цели в 45 000 рублей.

Один из авторов проекта, Максим Кудеров, поделился своими впечатлениями.

− Как вы узнали о краудфандинге? Почему решили использовать именно этот «инструмент»?

− Мы были хорошо знакомы с американским проектом kickstarter.com, который стал родоначальником настоящего массового краудфандинга в США. Когда заработал российский аналог, мы в студии «Анимульт» выставили свой проект-пилот российского аналога «Южного парка» − проект «Чебоксары», но так и не смогли собрать необходимую сумму. Правда, честно говоря, мы особо и не рассчитывали, потому что тема новая и предложить инвесторам нам особо было нечего.

− В чем для вас заключается цель проекта?

− Донести до максимально большого количества людей азы здорового образа жизни: принципы похудения и прибавки веса; почему нельзя голодать; что есть, а каких продуктов избегать, чтобы похудеть; как штанга или бег помогают в похудении или наборе массы.

Два спонсора, которые пожертвовали более 1 500 рублей, получили 15 тысяч показов баннера на сайте zozhnik.ru, а также их имена будут указаны в титрах к инфографическому ролику. Все остальные спонсоры также получили «подарки» за свой вклад.

− Кто вместе с вами работает над проектом? Кто в команде?

− Над «Зожником» трудится моя жена − Юлия Кудерова, в ближайшем будущем дипломированный тренер и диетолог. Над мультфильмом − профессиональные аниматоры и дизайнеры.

− Какие плюсы и минусы краудфандинга вы могли бы выделить?

− Плюсы очевидны − возможность собрать деньги на проект и реализовать то, на что вряд ли кто-то даст денег. Возможность реализовать проекты, которые нужны людям, получить от них обратную связь рублем. «Зожник» − это наш благотворительный проект для людей, чтобы затащить в здоровый образ жизни максимальное количество людей. И мультфильм, на который мы собрали деньги, − обратная связь.

− Может быть, вы столкнулись с какими-нибудь интересными, неожиданными моментами в процессе сбора средств?

− Для нас было огромной неожиданностью узнать, что у нашего проекта есть фанаты, которые готовы давать довольно существенные средства, чтобы помочь нам в нашем деле. Так мы познакомились с такими замечательными людьми, как Елена Пятибрат.

− Что бы вы могли посоветовать начинающим краудфандинговым проектам?

  • Делайте проект для людей или, если делаете его для себя, то предложите людям что-то существенное в обмен на их вложение, что-то материальное.
  • Планируете ли вы использовать этот «инструмент» в дальнейшем?
  • Возможно, если будет что-то стоящее, что можно предложить.
  • Как вы думаете, есть ли будущее у краудфандинга в России?

− Уверен, что есть. Возможно, не в таком объеме и количестве, как в тех же Штатах, но какой-то рынок и объем у краудфандинга как явления будет. Думаю, что мешает бурному развитию российский менталитет. Открытых, отдающих, помогающих, созидающих людей у нас явно не большинство. Но они все же есть, и это прекрасно. На таких людях держится вся Россия.

Проект на Boomstarter