{"id":994,"date":"2014-03-10T08:48:27","date_gmt":"2014-03-10T08:48:27","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=994"},"modified":"2015-02-26T13:25:42","modified_gmt":"2015-02-26T13:25:42","slug":"wordpress-wysiwyg-editoru-ozellestirmesi","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/wordpress-wysiwyg-editoru-ozellestirmesi\/","title":{"rendered":"WordPress WYSIWYG Edit\u00f6r\u00fc \u00d6zelle\u015ftirmesi"},"content":{"rendered":"

Ben WordPress blogcular\u0131n\u0131n sadece metin sekmesi edit\u00f6r\u00fc kullananlar\u0131n say\u0131s\u0131n\u0131 bilmiyorum, ancak el ile etiketleri ve stilleri eklemeye gerek yok, \u00e7\u00fcnk\u00fc butonlar\u0131 kullanmak kesinlikle zaman kazand\u0131raca\u011f\u0131na eminim. Metin sekmesi \u00fczerinden kod izlerken benim al\u0131\u015fkanl\u0131\u011f\u0131m TinyMCE s\u00fcrekli ekstra <br\/><\/strong> etiketleri eklemekte oldu\u011fu ortaya \u00e7\u0131kt\u0131 ve ben bundan ger\u00e7ekten nefret ediyorum. \u00a0G\u00f6rsel sekmeyi ben bunun i\u00e7in pek kullanm\u0131yorum.<\/p>\n

Bug\u00fcn rutin i\u015fleri biraz kolayla\u015ft\u0131rmak ad\u0131na ve biraz daha otomatik \u00e7al\u0131\u015fabilmek ad\u0131na birlikte bir ka\u00e7 ayar yapaca\u011f\u0131z. Her blog metni bi\u00e7imlendirmek i\u00e7in kendi stillerini yani kendi ihtiya\u00e7lar\u0131 i\u00e7in WordPress edit\u00f6r\u00fcn\u00fc \u00f6zelle\u015ftirebilirsiniz.<\/p>\n

Bu blog yaz\u0131s\u0131nda, bir WordPress edit\u00f6r\u00fc \u00f6zelle\u015ftirmesi ile ilgili \u00f6nerileri bulacaks\u0131n\u0131z. WordPress 3.8.1 g\u00fcncel s\u00fcr\u00fcm\u00fcnde a\u015fa\u011f\u0131daki butonlar\u0131 bulabilirsiniz.<\/p>\n

\"wysiwyg-editor-wordpress\"<\/p>\n

Bu butonlar\u0131n arkas\u0131ndaki i\u015flevler olduk\u00e7a \u00e7ok olmas\u0131na ra\u011fmen zaman zaman ben bunun yeterli olmad\u0131\u011f\u0131n\u0131 da d\u00fc\u015f\u00fcn\u00fcyorum, daha fazla bir \u015feylerin gerekti\u011fini d\u00fc\u015f\u00fcn\u00fcyorum. Bu gibi durumlarda ben \u00e7e\u015fitli durumlar\u0131 kullanmak zorunday\u0131m.<\/p>\n

Bu nedenlerden dolay\u0131 edit\u00f6r\u00fcn i\u00e7erisine bir \u00e7ift buton nas\u0131l eklendi\u011fine bir bakal\u0131m, asl\u0131nda yapmam\u0131z gereken olduk\u00e7a basit functions.php dosyas\u0131n\u0131 a\u00e7\u0131nve bu dosyan\u0131n botton kod par\u00e7as\u0131na a\u015fa\u011f\u0131daki kod par\u00e7as\u0131n\u0131 ekleyin.<\/p>\n

Biz bu i\u015flemi yapt\u0131\u011f\u0131m\u0131zda ne olacak? Her edit\u00f6r bu i\u015flev g\u00f6rsel sekmesinde bulunan ortada gizli bir buton bulunur.<\/p>\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11<\/pre>\n<\/td>\n
\n
function enable_more_buttons($buttons) {\r\n  $buttons[] = 'hr';\r\n  $buttons[] = 'sub';\r\n  $buttons[] = 'sup';\r\n  $buttons[] = 'fontselect';\r\n  $buttons[] = 'fontsizeselect';\r\n  $buttons[] = 'cleanup';\r\n  $buttons[] = 'styleselect';\r\n  return $buttons;\r\n}\r\nadd_filter(\"mce_buttons_3\", \"enable_more_buttons\");<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
E\u011fer bu kod par\u00e7as\u0131 ile sadece metin sekmesini kullan\u0131yorsan\u0131z baz\u0131 ekstra butonlar ekleyebilirsiniz. Her blogger favori eklentilerinden olu\u015fan bir numaras\u0131 vard\u0131r ve onlar her zaman kopyala\/yap\u0131\u015ft\u0131r yaparken \u00e7ok zaman ald\u0131\u011f\u0131n\u0131 dile getirmektedir, neden bu i\u015flemi otomatik ve sadece bir t\u0131klama ile olmas\u0131n?<\/p>\n
Function.php dosyas\u0131na bu kod par\u00e7as\u0131n\u0131 ekleyin ve etiketler i\u00e7in 4 ek d\u00fc\u011fme olu\u015facakt\u0131r;<\/p>\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11\r\n12<\/pre>\n<\/td>\n
\n
if( !function_exists('_add_my_quicktags') ){\r\nfunction _add_my_quicktags()\r\n{ ?>\r\n<script type=\"text\/javascript\">\r\nQTags.addButton( 'p', 'p', '<p>', '<\/p>' );\r\nQTags.addButton( 'br', 'br', '<br>', '<br>' );\r\nQTags.addButton( 'h3', 'H3', '<h3>', '<\/h3>' );\r\nQTags.addButton( 'h4', 'H4', '<h4>', '<\/h4>' );\r\n<\/script>\r\n<?php }\r\nadd_action('admin_print_footer_scripts', '_add_my_quicktags');\r\n}<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Kendi butonunuzu olu\u015fturmak isterseniz bu kod sat\u0131r\u0131 ile yapman\u0131z gerekiyor.<\/p>\n\n\n\n
\n
1<\/pre>\n<\/td>\n
\n
QTags.addButton( 'p', 'p', '<p>', '<\/p>' );<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
ve d\u00f6rt parametreyi de\u011fi\u015ftirin;<\/p>\n