WordPress. Як розмістити пости у кілька колонок.
Здрастуйте читачі. Хотів написати статтю з пачкою хаків, функцій та процедур, що допомагають змінювати виведення постів на головній, у рубриках та архіві. Але зрозумів, що такий пост буде зовсім не пошуковий заголовок, тому я краще випущу пачку невеликих статей, але з нормальними заголовками.
І почну з найпомітнішого коду.Як розмістити кілька постів поруч, а чи не в стовпчик.
Насправді все дуже просто, коли знаєш, куди встромити ці три рядки. Але ж у тому й загвоздка, що треба знати, що й куди.
Спочатку коротко, для тих, хто все знає: Для верстки в кілька колонок достатньо кожен пост укласти в теги
Десь 250 це ширина колонки. Так само можна подумати над виведенням відразу двох постів у блоці, щоб між верхнім та нижнім не було розривів. Але ж це самі. ))
І не забудьте після завершення циклу встромити
щоб скасувати float: left;
Для тих, хто знає трохи менше, розповідатиму по-порядку. 1) Знаходимо файл, що відповідає за виведення постів. Це зазвичай index.php для головної, arhive.php для архівів, category.php для рубрик. Якщо якогось із файлів немає, то зазвичай його замінює той самий index.php
Універсальний спосіб знайти потрібний файл є пошук потрібного коду. Цикл виведення постів починається з коду:
його і шукайте. Коли знайшли цей рядок, то шукаємо нижче рядок
Переконайтеся, що вона стосується саме потрібного циклу, а не іншого. Хоча зазвичай інших циклів у файлі все одно немає. Поряд із цими рядками ми і працюватимемо.
Отже одразу після відкриття циклу пишемо
Параметри width, margin, padding і border ви підганятимете під свої смаки. Однак зміст їх я, звісно, поясню.margin задає відступи ДОКЛАД блоку, тим самим збільшуючизаймане ним місце. Параметри задаються за годинниковою стрілкою. Верх, право, низ, ліво. Є різні записи цього параметра, я описав лише найзрозумілішу.padding задає відступи ВСЕРЕДИНІ блоку. Порядок сторін той самий.width це власне ширина блоку. Однак вважати треба у сумі з другим та четвертим параметрами margin. Сума значення повинна кілька разів вміщуватись у ширину батьківського блоку. Якщо ви не можете дізнатися про ширину батьківського блоку, то просто вгадайте її методом підбору, змінюючи параметр width нашого блоку.border це рамка для гарності. Товщина, тип та колір. Якщо рамка не потрібна, цю частину можна просто видалити.
Але це не все. Обов'язково закрийте тег, вставивши рядок