Добавить в корзинуПозвонить
Найти в Дзене
FireStarter

Первые проблемы. Css и Worpress

Спустя сутки после бурного обсуждения выползли первые проблемы. На самом деле это не особо серьезные проблемы, скорее некое неудобство, но тем не менее. Но обо всем по порядку. Итак после создания подходящего шаблона по разметке и подложке, начали править цветовые схемы. Правили в css стилях шаблона стандартным редактором WP. Должен отметить, что с момента 2014, а именно тогда я в последний раз лично правил css в стандартном редакторе, WP очень сильно изменился и все это стало выглядеть поприятнее. Чего не могу сказать о редакторе статей. Свежая оболочка оказалась крайне неудобной, как по моему личному скромному мнению. Эм... Это лерическое отступление, не обращайте внимания. Первая трудность возникла с поиском конкретных цветов. Часть написано в html формате, а часть в rgb и rgba. Для отображения в браузере это не проблема, а вот для поиска и замены вызывает некие неудобства. Благо умы у участников проекта гибкие, быстро приспосабливаются, а посему спустя час все уже привыкли и дел

Спустя сутки после бурного обсуждения выползли первые проблемы.

На самом деле это не особо серьезные проблемы, скорее некое неудобство, но тем не менее. Но обо всем по порядку.

Итак после создания подходящего шаблона по разметке и подложке, начали править цветовые схемы. Правили в css стилях шаблона стандартным редактором WP. Должен отметить, что с момента 2014, а именно тогда я в последний раз лично правил css в стандартном редакторе, WP очень сильно изменился и все это стало выглядеть поприятнее. Чего не могу сказать о редакторе статей. Свежая оболочка оказалась крайне неудобной, как по моему личному скромному мнению. Эм... Это лерическое отступление, не обращайте внимания.

Первая трудность возникла с поиском конкретных цветов. Часть написано в html формате, а часть в rgb и rgba. Для отображения в браузере это не проблема, а вот для поиска и замены вызывает некие неудобства. Благо умы у участников проекта гибкие, быстро приспосабливаются, а посему спустя час все уже привыкли и дело пошло быстрее.

Со второй трудностью столкнулись во время перевода стандартных надписей и кнопочек. Это форма логина, юзер меню и пр. Поясняю для тех кто не сталкивался с этим. У WP есть файл локализации. Там где указывается перевод стандартных админ меню, кнопок и форм. Так вот, на юзер меню он не распространяется, по непонятным для меня причинам. Разбираться и копать в эту сторону не стали, ибо неизвестно на сколько это может затянуться. Проще перевести. Но оказалось что данная фраза " forgot you pasword?" Встречается в 6 местах. И все относятся к юзерменю. Изменили во всех и "о чудо!", ничего не изменилось. Вернули на место. Ищем дальше, хотя это не совсем логично. Не нашли. Только эти 6, 5 в файле юзера и 1 в админке. Поменяли ещё раз. Результат тот же. Пересохранил, мало ли забыли. Результат не изменился. Ушли на кофе-брейк. Надо думать, что же за нелепость, в файле локализации изменили, в скриптах - изменили, а на сайте не поменялось. В других местах просто этих фраз нет. Единственное что приходит в голову - кэш браузера. И хоть пишут, что ctrl+F5 обновляет кэш - работает это не всегда. Решили после кофеечка просто обновить ещё раз страницу. Не поверите, поменялась надпись. Провели эксперемент, снова поменяли сообщение и начали клацать на обновление с частотой раз в 10-12 секунд.

4 минуты 30 секунд необходимо на изменение англоязычных записей в скриптах WP.

Не очень приятненько. Но и с этим можно смериться.

Третьим "затыком" оказался цвет ссылок в комментариях. Браузер->исследование элемента показывает 0000FF. Вроде бы не сложно, заходим в css, такого цвета нет. Чтоб с этим мы знакомы. Переводим в rgb, поиск - снова нет. Та же история с rgba. И вот тут мы слегка зависли все. Поиск по файлам скриптов так же не дал результата. Такой цвет не используется нашим WP в принципе. Но стоп. Исследуем элемент - вот он 0000FF. Может браузер шалит? Опера, Хром, Яндекс, Мозила на трёх компьютерах показывает 0000FF. Странно все это, принято решение ковырять не через поиск а по всему css искать все что связано с ссылками и комментариями. Оказалось, что цвет как таковой для этих ссылок отсутствует в файле стилей и WP подбирает его на основании своего разумения. Это с одной стороны хорошо, но с другой "блин, как так"? Вопрос риторический. Остаётся найти необходимый класс и прописать ему цвет.

Подведем краткие итоги

  • Css стили шаблона написан таким образом, что поиск одного и того же цвета осуществляется в 4 форматах. Это #hex, он же шестнадцатиричный, сокращённый шестнадйатиричный #rgb, rgb и rgba.
  • Перевод элементов следует осуществлять не только в файле локализации, но и в самих скриптах. При этом надо учитывать, что изменения в скриптах вступают в силу не сразу, а через некоторое время.
  • У WP есть цвета, которые он выбирает (генерирует?) сам, и их найти в Css не представляется возможным. Придется писать ручками.

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

Ожидаем следующих собраний.