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

Также, в этой статье я буду добавлять комментарии, по поводу работы и отображения страниц этого блога в разных браузерах, и вкратце описывать проблемы, возникающие при работе CMS или хостинга.
Эта статья будет постоянно обновляться.
Читайте, если вам интересно, чем я тут занимаюсь





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

16.03.2012
+ Регистрация домена и хостинга, загрузка файлов и базы данных MySQL на сервер.
* Исправление мелких ошибок, возникших при переезде с локального сервера на хостинг.
* Изменение настроек плагинов и CMS, необходимых для работы сайта на сервере.
* Вычисление абсолютного пути до корня сайта.
Служба поддержки хостинга prosto.1gb.ru, не смогла сказать мне точно - как узнать абсолютный путь до корня сайта, а это обязательно нужно указать в настройках CMS. Я долго копался на сайте 1gb, и в конце концов нашел хардкорный способ. Чтобы узнать абсолютный путь до корня сайта, просто создайте PHP-файл, и обратитесь к какой-нибудь заведомо несуществующей функции. Получится "Fatal Error", и на странице с ошибкой можно увидеть абсолютный путь!

17.03.2012
* Я изменил отображение кнопок "Мне нравится" в конце каждой статьи.
Табличная верстка, изменена на блочную. Тяжко было с div'ами и float'ами возиться, но я разобрался, что к чему.
+ Отправлен запрос на индексацию сайта, в основные поисковые системы.
+ Добавлен счетчик LiveInternet, с открытой статистикой, без пароля.

18.03.2012
* Исправлена кнопка поиска по сайту (в правой колонке, и в контенте). Тег input заменен на button, по причине невозможности изменить курсор при наведении курсора мыши на кнопку (pointer) в браузере Opera 11.61 (в остальных браузерах работало).
Должен заметить. В браузере IE8, верстка портится и возникает куча непонятных ошибок, если закрыть тег button вот так:

<button />

А если закрыть его так, то всё в порядке:

<button></button>

Хотя оба варианта валидны, если верить валидатору W3C (XHTML 1.0)
+ Добавлен JavaScript, быстро сообщающий пользователю (без необходимости перезагрузки страницы), если он введет в форму поиска по сайту слово, состоящее менее чем из трех символов, или не введет запрос вообще.
* Немного изменен код кнопок "Мне нравится" под статьями, отлажено корректное отображение ссылок на понравившиеся вам статьи во всех используемых социальных сетях - Вконтакте, Mail.ru, Одноклассники.
* Найдена причина падения скрипта кнопки "Мне нравится" в IE8. Это был мой косяк, я задал параметр width:auto. Этот параметр убран из кода за ненадобностью.
* Исправлено отображение заголовка письма, изменена кодировка - koi8-r на Windows-1251, путем добавления перед строкой:
@mail($to, $subject, $message, $headers);
Кода:
$subject = '=?Windows-1251?B?'.base64_encode($subject).'?=';
* Исправлены мелкие орфографические ошибки.

19.03.2012
* Исправлены неточности отображения ссылки на блог, на стене вконтакте, после нажатия кнопки "share". Я отказался от парсинга страницы сервером вконтакте, и указал скрипту конкретное изображение. Вроде бы и на скорость загрузки страницы, это положительно повлияло. С этими кнопками столько проблем!
+ Юзабилити. При открытии категории, я добавил ссылку RSS-ленты этой категории, плюс сопутствующий текст. Теперь вы можете подписаться на новые статьи, только в выбранной категории.
* Исправлена серьезная ошибка! Скрипт Highslide, у меня был подключен 2 раза, и глючил!
* Небольшая оптимизация скрипта Highslide, уменьшение его размера, изменение отображения графики на сайте - изменен режим: "слайдшоу" на "простой", исправление мелких ошибок в шаблоне скрипта, корректировка настроек шаблона.

20.03.2012
* BB-коды перенесены из шаблона, в отдельный подключаемый JS-файл. Это должно немного ускорить загрузку страниц.
? Эксперимент с изменением прав доступа к папкам на сервере. Указанные разработчиком CMS права (chmod), установить не удалось...
+ Добавлены новые иконки в главное меню, в связи с чем, был немного переделан шаблон.
UPD. Исправлен встречный, получившийся косяк ссылок администратора.
* Увеличена резкость графики на 20%.
* Изменены отступы в правой колонке, уменьшен отступ слева, добавлены отступы по бокам для: "Облако тегов" и "Последние комментарии", ну и для нижнего блока со ссылкой на сайт NGCMS. Так смотрится красивее.

21.03.2012
* Изменена шапка сайта. Тег а со стилями, заменен на тег img, для обнаружения изображения сервером вконтакте.
* Изменен код кнопки "Сохранить" вконтакте. Теперь можно выбирать прикрепляемую иллюстрацию к статье, или по умолчанию будет использован логотип шапки сайта (вернул обратно noparse:false).
* Исправлены амперсанды в ссылках на страницы просмотра всех комментариев. Заменено 10 файлов. Теперь шаблон сайта, стал ещё валиднее.
? Обнаружен баг - выделенные цитаты не вставляются. Проблема решается...
- В связи с глючностью функции цитирования выделенного текста в комментариях, она убрана из кода. В одном браузере работает, в другом нет... Надоело.
Ссылка "Цитировать" переименована в "Ответить". Выделение теряется до события OnClick, и текст не вставляется. Можно конечно попробовать подшаманить, ну я думаю что в этом нет необходимости.

22.03.2012
* JavaScript файл BB-кодов был оптимизирован. Его размер уменьшен на ~4 килобайта. Мелочь - а приятно!
Изменен текст ссылки закрытия списка цветов и смайлов в комментариях, изменен курсор на "pointer", при наведении на ссылку "Закрыть". Повторяющиеся стили были вынесены в CSS-файл.
+ Добавлен и настроен счетчик Яндекс.Метрика (кстати - крутая штука! ).
* Найден и исправлен баг в CSS. Отступ справа, у полной и короткой статьи, отличался на 30 пикселей.
* Дизайн. Текст "Дата:" был убран из новости, и заменен на иконку 15x15, с изображением часов. И тут же был выровнен по высоте - текст даты, и ссылки "Читать полностью >>>".
* Исправлен баг с шапкой сайта, который я, видимо, вчера и сделал!)) В IE8, в режиме совместимости, правая часть шапки выпадала из нее. Применил к логотипу float:left - и всё нормально.

23.03.2012
* Исправлен код формы поиска по сайту. В IE8, в режиме совместимости, кнопка отправки запроса "выпадала" из формы.
* В IE8 была убрана некрасивая пунктирная линия вокруг кнопок (но не в режиме совместимости).
* При определенной ширине страницы (при большом количестве статей на странице в результатах поиска - до пяти), низ с закругленными углами перед футером, отделялся от основной части на 30px. Вылечено обычной вставкой символа пробела после mainblock'а.

24.03.2012
+ Юзабилити. Была проделана большая работа. Я интегрировал на сайт, поиск с выделением поисковой фразы в тексте, другим цветом фона (Попробуйте! ). Тут можно много рассказать, каких ошибок я только не видел в процессе зашаманивания этого скрипта!! Самый гемор был с кодировками в GET и POST-запросах, и работой с DOM...

25.03.2012
* Вчера я объявил не ту переменную в начале страницы, и BB-коды не работали. Исправлено.

26.03.2012
* Обновил движок NGCMS до версии 0.9.3 Release [SVN954+]. Пришлось настраивать заново все плагины сайта. Последнее активированное обновление - Changeset [963].
Changeset [964] был пропущен за ненадобностью.
Сейчас идет тестирование сайта. Исправление для отправки почты от 18.03.2012 больше не нужно, т.к. в CMS добавлен новый функционал. Спасибо создателям NGCMS!
* Изменение параметров безопасности. PHP-блоки убраны из шаблона, и вынесены в плагин. А то нихрена же себе, у меня PHP в тексте статей выполнялся! Теперь, выполнение PHP в шаблоне и тексте статей отключено!
* Изменен пароль к админ-панели. Теперь он длинный и сложный!
* PHP-скрипт подсветки поиска, был перенесен в отдельный блок, в плагин. Всё работает отлично!
* SEO. Тег h1 был заменен на h4, ибо нех*й!
* Исправлены опечатки в статьях.
* Небольшая оптимизация CSS (но не окончательная!). И еще я отказался от тени текста заголовков статей, т.к. в разных браузерах ее отображение разное.

27.03.2012
* Изменен шрифт текста статей с Arial на Verdana, и размер шрифта заголовков. Изменена тень заголовков статей.
* Немного подредактирован шаблон сообщения формы обратной связи.

30.03.2012
* Мелкие оптимизации кода. Переместил подгружаемый скрипт кнопки mail.ru в конец страницы, а то он гребет сцуко.
? Попытка внедрить ajax, для загрузки статей без перезагрузки всей страницы. Наверное я откажусь от этой идеи, слишком много нюансов, и отсутствие полноценной поддержки со стороны CMS.
А скрипт изменения размера шрифта статей - я сделаю...
+ Сайт первый раз попал в индекс ПС "Яндекс".

01.04.2012
* Обновлен юзабилити-текст комментариев.
+ Добавлен скрипт плейсхолдера в комментариях (подсказки формы ввода текста комментария).
* Убран атрибут title у всех полей ввода, после загрузки скрипта плэйсхолдера. И сразу же отвалилась подсказка форм поиска по сайту (не введен запрос и размер искомого слова). Всё исправлено, и нормально работает. Скрипт подсказок вынесен в общий JS-файл.
+ Добавлен юзабилити-текст [ Увеличить изображение ] под картинками во всех статьях.

02.04.2012
* Скрипт плэйсхолдера формы ввода текста комментария убран из JS-файла, исправлены ошибки, скрипт был переделан.
* Добавлен якорь к сообщению об ошибке при отправке комментария. Убрана ссылка "Закрыть" - она не нужна.
* Обновлена аватарка гостя сайта.

03.04.2012
+ Поставил контекстную рекламу от WTK. Тестируется. Хотя рано еще, ну немного рекламы не помешает
* Переместил контекст из под шапки, в текст статей. (Между короткой и полной новостью)
* Перенес скрипт контекста WTK в блок плагина ADS manager pro.

07.04.2012
* Исправлена ошибка - если набрать адрес сайта с www, то цифры на капче не отображаются, в связи с этим, добавление комментария или отправка сообщения через обратную связь была невозможна.
В файл .htaccess добавлен 301-й редирект с www.dizelyator.ru/* на dizelyator.ru/*.
* Для всей отправляемой с сайта почты, был принудительно установлен формат text/html.
* Обновлена аватарка гостя, в комментариях.
* Изменен код "последних комментариев" в боковой панели. Тег p заменен на div, исправлена валидность. Убрана стрелка перед комментарием, потому-что получался перевод строки, а это некрасиво. Выровнен отступ между ссылкой на статью и краем блока комментария.
* Добавлена (а точнее - исправлена ) возможность цитировать выделенное сообщение в комментариях к статьям.
* Исправлен косяк - в хроме, цитирование и ответ на комментарий глючило.
* Максимальная длинна одного комментария к статье, была увеличена с 500 до 700 символов. Не всегда получается изложить свою мысль в 500 символах!))
* В блоке "последние комментарии", длинна комментария увеличена с 50 до 100 символов.

12.04.2012
* Изменен дизайн. Сайдбар передвинут вверх, ширина шапки уменьшена. Главное меню убрано из сайдбара, и растянуто над шапкой сайта. Заменен фон шапки. Исправлены ошибки.
* В связи с этим, максимальная ширина страницы была уменьшена на 100px, до 1100 пикселей.
* В блок комментария добавлена ссылка на этот комментарий (якорь). Пригодится.

15.04.2012
* Исправлено: при добавлении комментария, кнопки цитирования и ответа не отображаются.
* Исправлена ошибка валидности: тег b в комментариях был закрыт неправильно, что вызывало ошибки.

30.04.2012
* Исправлена подсветка результатов поиска по сайту. Теперь подсвечиваются ВСЕ ключевые слова, независимо от их последовательности.
Спасибо авторам этого скрипта: https://outcorp-ru.blogspot.com/2007/03/html-javascript.html

Статья стала слишком большой, продолжение здесь: Мой блог. Изменения и нововведения на сайте, за май 2012 года.


Обновлено: 10.10.2013 - 13:24

Категория: Блогосфера, и всё такое

Возможно, вас заинтересуют другие статьи: