плагины WordPress

’tag’

Исправляем неправильное отображение кавычек в WordPress 3.3.2

Май 30, 2012

Столкнулся с проблемой, что в Визуальном редакторе прописываю обычные кавычки "", а при отображении записи они отображаются, как «». Но проблема не в этом, а в том, что последние кавычки не всегда верно показываются. Бывает, что две в одну сторону или одна красивая, а вторая обычная.

Решил найти решение проблемы. Всегда приходится искать на английском, потому как на русском мне редко удается находить решение проблем.

Нашел плагин "No Curly Quotes", который отлично справляется с задачей:

Продолжаю приятное использование Визуального редактора.

Tags: , ,
Записано в WordPress    |    Постоянная ссылка

Плагин для создания и редактирования Таблиц в Визуальном редакторе WordPress 3.3.2

Май 29, 2012

Нашел хороший плагин к блогу на WordPress, который добавляет на панель Визуального редактора WYSIWYG (MCE или TinyMCE) новую строку с кнопками для создания и редактирования Таблиц без переключения в режим HTML.

Плагин называется MCE Table Buttons.

Версия, которую я установил: 1.5.

Пока не увидел в нем недостатков, хотя только один раз пользовался.

Tags: , , , , ,
Записано в WordPress    |    Постоянная ссылка

Добавление горячих клавиш к плагину WYSIWYG Inline Code Command

Май 29, 2012

Речь пойдет об изменении плагина WYSIWYG Inline Code Command, который я добавил ранее, чтобы иметь возможность выделять отдельные части текста с помощью тега <code>.

В прошлой записи я писал, как добавить горячие клавиши к кнопке плагина NoFollow.

В отличие от плагина NoFollow, плагин WYSIWYG Inline Code Command по-умолчанию уже имеет комбинацию клавиш:

ed.addShortcut ('alt+shift+c', 'Inline Code', 'mceWICC');

Как я и говорил в предыдущей записи, если используется комбинация с вхождением клавиши Shift, то следующий за ним символ, если это буква, должен быть большим. В связи с этим комбинация alt+shift+c не работает, т.к. символ "c" маленький.

Вносим изменения в следующий файл:
/wp-content/plugins/wysiwyg-inline-code-command/wicc-mce-plugin.php

Находим указанную выше строку и заменяем на:

ed.addShortcut ('alt+shift+C', 'Inline Code', 'mceWICC');

Сохраняем файл.

Заключение

В данном случае для изменения исходного файла плагина достаточно из Закрытой части WordPress перейти в раздел Плагины, а затем Редактор. После выбрать интересующий файл из списка и внести изменения.

Если горячие клавиши вдруг не работают, то стоит очистить кэш браузера.

Tags: , , , , , ,
Записано в JavaScript, WordPress, Программирование    |    Постоянная ссылка

Доработка плагина NoFollow: удаление rel и горячие клавиши

Май 29, 2012

У плагина NoFollow, который я ранее добавил к Визуальному редактору, есть два недостатка:

  1. он позволяет добавить атрибут rel="nofollow", но не удалить при повторном нажатии;
  2. кнопку нужно постоянно нажимать мышью.

Для меня это неудобство, которое я решил по-быстрому исправить.

Все изменения вносятся в следующий файл (на хостинге):
/wp-content/plugins/nofollow-link/mce/nofollow/editor_plugin.js

Удаление rel=nofollow

Заменяю следующий код:

if(ed.selection.getNode().nodeName=="A"){
	ed.selection.getNode().setAttribute("rel", "nofollow");
}

на:

if(ed.selection.getNode().nodeName=="A"){
	/* cay 1 */
	if (ed.selection.getNode().getAttribute("rel") == null) {
		// cay: was only this line
		ed.selection.getNode().setAttribute("rel", "nofollow");
	} else {
		ed.selection.getNode().removeAttribute("rel");
	}
	/* cay 1 # */
}

Комментарий с добавлением "cay" определяет в каком месте я вносил изменения. Потом можно будет с помощью поиска и использования команды Терминала "grep" отследить мои поправки в исходных кодах. Также справа от своей метки я добавляю номер изменения (не всегда).

Теперь, если атрибут rel установлен в nofollow, то при повторном нажатии атрибут будет удален.

Добавление горячих клавиш

В качестве горячих клавиш я решил использовать следующую комбинацию:
ctrl+shift+X

После следующего кода:

// Register buttons
ed.addButton('nofollow', {
	title : 'No Follow',
	cmd : 'mceNoFollow',
	image: url + '/nofollow-tag.png'
	});

добавляем:

// cay 2
ed.addShortcut ('ctrl+shift+X', 'Add NoFollow', 'mceNoFollow');

Чтобы не забыть комбинацию клавиш, добавим всплывающую подсказку. Вносим поправку в следующую строку:

title : 'No Follow',

Заменяем на:

title : 'No Follow (ctrl+shift+X)',

Сохраняем файл.

Заключение

Стоит отметить, что при использовании функции ed.addShortcut и комбинации, включающей кнопку Shift, символ клавиши должна писаться с большой буквы, иначе ничего не будет работать.

В функции ed.addShortcut последним параметром передается зарегистрированная под кнопку команда mceNoFollow. Ее название можно найти чуть выше по коду:

ed.addCommand('mceNoFollow', function() {

Если в Визуальном редакторе комбинация горячих клавиш не работает, то необходимо очистить кэш браузера.

Tags: , , , , , ,
Записано в JavaScript, WordPress, Программирование    |    Постоянная ссылка

Добавление кнопки NoFollow к Визуальному редактору в WordPress 3.3.2

Май 29, 2012

После добавления кнопки Inline Code к Визуальному редактору WordPress я не остановился.

Стандартный функционал кнопки Вставки ссылки меня не устраивал по причине отсутствия возможности задания атрибута rel="nofollow".

Вчера, уже ночью я стал копаться в исходниках редактора WYSIWYG (MCE или TinyMCE) с целью утром внести изменения. Задача довольно простая, исправить шаблон и js файл WordPress. Однако, подобные изменения нужно проводить в последствии при каждом обновлении версии WordPress, что не очень для меня желательно.

Стал искать в Интернете и довольно быстро напал на статью, которая мне помогла:

Меня заинтересовал плагин NoFollow Link.

После установки плагина на панель Визуального редактора добавляется красная кнопка с надписью "NoFollow". Наводим на ссылку, нажимаем кнопку и атрибут rel="nofollow" добавлен. Очень удобно.

Версия плагина: 1.0.

Tags: , , , , , , , , ,
Записано в WordPress    |    Постоянная ссылка

Добавление кнопки code к Визуальному редактору в WordPress 3.3.2

Май 29, 2012

После того, как я перешел на Визуальный редактор, мне потребовался дополнительный функционал в редактор WYSIWYG (MCE или TinyMCE).

Поиск по Интернету превратился как часто бывает в длительный процесс.

В итоге я нашел то, что искал – плагин WYSIWYG Inline Code Command.

Плагин добавляет дополнительную кнопку на панель Визуального редактора WordPress, при нажатии на которую выделенный текст окружается тегом <code>.

Версия плагина: 1.3.

Tags: , , , , , , , , ,
Записано в WordPress    |    Постоянная ссылка