Skip to main content

Темы: разметка

Каждый шаблон/блок/часть состоит из функциональных блоков.

Редактирование: Внешний вид-Редактор-Шаблоны-Нужный шаблон-Три точки справа-Редактор кода

Общая структура функционального блока:

<!-- wp:namespace/slug {"align":"full"} /-->
  • Prefix: Префикс wp: определяет, что это не комментарий
  • Namespace: Пространство имен блока (при использовании core блоков, пространство имен не используется)
  • Slug: имя файла блока
  • Block Settings: JSON для настройки блока

Например, шаблон страницы с header, footer

<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group">
	<!-- wp:template-part {"slug":"loop","align":"full"} /-->
</main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

Создание нового шаблона

Создаваемый шаблон: content-canvas

  • Создать пустой файл content-canvas.html в templates 
    docker exec -it id_cont bash #в случае докера
    cat /dev/null > content-canvas.html
  • Зарегистрировать шаблон в themes.json 
    {
    	"customTemplates": [
    		{
    			"name": "content-canvas",
    			"title": "Content Canvas",
    			"postTypes": [
    				"page",
    				"post"
    			]
    		}
    	]
    }
  • Редактировать в редакторе кода, например: 
    <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
    
    <!-- wp:group {"tagName":"main","layout":{"type":"default"}} -->
    <main class="wp-block-group">
    	<!-- wp:post-content {"layout":{"type":"constrained"}} /-->
    </main>
    <!-- /wp:group -->
    
    <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

Через редактор кода можно к одному элементу применить нужный класс.