Szablon formatowania HTML wpisów
Naszym celem jest tworzenie atrakcyjnych pod względem merytorycznym i wizualnym artykułów, które będą chętnie czytane przez odwiedzających. O tym, jakie elementy powinien zawierać artykuł, dowiesz się z osobnego wpisu: Jak tworzyć wpisy na blogu firmowym?
Poniżej znajduje się przykładowy szablon prostego formatowania HTML wpisów, jaki wykorzystujemy w Ageno. Formatujemy w trybie HTML, ponieważ dzięki temu mamy pewność, że nie dodajemy zbędnych znaczników.
<h1>Atrakcyjny tytuł wpisu</h1>
<!-- Zazwyczaj Nagłówek h1 jest po prostu tytułem w systemie WordPress i nie trzeba go dodawać do treści -->
<p class="lead">Lead artykułu zachęcający do przeczytania całości. Jego zadaniem jest zaintrygowanie czytelnika.</p>
<div class="questions">
<h2>Na na jakie pytania odpowiada wpis?</h2>
<ul>
<li>Pytanie pierwsze</li>
<li>Pytanie drugie</li>
</ul>
</div>
<div class="tldr">
<h2>W skrócie</h2>
<p>Skrót artykułu naświetlający najważniejsze fakty, gdy ktoś nie ma czasu czytać całości.</p>
</div>
<h2>Nagłówek drugiego poziomu rozpoczynający myśl</h2>
<p>Paragraf. <strong>Pogrubiony fragment najważniejszy</strong>. Treść paragrafu. Link do zewnętrznego </p>
<p>Paragraf kolejny.</p>
<ul>
<li>Lista nienumerowana</li>
<li>Lista nienumerowana</li>
</ul>
<h3>Nagłówek trzeciego poziomu</h3>
<p>Paragraf kolejny</p>
<p><img src="/link/do/zdjecia.jpg" alt="Opis zdjęcia"></p>
<ol>
<li>Lista numerowana</li>
<li>Lista numerowana</li>
</ol>
<blockquote>„Cytat”</blockquote>
<div class="source">
<p>Źródła:</p>
<ul>
<li>Źródło 1</li>
<li>Źródło 2</li>
</ul>
</div>
Sprawdź też: ageno/ageno-default-typography