Instrukcja

Poniżej znajdują się przykłady zastosowania niektórych elementów strony, tzw. shortcodów. Przykładów jest kilka, zawierają tylko podstawowe shortcody, żeby nie robić za dużo komplikacji. Wszystkie dostępne shortcody opisane są (po angielsku) na stronie X Theme.

Inicjał

Inicjał (po angielsku „dropcap”) to, cytując Wikipedię, wyróżnienie odrębnego graficznie fragmentu tekstu (najczęściej akapitu) poprzez nadanie pierwszej literze tego fragmentu innego wyglądu niż posiada reszta tekstu. W przypadku, gdy wyróżniany fragment zaczyna się wyrazem dwuliterowym, to obie litery wchodzą do inicjału. W przypadku wystąpienia cudzysłowu na początku wyróżnianego fragmentu, wskazane jest tak przeredagować tekst, aby pozbyć się tego znaku w tym miejscu.

Inicjał robimy tak:

[dropcap]I[/dropcap]nicjał to...

Należy pamiętać, że jeśli stosujemy inicjał, musimy wypełnić też zajawkę, czyli skrót treści artykułu. Edycja zajawki znajduje się pod edycją artykułu w panelu administracyjnym. Niezbędne jest to dlatego, że inicjał nie wyświetli się ani na stronie głównej, ani na Facebooku, w skrócie artykułu pod zdjęciem. Będzie to wyglądało jakby pierwsze zdanie artykułu nie miało pierwszej litery.

Śródtytuły

Duży śródtytuł

Duży śródtytuł robimy tak:

[custom_headline type="left" level="h2" looks_like="h3" accent="true"]Duży śródtytuł[/custom_headline]

Mały śródtytuł

Mały śródtytuł robimy tak:

[custom_headline type="left" level="h3" looks_like="h5" accent="true"]Mały śródtytuł[/custom_headline]

Cytat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum mauris id magna auctor maximus. Duis pharetra tincidunt mauris at hendrerit. Donec quis odio a libero suscipit finibus id efficitur turpis. Aliquam volutpat tempor enim in mollis. Sed malesuada scelerisque pulvinar. Donec sit amet vulputate sem. Quisque sem dolor, sagittis ut tincidunt id, commodo non tortor. Sed dapibus magna eget lorem dapibus, eu facilisis felis volutpat. Proin sagittis nec risus sed sodales.

Są dwie rzeczy nieskończone. Wszechświat i ludzka głupota.
Albert Einstein

Donec mauris massa, convallis quis tristique at, consectetur semper nunc. Integer efficitur ex id malesuada ornare. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu erat a justo semper rhoncus in non arcu. Mauris dolor erat, molestie ut consectetur eu, egestas et erat. Aliquam sed accumsan libero. Vivamus ac malesuada tortor, a fermentum eros. Nam facilisis nibh ac sem fermentum placerat. Aliquam diam nibh, tempus eget sodales in, posuere ac augue. Morbi tellus sapien, ornare eget convallis et, sollicitudin sed lectus. In in nisi in nisi viverra faucibus. Aenean eu nunc pretium, molestie arcu eu, commodo erat. Integer tincidunt feugiat orci vel viverra. Donec ullamcorper gravida elit vitae pharetra. Nam id congue urna, quis placerat metus. Maecenas a turpis suscipit, ornare ante pretium, venenatis nisl.

Latanie to sztuka, a raczej sztuczka. Dowcip polega na tym, by nauczyć się rzucać na ziemię i nie trafiać w nią.
Douglas Adams

Suspendisse diam tellus, gravida sit amet dolor sed, tempus aliquet metus. Praesent nec tincidunt eros, et ultrices sapien. Aliquam malesuada luctus mollis. Morbi elit massa, rhoncus in augue quis, dictum tristique ex. Quisque auctor vulputate elit in viverra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum sodales condimentum turpis, at interdum est tristique a. Nam vehicula metus in ligula blandit lobortis. Morbi in velit turpis. Nunc aliquam leo at augue volutpat porttitor. Donec posuere convallis faucibus. Integer dictum lorem sed tincidunt scelerisque.

Cytat z lewej strony robimy tak:

[pullquote cite="Albert Einstein" type="left"]
Są dwie rzeczy nieskończone. Wszechświat i ludzka głupota.
[/pullquote]

Cytat z prawej strony robimy tak:

[pullquote cite="Douglas Adams" type="right"]
Latanie to sztuka, a raczej sztuczka. Dowcip polega na tym, by nauczyć się rzucać na ziemię i nie trafiać w nią.
[/pullquote]

Podkreślenie (przez zamalowanie)

Sed non augue nec lectus luctus condimentum feugiat sit amet mauris. Aliquam vel turpis id orci dictum imperdiet eget nec neque. Sed tempor iaculis orci. Nam bibendum, enim ut finibus interdum, eros dolor lacinia erat, ac sodales lorem urna ac quam. Phasellus lobortis justo dolor. Nunc a lacinia nisl, nec sagittis eros. Fusce nec lorem vitae libero varius convallis sed non ante. Etiam eget lacinia enim, vitae fermentum purus.

Podkreślenie (przez zamalowanie) robimy tak:

[highlight]kawałek treści do zamalowania[/highlight]

Tooltip

Tooltip to taki balonik z dodatkową treścią pojawiający się po najechaniu na zaznaczony fragment tekstu. Stosowany jest najczęściej w połączeniu z odnośnikiem do strony zamieszczonym w środku zdania, bo można wtedy w tooltipie pokazać adres strony, nie psując nim wyglądu całego zdania.

Tooltip bez odnośnika robimy tak:

[extra title="To jest treść tooltipa" info="tooltip" info_place="top" info_trigger="hover"]Nad tym pojawi się tooltip.[/extra]

Tooltip z odnośnikiem robimy tak:

[extra href="http://www.oceanspokoju.pl" title="To jest treść tooltipa" info="tooltip" info_place="top" info_trigger="hover"]Nad tym pojawi się tooltip.[/extra]

Popover

Popover to taki większy balonik pojawiający się nad tekstem.

Różni się od tooltipa tym, że jest większy, ładniejszy i ma tytuł oraz treść. Można go użyć np. do szybkiego wytłumaczenia trudnego wyrazu, albo krótko opisać wymieniany w tekście element, nad którym nie ma potrzeby dłużej się rozwodzić. Popover można strosować również z odnośnikami. Na przykład odnośnik do strony www.oceanspokoju.pl może mieć popover opisujący co to za strona.

Popover bez odnośnika robimy tak:

[extra title="Tutaj wstawiamy tytuł" info="popover" info_place="top" info_trigger="hover" info_content="Tutaj wstawiamy treść popovera."]
Nad tym pojawi się popover.
[/extra]

Popover z odnośnikiem robimy tak:

[extra href="http://oceanspokoju.pl/" title="Ocean Spokoju" info="popover" info_place="top" info_trigger="hover"
info_content="Strona o ziołach, zdrowiu i żywieniu."]
Nad tym pojawi się popover.
[/extra]

Autor

Na końcu artykułu zawsze warto wstawić ramkę z autorem.

Ramkę z autorem wstawiamy tak:

[author title="Autor"]