WordPress Gutenberg Editör yazı alanı (bloklar) genişliği rahatsız edici derecede daraldı. Başlıkta sorun olarak belirtmiş olsam da WordPress’in kendine göre geçerli bir nedeni de olabilir belki ama bilgisayarda içerik eklerken tıpkı bir mobil cihaz görünüme ve alanına sahibim şu an. Aşağıdaki resimde de yazı editörümün genişliğini sizlerle paylaşıyorum.

Yukarıdaki resimde de görüldüğü gibi içerik alanı genişliği çok az.

İçeriği girip yayımladıktan sonra okuyucu kısmına bunun bir dezavantajı yok, normal temanın genişliğince yazılar okunabiliyor.

Gutenberg genişliği doğrudan kullandığım tema ile ilgili olduğu için temanın functions.php dosyanın en altına aşağıdaki kodu ekledim.

add_action('admin_head', 'editor_full_width_gutenberg');

function editor_full_width_gutenberg() {
  echo '<style>
    body.gutenberg-editor-page .editor-post-title__block, body.gutenberg-editor-page .editor-default-block-appender, body.gutenberg-editor-page .editor-block-list__block {
		max-width: none !important;
	}
    .block-editor__container .wp-block {
        max-width: none !important;
    }
    /*code editor*/
    .edit-post-text-editor__body {
    	max-width: none !important;	
    	margin-left: 2%;
    	margin-right: 2%;
    }
  </style>';
}

Yukarıdaki kodu Editor Full Width Gutenberg isimli bir eklentinin dosyasının içerisinden aldım. WordPress Gutenberg editör genişliği ile ilgili çokça şikayet olduğu için bir eklenti hazırlamışlar. Ben sitedeki eklenti sayısını çoğaltmak istemediğim için eklentinin içinde bulunan ilgili kodu olarak direkt temanın dosyasının içerisine eklendim. Herhangi bir problem çıkmadı, başarılı bir şekilde çalışıyor. Editörün genişliği yüzde yüz olarak ayarlı şu an.