Попри те, що система WordPres довгий час позиціонувалась як блогерська платформа, сам проект давно вийшов за новинні рамки. Магазини, галереї, системи бронювання — усе це можливо реалізувати завдяки численним плагінам та кастумізувати, дотримуючись правил.
Загалом, кастумізувати під себе можна будь-який елемент сайту: список новин та їх детальна версія, коментарі, а також статичні сторінки. Кожен з них має свою сторінку-шаблон з константами та розміткою. Спитаєте, що за шаблони, адже ми знаємо, що для створення теми Wordpress достатньо, аби в ній було лише два файли: index.php
та style.css
?
Мова йде про вбудовані шаблони, які лежать десь в недрах вордпресу. З деякими з цих файлів ми будемо працювати, інші залишимо для особистого дослідження:
404.php
archive.php
author.php
category.php
comments.php
content.php
content-aside.php
content-image.php
content-link.php
content-none.php
content-page.php
content-quote.php
content-status.php
editor-style-rtl.css
editor-style.css
footer.php
functions.php
header.php
image.php
index.php
page.php
rtl.css
screenshot.png
search.php
sidebar.php
sidebar-front.php
single.php
style.css
tag.php
Усі елементи проходять через такі стандартні темплейти. Ключем управління є те, що якщо ви створите в себе в темі якийсь з цих файлів, то система ставитиме його в пріорітет перед стандартними, навіть якщо ваш буде пустим…
Відтак, щоб повністю переробити вивід новини, нам достатньо створити у своїй темі WordPress відповідний файл. У випадку шаблону детальної новини це буде single.php
.
Отже. Хочете назавжди прибрати дату, виставити в кінці заголовок, або щоб ілюстрація виводилась на фоні сторінки — створюємо в директорії теми single.php
(або ж копіюємо робочий варіант з іншого шаблону). Алгоритм тут простий — оскільки single.php
знаходиться в головному шаблоні, то він перевизначає той стандартний single.php
, який знаходиться в глибинах WordPress.
Це був приклад для детального вигляду новини. Поза тим, в стандартному наборі файлів-шаблонів значно більше. Частина з них функціонує як індивідуальні сторінки, а такі файли як footer.php
та header.php
— як вкладення.
Це тільки стандартний набір для новин, тегів, пошуку, коментарів та статичних сторінок. Кожен з плагінів має свою аналогічну структуру, але про це будемо говорити після ознайомлення з синтаксисом.
Приклад №1. Створюємо header.php
header.php — шаблон верхньої частини сайту, так звана “шапка”, створюється як окрема складова і викликається в індексному файлі через константу:
get_header()
Отже, заходимо в свій account на DirectAdmin, клікаємо “Файлы” -> папка public_html -> wp_content -> themes -> ваша активна тема
Далі є два варіанти:
- нижче є Filesystem Tools – у віконечку Create New File вписуємо назву header.php і тиснемо Create;
- або копіюємо з іншої теми: для цього, відкриваємо в новій вкладці, наприклад, тему twentysixteen, тиснемо внизу справа Empty Clipboard -> знаходимо файл header.php, відмічаємо його галочкою -> Add to Clipboard; вертаємося на вкладку з нашою активною темою і клікаємо Copy Clipboard files here, питає Do you want to overwrite any existing files?, клікаємо ok і готово, файл скопійований.
Тепер треба наповнити наш новостворений файл кодом -> тиснемо Edit навпроти index.php -> виділяємо весь код, що стосується шапки -> вирізаємо його і вставляємо в header.php. В кінці обов’язково тиснемо Save as , щоб все збереглося.
Заходимо в index.php і добавляємо константу, для того, щоб відобразилася наша шапка:
<?php
get_header();
?>
Ще маю питання, я пропустила, коли ви створювали 404.php – документ, що інформує про помилку. Це потрібно такий файл створити у себе в адмінці на хостингу – в DirectAdmin? Чи можна у вордпресі? У якій папці? Що там прописати в самому документі? В неті я знаходжу, що потрібно створити файл – .htacces – для відображення цієї помилки.
– Це варто створити в папці з основною темою;
– Створювати найзручніше через діректадмін, у стандартній збірці Вордпресу є можливість лише редагувати файли теми;
– напишіть там кілька слів латинкою, або вставте малюнок. Це потрібно лише, щоб переконатись, що все працює;
– стосовно .htacces, то в даному прикладі цей файл чіпати не потрібно.
Мій footer
single.php має таке наповнення
“
“
Моя 404 :
“
Oopsss!! Sorry! Nothing was found (((
“
А в мене поки така 404 помилка:
А що це за прикол?)) В когось таке було, чому таке виникає ? Просто клікала по Діректадміну і таке вискочило.
Я щойно скопіювала файл футер з теми робочої – вставила в свою тему. Тепер через Edit намагаюсь відкрити – ось ця помилка постійно вискакує. Вже перезагрузила файли – Entry clipboard – не допомогло. Що з тим робити?
У робочій темі, до прикладу, твенті фифтін, відкриває легко файл.
Як варіант спробуйте скопіювати через файловий клієнт Filezilla
На даному сервері ще кілька сотень сайтів…
Якийсь з них був зломаний, відтак, гугл для перестраховки помітив увесь сервер я “під питанням”.
Ще маю таке питання: помітила, що кириличний шрифт незрозуміло відображається у файлах наших, коли редаговую їх через ДіректАдмін. Це тільки у мене так? Щось поломалося?
Марія, в мене з кирилецею те саме було.
А ще в мене вискакував ідентичний червоний фон. Я тоді просто створила footer.php через “create a file”, а наповнила його чим Бог послав – гугл в поміч називається )). Але маю проблемку – це просто надпис, у файлі css є написані значення для articles footer, etc, я вже й id в footer.php змінювала – щось не получається
О, то я не одна така)) Я теж так створювала, то ніби було все ок, але ще часом таке вискакує. Мене цікавить,чому так відбувається?
а можна скрін, чи зразок коду? — якщо ще актуально
Причина в кодуванні. Щоб створений документ не видавав сюрпризів, просто додайте зверху визначення:
паралельно з використанням php кодування спробуйте змінити кодування в редакторі коду
Ось мій футер, потребую “поміч залу”
http://htmlbook.ru/samlayout/verstka-na-html5/podval-stranitsy – я брала звідси код й переробляла собі. Ось цю частину
Учебный сайт «Как поймать льва в пустыне»
© Влад Мержевич
І цю в ЦСС –
.footer {
width: 740px; /* Ширина макета без полей */
padding: 0 10px 10px; /* Поля */
margin: auto; /* Выравнивание по центру */
color: #526118; /* Цвет текста */
}
.footer p {
margin: 0 0 5px 170px; /* Отступы текста */
Але тут ще добавила – height та background.
Учебный сайт «Как поймать льва в пустыне»
© Влад Мержевич
Приклад футера