INSTRUKCJA CYTATY: ----------------------------------------- W załączniku dokładam też plik Opublikowane cytaty.txt - jest lista wszystkich cytatów ułozona alfabetycznie wg nazwisk autorów. Po to, by nie powtarzać cytatów - do końća wrzesnia ;) Żeby mieć dostęp do bezpłatnych zdjęć, zarejestrować się na stronach: http://www.freeimages.com/ http://www.rgbstock.com/ Póki co z tych stron wystarczało, by mieć zdjęcie do cytatu.Generalnie szukamy zdjęć poziomych!!! Czasami wykorzystuję zdjęcie pionowe, jeśli da się je odpowiednio wykadrować do poziomu lub chociaż kwadratu. UWAGA - mam przygotowane cytaty i zdjęcia do końca września! ----------------------------------------------- Cytaty publikujemy w czwartki. Więc na miesiąc jest potrzebne 4-5 cytatów. Napisze jak ja to robię. W wordzie punktuję po kolei 4-5 cytatów w cudzysłowiu i autora. Pod każdym cytatem propozycje zdjęć, potem Agnieszka wybiera, które zdjęcie najlepsze. Jak już zdjęcia są zatwierdzone, tworzę 4-5 katalogów (do wglądu w archiwum te, które już są opublikowane). W każdym katalogu plik txt, w którym jest skopiowany cytat z cudzysłowiem, nazwisko autora. W katalogu daję też zdjęcie w maksymalnej rozdzielczości. Żeby zapisać zdjęcie w Gimpie, nie używam opcji Zapisz, tylko: Plik-->Wyeksportuj jako... . Wtedy wprowadzam nazwę pliku, format jaki ma być użyty: jpg, png czy nawet pdf można tu robić z obrazów oraz miejsce dla pliku. Po kliknięciu Wyeksportuj zawsze pojawia się okno na ustawienie jakości, zawsze daję maksimum czyli 100. Zdjęcie trzeba poprawić w Gimpie, wielkość. Rzadko, ale czasami poprawiam jasność i kontrast: Kolory-->Jasność i kontrast. Zwykle dokładam na plus, ale żeby nie przesadzić. Potem jesli jest potrzeba, to kadruję, jest narzędzie kadrowania w ikonkach obrazkowych po lewej stronie. Tak przerobione zdjęcie zapisujemy jako drugie w katalogu. Potem trzeba zmniejszyć w Gimpie: obraz-->Skaluj obraz. Wysokość ustawiamy na 1080, naciskamy enter i szerokość wtedy automatycznie program zmienia/dopasuje. I zapisujemy jako kolejny obrazek w katalogu. Dlaczego 1080? Wszystkie zdjęcia do zzd i na fb ustawiam by miały wysokość 1080. Galeria Helix na zzd dopuszcza maksymalnie 1920x1080 pikseli, ale nigdy nie więcej jak 1080 wysokości. Czasami zzd nie chce nadal przyjąć zdjęcia, wtedy mimo dobrej rozdzielczości wielkość pliku może być za duża, więc wystarczy zmniejszyć np do 1070 czy ciut mniej (zdjęcie nie może przekraczać 2MB). Teraz to ostatnie zdjęcie musimy jeszcze przerobić na potrzeby fb. W zależności od zdjęcia albo wklejamy tekst (czyli cytat z cudzysłowem oraz autora) na zdjęcie w odpowiednim miejscu, albo robimy do zjęcia kolorową ramkę i na ramce dajemy tekst. W drugim przypadku trzeba ponownie zdjęcie z ramką potem przeskalować do 1080 :) Wklejanie napisu na zdjęcie to zabawa za pomocą narzędzia w Gimpie do tworzenia tekstu - ikonka wielkie A. Ustawia się wielkość, kolor, rozmieszczenie itp itd. Jeśli tworzę ramkę i nie mogę się zdecydować na kolor ramki, często pobieram sobie kolor np z bluzki dziecka - wtedy idealnie pasuje ;) -------------------------- Dokładny opis tworzenia tekstu na obrazie: Na początku warto pobrać sobie do próbnika kilka kolorów z obrazu - mogą lepiej pasować niż standardowe. Po lewej stronie w ikonkach obrazkowych mamy dwa kwadraty - biały i czarny (lub inne kolory) "kolor pierwszoplanowy oraz tła" - klikamy raz na pierwszym kwadracie - wyskoczy okienko "zmiana aktywnego koloru". Tutaj wybieramy sobie kolor, jakiego chcemy aktualnie uzyć poprzez wybór z kolorowych kwadracików lub z dużego kwadrata. Po prawej stronie jest malutki kwadracik z obrazkiem monitora i kroplomierza. Klikamy na to i kursor stanie się kroplomierzem. Klikamy raz na zdjęciu w tym miejscu, skąd chcemy pobrać kolor. Pojawi się on jako bieżący, dodajmy go do historii bieżących kolorów (można ustawić 12 kolorów - te 12 malutkich kwadracików poniżej). Dodajemy go poprzez kliknięcie trójkącika obok kwadracików. Robimy to tyle razy, ile kolorów chcemy pobrać. Po tym klikamy "OK" by zamknąć okno. Teraz kopiujemy nasz cytat z pliku txt z cudzysłowem polskim i autorem cytatu. W Gimpie klikamy na obrazek po lewej stronie "A" - tworzenie tekstu. Po wybraniu "tworzenia tekstu" klikamy w jakimś miejscu na zdjęciu - pojawi się okienko do wklejania tekstu oraz edytor tekstu. Wklejamy od razu teskt za pomocą skrótu klawiszowego: ctrl + v. Ramkę okalającą tekst najpierw sobie rozciagamy. Zaznaczamy tekst cały i zmieniamy wielkość czcionki, kolor. Przy zmianie koloru wyskoczy nam to samo okienko z kolorami co podczas pobierania próbek. Będzie tam te 12 kolorów zapisanych wczesniej przez nas - możemy teraz testować, który kolor bedzie najlepiej pasował do zdjęcia. Mozemy też całkiem inny kolor wybrać. Po zmianach zmieniamy wielkość ramki, przesuwamy, by ustawić w odpowiednie miejsce na zdjęciu. Czasem w odpowiednim miejscu w cytacie klikamy "enter", by przerzucic dalszy ciąg tekstu do kolejnej linijki. Po tej zabawie ostateczną wersję zapisujemy poprzez export do katalogu z cytatem. -------------------------- Dokładny opis tworzenia tekstu na ramce: Tak samo pobieramy sobie kolory do historii kolorów :) Otwieramy w Gimpie nasze zdjęcie z wysokością na 1080. Klikamy: Plik-->Nowy. Otwiera nam się okienko "utworzenie nowego obrazu". Gimp proponuje nam automatycznie wymiary obrazu takie same jak otwarty wczesniej obraz. Wystarczy teraz powiekszyć obydwie wielkości odpowiednio, czyli jeden rozmiar więcej, drugi mniej, w zależności od tego, z której strony chcemy dać tekst. Przykładowo szerokość powiększamy tylko o 100 pikseli, a wysokość już o 500 pikseli. Klikamy "OK". Otwiera nam się nowe okno bez nazwy w kolejnej zakładce, puste. Klikamy na pierwszą zakładkę ze zdjęciem. Najezdzamy kursorem na obraz i klikamy prawym przyciskiem myszy, wybieramy opcję: Edycja-->Skopiuj. Teraz wybieramy nową pustą zakładkę, najeżdzamy kursorem na białe puste pole, prawy przycisk myszy: Edycja-->Wklej. Zdjęcie pojawi sie idealnie na środku białego pola - nie przesuwajmy go na boki, gdyż paski po bokach sa identyczne. Po lewej stronie wybieramy ikonkę w postaci plusa ze strzałkami "przesuwanie warstw" i wtedy możemy obraz strzałkami na klawiaturze przesuwać. Przesuńmy do góry tak, by zdjęcie było w takiej odległości od krawędzi, jak jest po bokach. Jak już przesuniemy odpowiednio, ustawiamy kursor na białym pustym polu - pojawi się rysunek kotwicy. Klikamy - zakotwiczy nam się zdjęcie na białym tle. Teraz możemy zmienić kolor ramki za pomocą "wiaderka" korzystajac z pobranych wcześniej kolorów. Na ramce na dole robimy też teskt wklejając jak wyżej cytat. Po całej zabawie musimy ponownie przeskalować, by uzyskać wysokość całości 1080. Po tym zapisujemy gotowy obraz na fb poprzez export. ------------------------------------------------------- Mamy gotowy cytat w txt, gotowe zdjęcie, zdjęcie z napisem na fb - można publikować :) Na zzd cytaty są w dziale Literatura. Wchodzimy na zaplecze zzd. Najpierw musimy dać to zdjęcie z wielkością 1080 do mediów w zzd. Na zzd u góry zakładka: Artykuły-->Media. Najpierw wybieramy docelowy katalog. W przypadku cytatów będzie to po prostu katalog Cytaty. Wchodzimy do tego katalogu i klikamy "Wczytaj", wczytujemy zdjęcie. Jak się wczyta, znajdujemy je w katalogu, najezdzamy myszką na zdjęcie, prawy przycisk myszki i wybieramy opcję "kopiuj adres obrazu". Wchodzimy w nasz plik txt, w którym jest nasz cytat, pod nim wklejamy ten skopiowany adres. Mamy np taki adres obrazu: http://zabawyzdzieckiem.pl/images/Cytaty/Coelho-1080.jpg Teraz będzie on nam potrzebny do kodu html. Możemy najpierw go sobie przygotowac też w tym samym pliku txt. Więc w tym przykładzie nasz kod będzie wyglądał następująco:

Widać w tym kodzie tylko fragment adresu obrazu. Do następnych cytatów wystarczy to kopiować i tylko odpowiedni fragment kodu zmienić zgodnie z adresem obrazu :) To wróćmy na zaplecze zzd :) ponownie wybieramy u góry zakładkę: Artykuły-->Artykuły. Wyświetli się nam lista wszystkich artykułów. Tu mozna sobie ustawić sposób sortowania, ja ustawiam oczywiście tak, by ostatnie były na górze. Klikamy przycisk "Utwórz" - otworzy nam się panel do redagowania artykułu. Pierwsze mamy tytuł. Tu ja wpisuję w przypadku cytatów powiedzmy pierwsze dwa słowa z cytatu i trzy kropeczki. Alias tworzy się automatycznie, nic tu nie robimy. Po prawej stronie mamy: Stan - ustawiamy na opublikowane Kategoria - ustawiamy cytaty Dostęp - wszystkie Język - wszystkie. Po lewej stronie pierwsza zakładka to "Treść".Jedziemy na dół strony i klikamy przycisk "Przełącz edytor". Wtedy do edytora, do pustego okna wklejamy nasz kod, czyli to:

Po tym znów klikamy "przełącz edytor" - ukaże nam się zdjęcie :) Teraz wybieramy zakładkę: Helix Blog Option. Mamy tam coś takiego jak "Post Format" - wybieramy "Quote". Wtedy w oknie "Quote Text" wklejamy treść naszego cytatu w cudzysłowiu, a w oknie "Quote Author" - imie i nazwisko autora cytatu :) Jak już to zrobimy, to u góry zapisujemy i zamykamy artykuł :) teraz na witrynie zzd można zobaczyć w kategorii Cytaty nasz nowy cytat u samej góry. UWAGA - są już opublikowane cytaty do końca sierpnia (ustawione na "oczekuje", będą wyswietlone w odpowiedni czwartek z rana) ------------------------------------------------------------------- My jeszcze aktualny cytat pokazujemy na głównej stronie zzd, tuż pod kwiatuszkami ;) widac miniaturkę tego samego zdjęcia, a obok cytat i autora. To też trzeba zrobić na zapleczu (i nie jest to ustawione do końca sierpnia, bo się nie da). A więc wracamy na zaplecze zzd :) U góry zakładka: Komponenty-->SP Page Builder. Otworzy nam się lista Page Builder. Szukamy na liście "Strona główna" i naciskamy na nazwę. Wtedy pojawi się okno do edytowania całej strony głównej. Widać, że są takie poprzeczne kolumny odpowiadające konkretnym pozycjom na stronie głównej. Szukamy takiego paska, w którym są dwa okienka: "Image" i "Testimonials" obok siebie. Najpierw zmienimy "Image". Jest tam malutki przycisk jakby kredka - klikamy i otwiera nam się kolejne okno. Nic tam nie ustawiamy, zmieniamy tylko sam obraz poprzez przycisk "Select Image" niżej. Otwiera nam sie kolejne okno "Media Manager". Jeśli tam w zdjęciach nie ma naszego, musimy go załadować z dysku. Czyli klikamy "Upload image" i wybieramy nasze zdjęcie - załaduje się w mediach. Wtedy wybieramy to zdjęcie i naciskamy "Insert", wtedy wróci do poprzedniego ekranu - na samym dole klikamy "Save" i wraca znów do wcześniejszego okna do edytowania strony głównej. Teraz przy "Testimonials" naciskamy kredkę. Tak samo pojawi się nam okno. Zmieniamy tylko dwie rzeczy. Client Review - tu wklejamy nasz aktualny cytat z cudzysłowiem. W Client Name - tu wklejamy imię nazwisko autora cytatu. Po czym na dole naciskamy "Save". Po tym na samej górze edycji strony głównej zapisujemy i zamykamy edycje strony głównej. Dopiero po tym możemy sprawdzić, czy na witrynie na stronie głównej zmieniło nam cytat pod kwiatkami. UWAGA - w Media Manager są wczytane wszystkie zdjęcia do cytatów do końca sierpnia, więc wystarczy porównać zdjęcie z tym w kategorii Cytaty na witrynie ------------------------------------------------------------ Jak już na zzd mamy wszystko zrobione, to trzeba jeszcze zrobić publikacje na fb. Więch logujemy się na fb na zabawyzdzieckiem. Na stronie głównej na środku obok słoneczka mamy opcję "Napisz coś..." - klikamy w to. Dajemy tam nasze zdjęcie z naklejonym napisem lub z ramką i napisem, W opisie tylko sam link do cytatu na zzd: https://zabawyzdzieckiem.pl/literatura/cytaty i gotowe - "Opublikuj" :) to wszystko :) powinien post być widoczny niżej na głównej tablicy zzd na fb i w statystykach :) teraz ewentualnie można już ze swojego prywatnego konta na fb troszkę popromować, ale ja to bardziej robię przy zabawach i kolorowanki ;)