Форум Сайтостроение Веб-строительство

Хелп! Вывод маркированного списка с уникальными маркерами в виджете страниц Wordpress

B7
На сайте с 06.08.2010
Offline
20
bfd747
3935

Доброго времени суток! Пардон за ужасный заголовок, но лучше не придумал.

Суть в следующем. Имеется сайт на Wordpress. В сайдбаре выводится стандартный виджет со списком страниц. Для каждой страницы задал уникальную миниатюру. Хочу, чтобы она выводилась в том виджете. Т.е. должно получиться так:

[ATTACH]119644[/ATTACH]

Вопрос: как это сделать?

Знаю, можно сделать с помощью плагина, но хочется обойтись без этого, там много лишнего.

Подключил возможность задания миниатюр в теме, 100 часов "тыкал" файл /wp-includes/default-widgets.php, и уж было думал застрелиться... Но потом решил повременить с этим и разместить топик здесь:)

png 123.png
gormarket
На сайте с 29.12.2010
Offline
47
gormarket
#1

Это можно сделать одними только стилями

для списка убирайте маркеры

list-style: none;

а для ссылок задавайте background в зависимости от href

Например если одна из ссылок имеет адрес как у данной страницы, то стиль для этой ссылки будет примерно таким

a[href*="showthread.php?t=773508"] {

background: url("/путь_до_нужной_картинки") 0px 0px no-repeat transparent;

padding-left: 50px;

}

И так для каждой ссылки

Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)
Нужна помощь в коррекции Помогите с изображением для css вопрос с миню.
[Удален]
#2

В WP есть виджет, в который вставляется простой html код

<ul>
<li class="country1">страница 1</li>
<li class="country2">страница 2</li>
<li class="country3">страница 3</li>
<li class="country4">страница 4</li>
<li class="country5">страница 5</li>
</ul>

И в файл стилей css вашего шаблона добавить этот код

.country1 {
list-style-image: url(country1.gif);
}

.country2 {
list-style-image: url(country2.gif);
}

.country3 {
list-style-image: url(country3.gif);
}

.country4 {
list-style-image: url(country4.gif);
}

.country5 {
list-style-image: url(country5.gif);
}
B7
На сайте с 06.08.2010
Offline
20
bfd747
#3

Спасибо за ответы!

Как это сделать через CSS и виджет - знаю, и уже вариант такой рассматривал и, скорее всего, придётся им воспользоваться. Но всё же хотелось бы поковыряться в php=)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий