Penambahan Rel List pada Plugin Link Editor Tinymce

Penambahan Rel List pada Plugin Link Editor Tinymce

Bagi para blogger link merupakan salah satu metode SEO Onpage yang mutlak dan harus diterapkan dalam penulisan setiap artikel atau post. Untuk meningkatkan SEO itu sendiri tentu anda harus mengerti ketentuan dalam pembuatan link dan jenis-jenis link yang harus digunakan saat menulis post. Beberapa ketentuan SEO terkait pemberian link dalam sebuah post diantaranya adalah: Sebuah post harus memiliki paling tidak 2 hingga 3 link mengarah pada halaman lain atau artikel lain, memiliki sebuah link external, dan memiliki sebuah link kembali pada artikel tersebut. Sedangkan ketentuan yang harus anda ketahui dalam pembuatan sebuah link adalah: Sebuah link akan lebih baik jika memiliki sebuah judul, dan memiliki meta rel="". Nilai yang digunakan dalam rel juga terdapat beberapa jenis, diantaranya: follow, nofollow, dan bookmark. Untuk membuat link itu sendiri dapat dilakukan dengan cara yang sangat sederhana, yaitu dengan melakukan klik pada toolbar editor tinymce yang sudah tersedia, lalu memasukan link atau URL yang dituju. Namun bagaimana untuk menambahkan rel="" pada link yang sudah ada? Tentu harus dilakukan dengan cara menggunakan metode edit HTML. Penambahan rel pada link ini dapat lebih mudah seperti halnya dalam penambahan link target jika saja anda telah menambahkan rel_list pada images plugin yang telah terinstal.

Cara menambah link rel pada plugin link editor tinymce

Silahkan buka file admin.php pada root_dir/po-admin/admin.php, copy dan tambahkan script kode dibawah ini pada script editor tinymce:

rel_list: [
  {title: 'None', value: ''},
  {title: 'Bookmark', value: 'bookmark'},
  {title: 'Follow', value: 'follow'},
  {title: 'No Follow', value: 'nofollow'}
],

Sehingga secara keseluruhan script editor tinymce saat ini menjadi seperti dibawah ini:

<script type="text/javascript">
  function initMCEall(){
    tinymce.init({
      mode: "textareas",
      editor_deselector : "mceNoEditor",
      skin: "lightgray",
      height: "800",
      content_css : "<?=WEB_URL.DIR_INC;?>/css/bootstrap.min.css,<?=WEB_URL.DIR_INC;?>/css/font-awesome.min.css",
				plugins: [
					"advlist autolink link image imagetools lists charmap print preview hr anchor pagebreak",
					"searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
					"table contextmenu directionality emoticons paste textcolor responsivefilemanager",
					"code fullscreen youtube codemirror codesample"
				],
				menubar : false,
				toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent table",
				toolbar2: "| fontsizeselect | styleselect | link unlink anchor | responsivefilemanager image media youtube | forecolor backcolor | code codesample fullscreen ",
	  rel_list: [
	    {title: 'None', value: ''},
			{title: 'Follow', value: 'follow'},
			{title: 'No Follow', value: 'nofollow'}
		],
		image_advtab: true,
		image_caption: true,
		image_title: true,
		fontsize_formats: "8px 10px 12px 14px 18px 24px 36px",
		relative_urls: false,
		remove_script_host: false,
		external_filemanager_path: "../<?=DIR_INC;?>/js/filemanager/",
		filemanager_title: "File Manager",
		external_plugins: {
			"filemanager" : "<?=WEB_URL.DIR_INC;?>/js/filemanager/plugin.min.js"
		},
		codemirror: {
			indentOnInit: true,
			path: "<?=WEB_URL.DIR_INC;?>/js/codemirror"
		}
	 });
 }
</script>
<?php if (file_exists("../".DIR_CON."/component/".strtolower($mod)."/admin_javascript.js")) { ?>
<script type="text/javascript" src="../<?=DIR_CON;?>/component/<?=strtolower($mod);?>/admin_javascript.js"></script>
<?php } ?>
<script type="text/javascript">
  tinymce.init({
    selector: "#po-wysiwyg",
    editor_deselector : "mceNoEditor",
    skin: "lightgray",
    content_css : "<?=WEB_URL.DIR_INC;?>/css/bootstrap.min.css,<?=WEB_URL.DIR_INC;?>/css/font-awesome.min.css",
		plugins: [
			"advlist autolink link image imagetools lists charmap print preview hr anchor pagebreak",
			"searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
			"table contextmenu directionality emoticons paste textcolor responsivefilemanager",
			"code fullscreen youtube autoresize codemirror codesample"
		],
		menubar : false,
		toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent table",
		toolbar2: "| fontsizeselect | styleselect | link unlink anchor | responsivefilemanager image media youtube | forecolor backcolor | code codesample fullscreen ",
	  rel_list: [
			{title: 'None', value: ''},
			{title: 'Follow', value: 'follow'},
			{title: 'No Follow', value: 'nofollow'}
		],
	  image_advtab: true,
		image_caption: true,
		image_title: true,
		fontsize_formats: "8px 10px 12px 14px 18px 24px 36px",
		relative_urls: false,
		remove_script_host: false,
		external_filemanager_path: "../<?=DIR_INC;?>/js/filemanager/",
		filemanager_title: "File Manager",
		external_plugins: {
			"filemanager" : "<?=WEB_URL.DIR_INC;?>/js/filemanager/plugin.min.js"
		},
		codemirror: {
			indentOnInit: true,
			path: "<?=WEB_URL.DIR_INC;?>/js/codemirror"
		}
  });
</script>

Simpan perubahan yang baru saja anda lakukan!

Untuk melihat hasilnya, silahkan edit post yang sudah ada dan tambahkan link pada sebuah teks.