Блог Александра Бобрина. SEO, блоггинг, инфобизнес и заработок в интернете
Реклама/Услуги

Кодировка WordPress. Notepad++ — бесплатный редактор HTML, PHP и других языков, с подсветкой кода (синтаксиса)

Здравствуйте, уважаемые читатели моего блога!

В этой статье я хочу Вам рассказать о замечательной бесплатной программе Notepad++, которую я использую для редактирования файлов (HTML, PHP и текста) WordPress блога. Как пользоваться Notepad++? Какую кодировку использовать для WordPress блога? Какие проблемы могут возникнуть при использовании неправильной кодировки WordPress? На эти и другие вопросы Вы найдете ответы из этой статьи.

Перед тем как перейти к текстовому редактору notepad++, расскажу Вам о кодировках текса.

Кодировка WordPress. Что такое UTF-8?

Буквы, которые Вы сейчас видите на экране, представляют собой не что иное, как числовые значения, которые хранятся в текстовом файле. Компьютер, вернее текстовый редактор или браузер, преобразует эти числа в символы (буквы, цифры и другие знаки), которые мы видим на экране в соответствии со стандартом кодировки.

Сегодня существует немалое количество стандартов, которые были разработаны для различных языков. Все стандарты различаются между собой и содержат различные наборы знаков.

Историю развития кодировок текста и их виды я описывать не буду, скажу лишь, что их использование приводило к одной существенной проблеме — неправильное отображение символов (кракозябры).

Кодировка. Кракозябры

Чтобы избежать появления кракозябр при использовании различных кодировок, была придумана универсальная кодировка, которая содержала максимальное число символов. Эта кодировка носит название Юникод (Unicode).

На сегодняшний день самой совершенной и оптимальной из всех кодировок Юникод является UTF-8, вот пример этой кодировки:

Кодировка UTF-8 без BOOM

Почему UTF-8 без BOOM? Какие проблемы могут возникнуть при использовании неправильной кодировки?

В процессе развития кодировок UTF к ним добавили возможность записи символов, как в прямой последовательности (например, C2AD), так и в обратной последовательности (ADC2). Для того чтобы программы знали, в какой последовательности считывать код, был изобретен BOOM (Byte Order Mark). Эта сигнатура добавляла в начало документов три дополнительных байта.

В кодировке UTF-8 BOOM предусмотрено не было, из-за чего некоторые программы не могли нормально читать кодировку Юникод, в результате чего на экране отображались кракозябры (нечитаемые символы).

Notepad++Именно поэтому, в целях корректного отображения текста и других символов, на блоге WordPress необходимо использовать кодировку UTF-8 (без BOOM).

К слову скажу, что использование на блоге иных кодировок и наличие в них сигнатуры BOOM может сказаться не только на отображении символов, но и привести к другим, более тяжким последствиям, например, к неработоспособности RSS ленты.

При редактировании текста и кода (например, в файлах шаблона WordPress) кодировка задается в программе, на которой происходит редактирование. Если Мы выполняем все действия по редактированию кодов и текста прямиком в административной панели блога, то ничего страшного не произойдет, так как все файлы будут сохраняться в кодировке, которая используется на блоге, в нашем случае — это UTF-8 (без BOOM).

Но такое редактирование не всегда удобно и лишает Вас множества полезных функций, которые будут доступны при редактировании этих файлов на компьютере, и о которых я упомяну далее в этой статье.

Если Вы производите редактирование файлов шаблона блога, то Вам необходимо сохранять их именно в кодировке UTF-8 (без BOOM).

Сделать это стандартными средствами Windows, к сожалению, невозможно. Тот же блокнот при сохранении добавляет сигнатуру BOOM к сохраняемым файлам, вследствие чего на сервере могут возникнуть проблемы, которые могут привести к появлению кракозябр и иным неприятным последствиям.

Поэтому никогда не используйте для работы с файлами блога блокнот и подобные программы, если не хотите проблем.

Лично я для редактирования файлов блога использую программу Notepad++, которая позволяет сохранять файлы в необходимой кодировке.

Рекомендую Вам также посмотреть видео: «Дополнение по кодировкам utf-8»

Где скачать программу Notepad++? Функции и возможности notepad++ при редактировании HTML, PHP и другого кода.

текстовый редактор с подсветкой кода notepad++Если сравнить программу notepad++ со стандартным текстовым редактором «Блокнот», который встроен во все операционные системы Windows, то Вы увидите, что они отличаются друг от друга как небо от земли. По сути, блокнот — это обычный («голый») текстовый редактор, не имеющий практически никаких функций, за исключением стандартных (копировать, вставить, печать и еще нескольких), в общем, функционал этой программы оставляет желать лучшего.

Текстовый редактор notepad++ наоборот, имеет множество очень полезных и востребованных функций, о которых я сейчас расскажу.

Скачать последнюю версию текстового редактора notepad++ Вы можете на сайте разработчика, перейдя по этой ссылке.

Установка программы очень проста, сложностей никаких возникнуть не должно.

Вот так выглядит окно программы:

Notepad++

При необходимости Вы можете скачать портативную версию текстового редактора — portable notepad++ , позволяющую редактировать php, html и другой код, без необходимости установки на персональный компьютер.

Теперь давайте поговорим о возможностях текстового редактора notepad++.

Я не буду перечислять весь функционал этого текстового редактора, а расскажу лишь о самых, на мой взгляд, важных функциях, которые пригодятся для работы с php и html кодом.

Одной из самых замечательных и необходимых функций notepad++ является возможность подсветки кода (синтаксиса кода). Например, если Вы установите курсор мыши на открывающий тэг <div>, то, одновременно с ним будет подсвечен и закрывающий тэг </div>.

возможности текстового редактора notepad++

Таким образом, редактор notepad++ позволит Вам избежать ошибок при редактировании кода, или исправлять их.

По такому же принципу подсвечиваются и все остальные парные элементы кода. Например, скобки — {} и [].

возможности текстового редактора notepad++. Подсветка кода

Тип подсветки синтаксиса выбирается автоматически, в соответствии с видом редактируемого кода, который Вы всегда можете изменить при помощи вкладки «Стиль» (в некоторых версиях данная вкладка носила название — «Синтаксис»), которая расположена в верхнем меню.

Хотелось бы отметить, что текстовый редактор notepad++ поддерживает огромное количество типов кода (стилей подсветки). Перечислять я их все не буду, отмечу лишь наиболее распространенные: php, css, sql, xml, Java Script, C, C++, С#, Java и другие.

Функции и возможности notepad++ при редактировании HTML, PHP и другого кода

Следующей, на мой взгляд, очень полезной функцией текстового редактора notepad++ является возможность отмены ранее совершенных изменений php, html и другого кода.

Причем эта функция реализована таким образом, что количество шагов назад (отмены предыдущего действия) не ограничена. То есть Вы можете сколько угодно экспериментировать с кодом, не боясь допустить ошибок. Отмена действия в notepad++ реализована при помощи кнопок в виде изогнутых стрелок, расположенных на панели инструментов.

Возможности текстового редактора notepad++. Откат изменений

Естественно, любое действие в текстовом редакторе notepad++ можно совершить при помощи горячих клавиш, которые можно посмотреть и отредактировать во вкладке меню «Опции» пункт «Горячие клавиши…»

Еще одной полезной функцией, которой я нередко пользуюсь, является возможность автоматического завершения вводимого текста. Например, если вы вводите какую-либо команду и не уверены в правильности написания слова, то достаточно нажать сочетание клавиш Alt+пробел, программа сама предложит Вам варианты на выбор.

Функции текстового редактора notepad++. Автоматическое завершение текста

Кстати, эту функцию (автоматическое завершение слов) можно настроить на полностью автоматический режим, тогда Вам не придется каждый раз нажимать клавиши Alt+пробел, и программа сама будет предлагать варианты. Делается это во вкладке «Опции», пункт «Настройки», вкладка «Резерв/Автодополнение», здесь нужно отметить галочкой строку «Включить для каждого ввода».

Функции текстового редактора notepad++.

Дополнительно можно отметить пункт «Подсказки при вводе параметров функций».

Очень много полезных функций текстового редактора notepad++ можно активировать во вкладке «TexFX». Например, показанная на скриншоте экрана функция «Autoclose XHTML/XML» позволяет автоматически закрывать парные тэги при их вводе, предотвращая тем самым появление ошибок, возникающих из-за незакрытых парных тэгов при редактировании и написании кода.

Autoclose XHTML/XML

Текстовый редактор notepad++ поддерживает вкладки. То есть, если Вам необходимо открыть несколько документов, то все они будут открыты не по отдельности, запуская несколько копий программы, а откроются в одном окне. Вкладками можно управлять при соответствующих настройках (и по умолчанию), при запуске программы будут открыты документы, которые редактировались перед закрытием notepad++.

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

UTF-8 без BOOM

Также, notepad++ Вы можете назначить редактором текстовых файлов в программе FileZilla (читать статью: «FTP-клиент filezilla. Как настроить и как пользоваться FileZilla?») и производить удаленное редактирование файлов WordPress, прямо на сервере Вашего хостинга.

Рекомендую Вам посмотреть видео, которые более подробно познакомят Вас с этим замечательным редактором!

«Бесплатный редактор HTML, CSS, PHP: Notepad++»

«Секреты работы в Notepad++»

На этом у меня все. Как Вам статья?

Рекомендую Вам прочитать мои посты:

программы для вебмастера;

как сделать скриншот экрана?

как отправить бесплатное СМС?

как качать с торрентов?

Чтобы не пропустить выход новых постов, рекомендую Вам подписаться на обновления моего блога!

С уважением, Александр Бобрин

Понравилась статья? Поделись с друзьями!

Комментариев - 27
  1. Войтик

    Спасибо за понятный и подробный пост! А то я все не понимал какую кодировку из UTF-8 выбирать с BOM или без — BOM 😯

    Ответить

  2. Андрей Гончар

    Все четко и понятно. Лучшая статья о Notepad++

    Ответить


    Александр Бобрин

    Спасибо, Андрей! 🙂

    Ответить

  3. darwin

    Ого) скажите честно, трудно было написать такую интересную статью?)

    Ответить


    Александр Бобрин

    Ну были небольшие трудности, часа 4 ушло на написание поста 🙂

    Ответить


    Сергей

    зато сейчас можно расслабиться ведь столько уже сделано)

    Ответить

  4. Галина Исаева

    «TexFX» не нахожу такой вкладки 😮 Я пользоваться недавно,правда,начала активно этим редактором.

    Ответить

  5. Олег

    4 часа... ты просто метеор  :roll: . Я бы целый день писал. Не получается быстро писать и коротко не получается.

    А статья действительно хорошая. Буду использовать как инструкцию.

    Ответить

  6. Dinara

    Для меня это все слишком сложно, чувствую себя блондинкой 😯

    Ответить


    Сергей

    да что вы так она же такая простая)

    Ответить

  7. Елена

     Отличная статья! Теперь  понятно, откуда берутся кракозябры. Они у меня часто появляются в админке, когда нажимаю « Активировать плагин».  А когда возвращаюсь на предыдущую страницу , то они сами исчезают...

    Ответить

  8. Влад

    Да, программа просто супер. Давно пользуюсь и очень доволен. Незаменима для редактирования шаблонов, плагинов и т.д. А запись хороша. О некоторых моментах сам узнал только недавно, а о некоторых только после прочтения статьи 🙂

    Ответить


    Евгения Куварина

    О программе узнала, когда изучала курс Попова. Она действительно очень удобная, особенно нравится, что все разными цветами подсвечивается.

    Ответить


    Анатолий Севрук

    Я не помню, откуда про нее узнал, но пользуюсь только ей.

    Ответить

  9. Александр

    Пользуюсь давно, но узнал много интересного!!!

    ООООчень полезная статья.

    Благодарствуем!!!

    🙂

    Ответить

  10. Ирина

    Спасибо за статью! Очень подробно и доступно, особенно для таких как я — новичков. Теперь поняла, что программа Notepad++ может заменить Dreamweawer CS4, тем более. что мне нужно только отредактировать часть текста на сайт. Правильно я мыслю?

    Ответить

  11. Василь

    Очень классная статья и видео! Спасибо!

    Ответить

  12. 2bota.ru

    Для ламеров, перед тем как вставить «РУССИФИЦИРОВАННЫЙ» код в ваш php файл — перекодируйте его, а потом вставляйте, иначе кракозябры остаются.

    Ответить

  13. Руслан

    Классная статья.Отличный редактор, давно им пользуюсь и думаю он лучший в своём роде. 

    Ответить

  14. Роман

    Статья и правда очень полезная, спасибо, Александр.

    Пользуюсь notepad ++ давно, но узнал много нового для себя.

    Ответить

  15. Евгений

    А если в PHP файле «;» в конце строки забуду поставить или какую другую синтаксическую ошибку допущу  notepad ++ сообщит об ошибке???

    Ответить

  16. Дима

    а я использую не ноутпэд, а phpdesigner. Она удобнее

    Ответить


    Дима

    вот только про кодировку, я не знаю как её менять в пиэчпидесайнере. Я это делаю через обычны блакнот или тоже ноутпад.

    Ответить


    Сергей

    Дима тогда может лучше пользоваться Notepad++ ))

    Ответить

  17. Сергей

    Notepad++ пользуюсь с самого начала ведения блога отличная программа радует что код подсвечивается всем советую!

    Ответить

  18. Максим

    Да, программа просто супер. Давно пользуюсь и очень доволен. Незаменима для редактирования шаблонов, плагинов и т.д. А запись хороша. О некоторых моментах сам узнал только недавно, а о некоторых только после прочтения статьи

    Ответить

  19. Игорь

    Самый классный редактор для php, пользуюсь только им ) Ничего лишнего, имеются все основные функции которые требуются для работы )

    Ответить

20 эффективных способов увеличить базу подписчиков!
Оставьте комментарий:
Ваше имя *
Ваш email *
Ваш сайт:
Ваш комментарий: