mirror of
https://github.com/getpelican/pelican.git
synced 2025-10-15 20:28:56 +02:00
Made tag_cloud a list as per apparent consensus.
This commit is contained in:
parent
b3a37f8a15
commit
28ed75778a
1 changed files with 21 additions and 11 deletions
|
|
@ -521,22 +521,32 @@ Setting name (default value) What does it do?
|
|||
|
||||
The default theme does not include a tag cloud, but it is pretty easy to add::
|
||||
|
||||
<p>
|
||||
<ul class="tagcloud">
|
||||
{% for tag in tag_cloud %}
|
||||
<span class="tag-{{ tag.1 }}"><a href="{{ SITEURL }}/{{ tag.0.url }}">{{ tag.0 }}</a> </span>
|
||||
<li class="tag-{{ tag.1 }}"><a href="{{ SITEURL }}/{{ tag.0.url }}">{{ tag.0 }}</a></li>
|
||||
{% endfor %}
|
||||
</p>
|
||||
</ul>
|
||||
|
||||
You should then also define a CSS style with the appropriate classes (tag-0 to tag-N, where
|
||||
N matches `TAG_CLOUD_STEPS` -1), tag-0 being the largest.
|
||||
You should then also define CSS styles with appropriate classes (tag-0 to tag-N, where
|
||||
N matches `TAG_CLOUD_STEPS` -1), tag-0 being the most frequent, and define a ul.tagcloud
|
||||
class with appropriate list-style to create the cloud, for example::
|
||||
|
||||
span.tag-0 {
|
||||
font-size: 150%;
|
||||
}
|
||||
ul.tagcloud {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
span.tag-1 {
|
||||
font-size: 120%;
|
||||
}
|
||||
ul.tagcloud li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
li.tag-0 {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
li.tag-1 {
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
...
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue