Урок 17 Учимся работать с текстовым редактором Notepad++

Для редактирования кода блога мы будем пользоваться текстовым редактором Notepad++. Эту программу ставьте обязательно себе на компьютер. Ниже перечислю основные функции и особенности Notepad++.

Преимущества текстового редактора Notepad++:

• Этот текстовой редактор предоставляется абсолютно бесплатно;
• Есть возможность отмены действия. То есть, допустим: Вы исправили код, затем он выдает ошибку, а Вы не помните, что да как было. Чтобы вернуть в обратное положение, Вам достаточно нажать «Правка»—>"Отмена" или CTRL+Z до тех пор, пока Вас не устроит состояние блога ;
• Можете одновременно работать с другими файлами, что очень удобно;
• Присутствует подсветка синтаксиса (каждый вид элемента окрашен в свой цвет, так же можно кликнуть по открывающему тегу, в результате программа предоставит Вам закрывающий тег);
• Поддержка плагинов;
• Данный текстовой редактор предоставляет еще кучу возможностей и удобств для Вашей работы.

Думаю, вышеперечисленные преимущества убедили Вас поставить себе на компьютер  Notepad++. Если это так, то Вам для начала нужно скачать Notepad++ или с официального сайта, затем установить его себе на компьютер. Запускаем программу, она будет выглядеть следующим образом (я открыл файл index.php темы моего будущего блога):

Здесь:

1. Номер строки
2. Открывающий тег <p>
3. Закрывающий тег </p>
4. Кодировка файла.

Об остальных нюансах можете почитать на сайте разработчика, ну или разбираться самому, так как программа полностью на русском и понятная.

Теперь покажу Вам как можно свернуть «внутренность» тега. Для этого нужно нажать на «-» (на рисунке выше показано цифрой 2). В результате Вы легко можете узнать, где находиться закрывающий тег. На рисунке ниже результат после сворачивания (заметьте вместо «-» теперь «+»):

Изменение кодировки файлов темы WordPress на UTF-8 (русский язык)

Чтобы не было проблем с кодировкой на Вашем блоге (русский язык может изображаться крякозабрами — о них ниже). Приведу пример.
В правой части моей темы заголовки на английском языке:

Чтобы слово «Categories» перевести на русский язык нам нужно вспомнить какой файл темы отвечает за правую часть блога. Этот файл называется sidebar.php, открываем его текстовым редактором Notepad++. Находим в этом файле слово, которое нужно перевести (для удобства можете нажать CTRL+F и в поле для поиска нужно набрать необходимое слово: 1 — слово для поиска, 2 — нажать для поиска, 3 — результат поиска):
Теперь, чтобы это слово перевести на нормальный русский язык, нам нужно переделать кодировку в UTF-8, и только потом перевести слово. А если кодировку не менять, получится вот что (заметьте, что вышло на картинке ниже. Это случай, когда я в файле темы изменил слово Categories на Рубрики, вот эти знаки и есть крякозябры):

Так как же сделать так, чтобы вместо этих знаков вышло нормальное русское слово? С программой Notepad++ это довольно легко и просто. То что нам нужно сделать, это всего лишь открыть нужный нам файл (в данном случае я открываю sidebar.php), переделать кодировку в UTF-8 и только потом перевести слово.

Чтобы перевести кодировку в UTF-8 нужно зайти в Notepad++ в раздел «Кодировки» и выбрать «Преобразовать в UTF-8 без BOM»:
В результате в правом нижнем углу у Вас должна выйти следующее:

Теперь сохраняем файл (CTRL+S) и любуемся результатом:

Хочу сказать Вам, что каждый файл нужно переделывать в UTF-8 только один раз и просто сохранить. И, пока я пишу новые уроки, я рекомендую Вам потихонечку начать переводить на русский язык то, что еще не переведено в Вашей теме.
Теперь, если Вы вдруг увидите на своем блоге крякозябры, будете знать в чем проблема, а если что-то подзабыли, этот пост Вам в помощь.

Интегрируем Notepad++ в Total Commander.

Если Вы пользуетесь файловым менеджером Total Commander (Total Commander: зачем он нужен блоггеру?), то для удобства работы интегрируйте Notepad++  в него. Это довольно просто:

1. Открываете Total Commander
2. Зайдите «Конфигурация» —> «Правка/Просмотр»:
   
3. И укажите программу Notepad++ текстовым редактором по умолчанию (нажимаете на стрелки (показано цифрой 1) и указываете адрес до данной программы, потом у Вас в поле должно появится слово notepad.exe (на рисунке стрелкой 2)):
   

Про Notepad++ в сети полно информации, например можете почитать обзор Notepad++

___________________________

Если Вам понравился урок, подпишитесь на RSS, чтобы не пропускать новые бесплатные уроки моего блога (Что такое RSS-подписка?).
Удачи Вам!

___________________________

Следующий урок: Урок 18 Выводим популярные статьи на блоге.

Купить ноутбук желает каждый вебмастер. Если у вас его еще нет, советую посетить интернет магазин. Там можно: ознакомиться с моделями или действительно купить.