إضافة ميزات لمحرر نصوص وردبريس

يمكنك تحميل إضافة اسمها TinyMCE ِAdvanced:

ثم القيام بتفعيل الخيار التالي لإتاحة جميع عناصر تنسيق الجداول والخطوط الموجودة:

Enable Editor Menu

كما يمكنك التحكم بكامل عناصر التأثير من إضافة وحذف أو تغيير في الترتيب والعديد من الخصائص الأخرى التي يمكنك الاطلاع عليها من قائمة الإعدادات الخاصة بهذه الإضافة.

يسمى محرر ووردبريس الإفتراضي "غوتنبرغ" أو "Gutenberg". غوتنبرغ ليس محرر نصوص بسيط. في الواقع، يمكنك استخدامه لبناء صفحة كاملة دون كتابة أي كود عن طريق استخدام الـ blocks. يتكون المحرر من ثلاثة أجزاء رئيسية:

• شاشة الـ blocks وتحتوي على كل الـ blocks المتاح لك استخدامها
• شاشة التحرير، وهي المنطقة التي تضع وترتب فيها الـ blocks
• إعدادات الشريط الجانبي، وتحتوي على إعدادات إضافية يمكنك عملها لكل block موجود في المحرر

يمنحك غوتنبرغ القدرة على إضافة ميزات إضافية إلى المحرر الخاص بك عن طريق المكونات الإضافية (plugins). الـ plugin هو كود يتم إضافته إلى ووردبريس ليوفر له قدرات جديدة. على سبيل المثال، يمكنك استخدام plugin لإنشاء block جديد يسمح للمحررين بإضافة قائمة إلى أي منشور بكل سهولة.

لإضافة ميزات للمحرر عن طريق استخدام plugin، يمكنك ان تستعمل الدالة register_block_type_from_metadata هكذا:

<?php

function create_block_gutenpride_block_init() {
    register_block_type_from_metadata( __DIR__ );
}
add_action( 'init', 'create_block_gutenpride_block_init' );

ستقوم هذه الدالة بالبحث عن ملف block.json الذي عليك وضعه في مجلد الـ plugin، وبداخله يمكنك وضع تعريفات الـ blocks الجديدة.

يوجد الكثير من المدخلات عند تعريف كل block. فيمكنك التحكم في شكله، وطوله، وعدد الأعمدة التي سيستخدمها في الصفحة، والكثير عن طريق ملفات الـ CSS والـ PHP. مثال:

{
	"apiVersion": 2,
	"name": "post-comments-block",
	"category": "design",
	"attributes": {
		"textAlign": {
			"type": "string"
		}
	},
	"usesContext": [
		"postId",
		"postType"
	],
	"supports": {
		"html": false,
		"align": [
			"wide",
			"full"
		],
		"fontSize": true,
		"color": {
			"gradients": true,
			"link": true
		},
		"lineHeight": true
	}
}

في محرر النصوص TinyMCE يمكنك إضافة ميزات أكثر للمحرر يمكنك استخدام Quicktags API للتعديل على الإعدادات الأفتراضية للمحرر هكذا 

function my_quicktags() {
	if ( wp_script_is( 'quicktags' ) ) {
	?>
	<script type="text/javascript">
	QTags.addButton( 'eg_php', 'PHP', '<pre><code class=\"language-php\">', '</code></pre>', 'p', 'PHP Code', 100 );
	QTags.addButton( 'eg_css', 'CSS', '<pre><code class=\"language-css\">', '</code></pre>', 'q', 'CSS Code', 100 );
	QTags.addButton( 'eg_html', 'HTML', '<pre><code class=\"language-html\">', '</code></pre>', 'r', 'HTML Code', 100 );
	</script>
	<?php
	}
}
add_action( 'admin_print_footer_scripts', 'my_quicktags' );

طبعا الخطاف (HOOK) admin_print_footer_scripts: هو خطاف إجراء يستخدم لطباعة البرامج النصية في تذييل صفحات المسؤول.

طبعا في الكود المرفق إعلاه قمنا بإضافة ثلاثة أزرار أخرى إلى أي مثيل لـ Quicktags في لوحة الإدارة.

يمكنك زيارة Quicktags_API للمعرفة اكثر عن كيفية و تخصيص محرر النصوص.