Последнее время занялся расковыриванием блога: потихоньку-то разбираться с Wordpress нужно, и столкнулся с рядом типичных проблем. Тот кто давно ведет блог на Вордпресс, наверное, эти проблемы успешно преодолел, а для новичков пригодится.
Да и вообще свой блог я задумывал, как хранилище различных полезностей и сгустков интересных размышлений, чтобы каждый раз мучительно не вспоминать очередную идею (можно ведь и не вспомнить!). А посему запишу-ка я аккуратно все решения проблем с Wordpress, пока они свежи в памяти, авось еще и мне сгодятся.
При правке файлов темы через Блокнот (NotePad) съезжает дизайн блога
Для FTP доступа на блог я пользуюсь старым-добрым Windows Commander, в котором при простом нажатии на F4 осуществляется редактирование выбранного файла в Блокноте. Устанавливаю я, значит, как-то плагин, который для работы требует вставки фрагмента кода в файл index.php темы, все вставляю через F4 в Windows Commander и Блокнот, заливаю обратно на хостинг – съезжает дизайн непонятно почему. Ладно заливаю старый файл index.php (благо я его сохранил в первозданном виде) – с дизайном становится все нормально. Пробую другой вариант: добавляю пробел при редактировании, а затем его убираю все в том же файле index.php темы, т.е. фактически оставляю файл неизменным. Снова заливаю через FTP и снова дизайн съезжает – похоже что проблема в редакторе.
Оказывается, иногда Блокнот некорректно модифицирует файлы тем и плагинов Вордпресс, и возникновение различного рода косяков естественно. Для корректной правки следует воспользоваться редакторами UTF-8 такими как UnicEdit или PHP Expert editor 4.2. А откуда все это добро скачать можно узнать у Lecactusа.
Как добавить возможность комментирования к “статическим” страницам в Wordpress
В Вордпресс есть несколько вариантов создания web-страниц: в виде постов и в виде отдельных страниц (я буду называть их статическими, хотя это и не совсем правильно). Примером такой “статической” страницы является страница Обо мне у меня на блоге. У “статических” страниц моей темы не было возможности комментирования, а мне захотелось эту возможность добавить. Я долго рылся на разных форумах и блогах, но решение своей проблемы так и не нашел. Тогда я решил просто поковыряться в файлах темы и, оказалось, проблема решается очень просто.
Шаблон “статической” страницы темы лежит в файлике page.php. Вставляем туда строчку
<?php comments_template(); ?>
сразу после вот этой строки
<?php edit_post_link('Редактировать', '<p>', '</p>'); ?>
и вуаля, можно комментировать сколько душе угодно.
Как решить проблему с отображением hspace и vspace в браузере для картинок в Wordpress
Почти в каждый свой пост я стараюсь вставлять тематическую картинку, чтобы интересней было его читать. А для того чтобы текст на примыкал к картинке вплотную в редакторе написания постов в Wordpress я прописывал в полях hspace и vspace тега img нужные параметры отступов. Я обычно пользуюсь браузером Internet Explorer, и в нем эти отступы отображаются как нужно, а совсем недавно решил взглянуть на свой блог через браузеры Opera и Firefox. Каково же было мое удивление, когда я увидел, что в них текст вплотную прилегает к картинке, бедные читатели. Эти браузеры почему-то не понимают параметры hspace и vspace. Почему?
А причина оказалась вот в чем, в файлике css моей темы прописана вот такая строчка
*{
margin:0;
padding:0;
}
которая по умолчанию сообщает браузеру не делать отступы для элемента, если для него не прописана отдельно подобная конструкция в том же файле css. Браузеры Firefox и Opera именно этой строчке отдают приоритет и не отображают отступы, а Internet Explorer по непонятным для меня причинам отдает предпочтение параметрам hspace и vspace в коде поста. Чтобы все исправить и привести к единому знаменателю нужно отдельно определить margin для картинок в посте. Делается это очень просто, в файлике index.php своей темы ищем какое поле id и какие классы соответствуют посту у меня это
<div id="content" class="narrowcolumn">
для поля id и два класса (второй вложен в первый)
<div class="post" id="post-<?php the_ID(); ?>">
<div class="entry">
Далее находим в файле css ту часть, которая отвечает за это поле id, она выглядит так
#content {....}
для моего случая и добавляем после нее любую из строчек на выбор
.post img { margin: 10px; }
.entry img { margin: 10px; }
в итоговом файле css это будет выглядеть примерно так
#content {....}
.post img { margin: 10px; }
теперь для картинок в посте будет осуществляться отступ по всем краям на 10 пикселей автоматически, без всякой надобности прописывать параметры отступов в теге img при написании поста. Корректность отображения картинок проверена во всех трех браузерах: Internet Explorer, Opera и Firefox.
Хм, пока писал этот пост пришлось разобраться еще с одной проблемой, как вставлять html, php и т.п. код в текст поста. Тег <code> ну никак не желал работать пока я не установил плагин Code Autoescape.
P.S.: Полюбился СЕО Пресс? Подпишись на RSS.
Любопытно изучить: