- При правці файлів теми через Блокнот (NotePad) з'їжджає дизайн блогу
- Як додати можливість коментування до «статичним» сторінкам в WordPress
- Як вирішити проблему з відображенням hspace і vspace в браузері для картинок в WordPress
Останнім часом зайнявся расковиріваніем блогу: потихеньку-то розбиратися з 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 .
PS: Полюбився СЕО Прес? Підпишись на RSS .
Цікаво вивчити:
Php comments_template (); ?Php edit_post_link ( 'Редагувати', '<p>', '</ p>'); ?
Чому?
Php the_ID ();?