Publikacja zabawy na zzd z kilkoma zdjęciami:


- w katalogu mamy: plik txt z opisem zabawy, zdjęcia w jpg z zabawy (wysokosc 1080) z naniesionym napisem "www.zabawyzdzieckiem.pl" ( jedno zaznaczone jako główne) (rysunki schematyczne moga być w formacie png i są akceptowalne na zzd), (ewentualnie katalog z pomocniczymi plikami uzywanymi do przygotowania zabawy)

- jeśli mamy więcej jak jedno zdjęcie główne, pozostałe zdjęcia poza oznaczonym jako główne trzeba wczytać na zaplecze zzd w mediach:

- klikamy Artykuły-->Media, klikamy katalog: sampledata-->zabawy

- klikamy "wczytaj" - zielony przycisk, klikamy przycisk "przeglądaj", znajdujemy katalog z naszą zabawą i wybieramy wszystkie zdjęcia oprócz głównego, po czym klikamy "rozpocznij wczytywanie"

- po wczytaniu znajdujemy wszystkie wczytane zdjęcia i klikając prawym przyciskiem myszy na zdjęciu kopiujemy adres obrazu

- skopiowany adres obrazu wklejamy do pliku txt z treścią naszej zabawy - wklejamy te adresy gdzies pod zabawą

- przykładowy adres obrazu wygląda następująco, to jest tylko adres, a nie gotowy kod: 
http://zabawyzdzieckiem.pl/images/sampledata/zabawy/10-Biala-masa2-1080.JPG

- klikamy na zapleczu zzd Artykuły-->Artykuły

- tworzymy nowy artykuł poprzez klikniecie "Utwórz" - otworzy się okno do redagowania artykułu

- jako tytuł wpisujemy tytuł zabawy (nazwa pliku czy katalogu ma zwykle pełną nazwę zabawy), np "Wydzieranka"

- alias sam się nam utworzy 

- po prawej stronie ustawiamy opcje: Stan-opublikowano, Kategoria---3-5 (tu sami ustalamy poziom trudności zabawy, mamy kategorie: 0-1, 1-2, 3-5, 6-9 i 10+), Dostęp-public

- pod miejscem na tytuł mamy zakładki: treść, obrazki i łącza, opcje artykułu, Helix Blog Options itd

- wybieramy zakładkę "treść"

- na dole pod oknem edytora klikamy "przełącz edytor"

- w oknie edytora wklejamy nasz standardowy do zabaw cały kod html

- standardowy "pusty" kod do zabaw z kilkoma zdjęciami wyglądać może następująco:


<p>Potrzebne:</p>
<p>(rzeczy potrzebne do zabawy)</p>
<hr id="system-readmore" />
<p>(pierwszy akapit z opisu zabawy)</p>
<p><img src="images/sampledata/zabawy/(nazwa pliku ze zdjęciem)" alt="" /></p>
<p>(drugi akapit ...)</p>
<p><img src="images/sampledata/zabawy/(nazwa pliku ze zdjęciem)" alt="" /></p>
<p>(trzeci akapit ...)</p>
<p><img src="images/sampledata/zabawy/(nazwa pliku ze zdjęciem)" alt="" /></p>
<p>(czwarty akapit ... itd)</p>


- na miejsce "(rzeczy potrzebne do zabawy)" wklejamy z opisu zabawy ( z pliku txt z opisem zabawy)rzeczy potrzebne do wykonania zabawy

- na miejsce (pierwszy akapit) i kolejne akapity wklejamy fragmenty opisu zabawy odpowiadające jednemu akapitowi; może być ich dwa lub ponad 10; pisząc tekst zabawy trzeba wyraznie rozzdielić akapity, by były widoczne do kopiowania

- jeśli zabawa ma więcej jak jedno zdjęcie, nasz kod będzie bardziej skomplikowany, między akapitami musimy wkleić adresy do zdjęć

- linijka kodu zawierająca adres obrazu wygląda następująco, zamiast fragmentu (nazwa pliku ze zdjęciem) wklejamy kawałek z adresu obrazu, czyli 10-Biala-masa2-1080.JPG :

<p><img src="images/sampledata/zabawy/10-Biala-masa2-1080.JPG" alt="" /></p>

   - widać w powyższej linijce, że do kodu skopiowany jest tylko fragment adresu obrazu, do każdego zdjęcia musimy tak przygotować linijkę kodu

- linijki kodu z adresem obrazu wklejamy między akapity z opisem zabawy, może być jedno zdjęcie pomiędzy akapitami, może być dwa-trzy zdjęcia pomiędzy akapitami, mogą być wszystkie zdjęcia pod ostatnim akapitem, może być jakieś zdjęcie nad pierwszym akapitem - tu mamy dowolność, układamy jak wizualnie będzie się dobrze prezentować na witrynie

- więc kod powyższy może wyglądać też np tak:

<p>Potrzebne:</p>
<p>(rzeczy potrzebne do zabawy)</p>
<hr id="system-readmore" />
<p><img src="images/sampledata/zabawy/(nazwa pliku ze zdjęciem)" alt="" /></p>
<p>(pierwszy akapit z opisu zabawy)</p>
<p>(drugi akapit ...)</p>
<p>(trzeci akapit ...)</p>
<p>(czwarty akapit ... itd)</p>
<p><img src="images/sampledata/zabawy/(nazwa pliku ze zdjęciem)" alt="" /></p>
<p><img src="images/sampledata/zabawy/(nazwa pliku ze zdjęciem)" alt="" /></p>
<p><img src="images/sampledata/zabawy/(nazwa pliku ze zdjęciem)" alt="" /></p>
<p><img src="images/sampledata/zabawy/(nazwa pliku ze zdjęciem)" alt="" /></p>

- ponownie klikamy "przełącz edytor"

- kod html zmieni sie na wersję, jaką zobaczymy na witrynie zzd - przy okazji sprawdzamy, czy nie ma gdzieś błędu, powinny też być widoczne wszystkie zdjęcia wklejone do kodu

- wybieramy nad edytorem czwartą zakładkę "Helix Blog Options"

- w "post format" wybieramy "gallery"

- pojawi się niżej klawisz "upload images" (są dwa takie klawisze, jeden wyżej, drugi niżej, wybieramy ten niżej) - klikamy go i wybieramy tam plik jpg z zabawy - tylko to jedno zdjęcie zapisane jako główne

- na górze klikamy "zapisz i zamknij" - w ten sposób cały artykuł został zapisany

- wchodzimy na witrynę zzd, sprawdzamy jak wygląda artykuł i czy działają linki ewentualnie wstawione w zabawie



----------------------------------------------------------

Publikacja na fb:

- logujemy się na fb na zabawyzdzieckiem

- na środku na tablicy na stronie głównej jest okienko puste ze słoneczkiem, tam pisze "napisz coś..." - klikamy tam

- otworzy się okno do tworzenia nowego posta

- w otwarte okno dajemy jedno zdjęcie z zabawą (jesli zabawa ma więcej jak jedno zdjęcie, dajemy wszystkie, w takiej kolejności jak są na witrynie zzd, od pierwszego głównego po pozostałe)

- piszemy opis zachęcający, np. cytat z jakiegoś wiersza dla dzieci związanego z tematem (jesli dajemy cytat wiersza/piosenki, dajemy polski cudzysłów, a w nawiasie dajemy tytuł wiersza i autora - proszę zobaczyć poprzednie zabawy), a jak nie ma, to coś zachęcającego, i dajemy uśmiech ;) i linka do nowego artykułu z zabawą na zzd

- klikamy "opublikuj"

Gotowe :)

----------------------------------------------------------------