Krok 1. Tworzenie widżetu

W tym kroku tworzysz nowy widżet.

Wejdź do: admincp - vBulletin CMS - Widżety

Załącznik 696

Krok 1a
Kliknij Create New Widget na dole tej strony.

Załącznik 694


Powinna pojawić się poniższa strona z polami: Widget Type, Tytuł, Opis. Wypełnij pola według podanego schematu.

Widget Type: Static HTML
Tytuł: Wpisz wybraną przez siebie nazwę.
Opis: Krótko opisz co robi widżet.

Załącznik 695

Kliknij zapisz.


Krok 2. Lokalizacja widżetu.

Wejdz do: admincp - vBulletin CMS - Manager układu

Na tej stronie znajduje się lista domyślnych lub przez ciebie stworzonych układów. Wybierz ten w którym ma być wyświetlany Twój widżet i wybierz na rozwijanej liście Edytuj.

Załącznik 697


Krok 2a

Z listy po lewej stronie wybierz stworzony przez siebie widżet i kliknij w przycisk >.

Załącznik 687

Krok 2b

Po naciśnięciu przycisku w pierwszej kolumnie pojawia się okno widżetu. Okno to możesz przeciągnąć do dowolnej z kolumn.

Załącznik 691

Kliknij zapisz.


Krok 3. Skonfiguruj widżet.

Cofnij się do listy widżetów i znajdź swój widżet, później kliknij w przycisk Configure.

Załącznik 689

Krok 3a. Konfiguracja

Teraz powinieneś widzieć poniższe okienko popup. Pole Enter Static HTML pozostaw puste. A w polu Template Name podaj nazwę szablonu gdzie umieszczony będzie kod dla widżetu.

Załącznik 690

Krok 4. Dodaj szablon widżetu.

Przejdź do admincp - Style i szablony - Zarządzaj stylem

Załącznik 692


Teraz z listy rozwijanej musisz wybrać opcję Add New Template.

Załącznik 693

4a. - Szczegóły Szablonu

W polach na pojawiającej się stronie należy wypełnić według poniższej instrukcji.

Tytuł: Wpisz nazwę szablonu, tę samą którą podałeś w punkcie 3a.
Szablon: Wklej poniższy kod:

Kod:

<div class="cms_widget">
    <div class="block">
        <div class="cms_widget_header">
        <h3>{vb:raw widget_title}</h3>
        </div>
        <div class="cms_widget_content">
        Test widżetu, moja nazwa użytkownika: {vb:raw myusername}
        </div>
    </div>
</div>

Załącznik 688

--------------------------------------------
Źródło: vbulletin.org