Nastavení šířky Gutenberg editoru

Některé wordpressové šablony neumí přizpůsobit šířku editoru příspěvků reálné šířce na webu. Výsledek je pak o poznání jiný, než jak se text zobrazuje při psaní. Řešením je vynucení správné šířky Gutenberg editoru pomocí přidané funkce.

Níže uvedený snippet vynutí šířku editoru na 770 pixelů. Tuto hodnotu je nutné změnit dle reálné šířky článku na konkrétním webu.

function custom_admin_css() {
	echo '<style type="text/css">
	.wp-block { max-width: 770px !important; }
	</style>';
	}
	add_action('admin_head', 'custom_admin_css');

Snippet vložte do vlastního pluginu nebo do souboru functions.php v šabloně.

Jak přesně široký má být editor?

To záleží na použité wordpressové šabloně. Poměrně snadné je si šířku sloupce pro článek změřit.

V prohlížeči Google Chrome stačí kliknout pravým tlačítkem do bloku s textem a z kontextové nabídky vybrat „Prozkoumat„.

Šířka vybraného bloku se následně zobrazí. Tímto způsobem lze snadno bez dalších nástrojů změřit kde co.

Příklad

Nastavení šířky Gutenberg editoru Návody pro WordPress
Podle tohoto příklady mě byla být šířka editoru 729px.

Napsat komentář