Привет!

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

Сразу покажу о чем идет речь:

Не знаю, замечал ли эту полосу кто-то, но во всяком случае никто мне про нее ничего не сказал. Открыв исходный код через инспектор (люблю в реальном времени просматривать код и редактировать при надобности), я обнаружил какие-то странные цифры. А именно: 

Так вот, это символы кодировки UTF-8 с BOM. Кодировка UTF-8 может быть двух видов: с BOM и без. В первом случае в самое начало документа подставляются всякие символы. Вот мы их и наблюдаем.

В WordPress все файлы НЕОБХОДИМО сохранять в кодировке UTF-8 без BOM. Немного подробнее я описывал в этой статье.

Так вот, чтобы убрать символ, просто откройте файл, который отвечает у Вас за нужную страницу. Например, в моем случае у меня файл single.php. Как-то я его редактировал через дурацкий стандартный блокнот windows, который автоматически сохраняет с BOM. Так вот, чтобы мне решить проблему - достаточно этот файл открыть в notepad++ или другом редакторе, поддерживающем кодировки, и сохранить как UTF-8 без BOM.

Тогда этот символ исчезнет, и пропадет лишняя полоска сверху. Простое лишь кажется сложным!

P.S. Устают глаза за компьютером? Рекомендую Вам прочитать мою статью о том, как сохранить и даже улучшить свое зрение тратя на это не более 15 минут в день.