Wprowadzenie do szablonu
27.09.2024

Tworzenie artykułów na Jeja Wiki opiera się na prostym kodzie HTML oraz układzie z nagłówkami, tabelami i treścią. Poniżej przedstawię budowę takiego artykułu, jak praktycznie wykorzystać poszczególne elementy kodu oraz zasady tworzenia spójnej treści.

Struktura nagłówka

Na początku artykułu znajduje się element 'div' z tytułem oraz datą publikacji w elemencie 'span'. Kod ten wygląda następująco:

Zastosowanie:

  • Tytuł artykułu – w 'div' wpisujemy temat artykułu, np. „Historia serwisu Jeja”.
  • Data publikacji – w 'span' wpisujemy datę w formacie dzień.miesiąc.rok, np. „26.09.2024”.

    • Przykład:

    <div>Historia serwisu Jeja</div> <span>26.09.2024</span>

    Infobox – tabela z danymi

    Infobox to tabela służąca do wyświetlania kluczowych informacji o opisywanym temacie. Poniżej znajduje się kod HTML dla infoboxa:

    Brak grafiki

    Zastosowanie:

  • Tytuł infoboxa – umieszczany w elemencie 'caption', np. „Dane serwisu”.
  • Obrazy – w elementach 'img' można umieścić zdjęcia lub grafiki, dodając ich ścieżkę w atrybucie src, np. src="logo.png". Należy dodać obraz przykładowo do serwisu ImgBB, aby administrator mógł ten obraz pobrać i dodać na serwer Jeja Wiki.
  • t1, t2, t3 – to wartości, które można zmieniać na dowolne dane, np. nazwa, założenie serwisu, popularność.

    • Przykład:

    Brak grafiki

    Treść artykułu

    Nagłówki i akapity

    W artykułach ważne jest strukturyzowanie treści za pomocą nagłówków oraz akapitów.

  • 'h1' – główny nagłówek, np. „Historia serwisu”
  • 'h2' – podnagłówek, np. „Wczesne lata”
  • 'p' – akapit, czyli zwykła treść artykułu.
    • <h1>Nagłówek</h1> <p>treść</p> <h2>Podnagłówek</h2>

    Przykład

    <h1>Historia serwisu Jeja</h1> <p>Serwis Jeja powstał w 2002 roku i szybko zdobył popularność dzięki unikalnym treściom.</p> <h2>Wczesne lata</h2> <p>W początkowych latach działalności serwis był znany z dowcipów i zabawnych filmików.</p>

    Listy wypunktowane

    Do tworzenia list punktowanych używamy elementu 'ul' (lista), a poszczególne elementy listy umieszczamy w 'li' (element listy):

    <ul> <li>tekst1</li> <li>tekst2</li> <li>tekst3</li> </ul>

    Przykład

    <ul> <li>Duża liczba użytkowników</li> <li>Codzienna dawka humoru</li> <li>Komentarze i społeczność</li> </ul>

    Źródła

    Na końcu artykułu warto dodać sekcję z odnośnikami do źródeł. Do tego służy znacznik 'a', gdzie href to link do strony, a tekst w środku to nazwa źródła. Znacznik 'br' jest stosowany w celu lepszego oddzielenia źródeł od reszty artykułu.

    <br> <h2>Źródła</h2> <a href=nazwa źródła">

    Przykład:

    Brak grafiki

    Sekcja 'head'

    Do artykułów na Jeja Wiki dodawany jest również kod w sekcji 'head', który pomaga w optymalizacji strony, szczególnie pod kątem udostępniania treści w mediach społecznościowych. Znajduje się ona na górze całego kodu. Oto, jak wygląda przykładowa sekcja 'head':

    Brak, wymaga dokończenia