Kategorie
E-commerce Porady

Jak formatować wpisy na blogach firmowych?

Atrakcyjność wpisów na blogach firmowych ma duży wpływ na decyzję, czy artykuł zostanie przeczytany czy nie.

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