Przejdź do treści

Samouczek Edytora: Kompletny przewodnik po tworzeniu i publikacji treści

Fundacja WtymRAZEM
Autor: Igor Wróblewski

Wprowadzenie

Witaj w zespole!

Niniejszy dokument został stworzony z myślą o nowych oraz obecnych edytorach treści na stronie fundacji.

Celem tego samouczka jest sprawne wdrożenie w proces tworzenia, formatowania i publikowania tekstów. Język dokumentu jest maksymalnie prosty, a wytyczne przejrzyste i bez technicznego żargonu.

Dla kogo jest ten dokument?

Samouczek przeznaczony jest dla wolontariuszy, praktykantów, pracowników oraz zaproszonych gości, którzy chcą dzielić się swoją wiedzą na blogu, a także wspierać fundację w dodawaniu nowych ofert współpracy.

Instrukcja prowadzi krok po kroku przez cały ten proces, pozwalając skupić się na najważniejszym elemencie – tworzeniu wartościowych treści.

Co znajduje się w środku?

  • Instrukcje dotyczące pierwszego logowania do systemu oraz zmiany hasła.
  • Dwie metody tworzenia artykułów (w tym polecany, autorski schemat).
  • Wskazówki dotyczące formatowania tekstu, dodawania obrazków i źródeł.
  • Zasady optymalizacji, nazewnictwa i dodawania opisów alternatywnych do grafik.
  • Poradnik pokazujący, jak prawidłowo dodać nową ofertę współpracy.
  • Praktyczna checklista i ściągawka na samym końcu dokumentu.

Potrzebujesz pomocy?

Jeśli na jakimkolwiek etapie pojawią się wątpliwości lub pytania dotyczące obsługi panelu, warto skonsultować się ze starszymi stażem członkami zespołu lub bezpośrednio z administracją Fundacji.

Logowanie do systemu

Adres panelu i uprawnienia

Aby rozpocząć pracę, należy zalogować się do panelu administracyjnego. To stąd uzyskuje się pełny dostęp do dodawania, edycji oraz podglądu wpisów na blogu, a także zarządzania ofertami wolontariatu i praktyk.

Otwórz w przeglądarce poniższy adres:
https://wtymrazem.pl/wp-admin

Uzyskanie danych logowania i bezpieczeństwo

Konta dla nowych użytkowników – a co za tym idzie, wszystkie loginy i hasła startowe – przydzielane są odgórnie przez administrację fundacji.

Każdy edytor otrzymuje unikalne dane dostępowe. Ze względów bezpieczeństwa należy zachować je wyłącznie dla siebie i nie udostępniać osobom trzecim.

Proces logowania krok po kroku

  1. Kliknij w powyższy link, aby otworzyć stronę w przeglądarce.
  2. W polu Nazwa użytkownika lub e-mail wpisz przydzielony login.
  3. W polu Hasło wpisz otrzymane hasło startowe.
  4. Kliknij przycisk Zaloguj się.

Ekran logowania do panelu
Ekran logowania do panelu

Zmiana hasła po pierwszym logowaniu

Bezpieczeństwo witryny i czytelników jest kwestią kluczową.

Zaleca się zmianę hasła na własne, odpowiednio silne, natychmiast po pierwszym pomyślnym zalogowaniu. Zrobisz to w ustawieniach profilu:

Profil → Zarządzanie kontem → Nowe hasło

Zmiana hasła

Edycja treści w systemie

Tworzenie nowego wpisu lub oferty

Po pomyślnym zalogowaniu do panelu po lewej stronie ekranu pojawia się czarne menu nawigacyjne.

  1. W zależności od tworzonej treści najedź kursorem na zakładkę Wpisy (artykuły na bloga) lub Oferty (ogłoszenia o współpracy).
  2. W rozwiniętym podmenu kliknij opcję Dodaj nowe.
  3. System automatycznie przeniesie Cię do panelu edycji.

Dodawanie wpisu

Dwie ścieżki tworzenia tekstu

System umożliwia tworzenie treści na dwa różne sposoby. Zdecydowanie zaleca się korzystanie z opcji drugiej (dedykowane pola strukturalne).

Opcja 1: Natywne pole tekstowe WordPress

Możliwe jest pisanie treści w sposób tradycyjny, korzystając z domyślnego edytora WordPress.

Jest to opcja niezalecana, ponieważ wymaga ręcznego dbania o stylowanie tekstu, układ i odstępy. Może znaleźć zastosowanie jedynie w bardzo specyficznych sytuacjach.

Opcja 1
Domyślne pole tekstowe (niezalecane)

Opcja 2: Dedykowany schemat wpisu (Zalecane)

Aby przyspieszyć pracę i zachować spójny design strony, przygotowano specjalny panel o nazwie Artykuł — struktura (opcjonalnie).

Znajdziesz go, przewijając stronę edycji wpisu w dół. To w tym miejscu najwygodniej i najszybciej skomponujesz oraz sformatujesz swój tekst.

Opcja 2
Pola strukturalne wpisu

Ważne!

Aby aktywować ten autorski panel, upewnij się, że przełącznik „Użyj pól strukturalnych zamiast edytora” jest ustawiony na Tak. Pamiętaj: gdy ta opcja jest włączona, treść wpisana w dedykowane pola całkowicie zastępuje tę z domyślnego edytora WordPress.

Panel: Artykuł — struktura

Dedykowany panel został podzielony na wygodne, logiczne bloki. Poniżej omówiono po kolei każdy z nich.

Zdjęcie wyróżniające

Zawsze staraj się uatrakcyjnić wpis wizualnie. W sekcji struktury użyj pola Zdjęcie wyróżniające -- wystarczy kliknąć przycisk „Dodaj obrazek”. Dodanie zdjęcia przyciąga wzrok czytelników na stronie głównej bloga.

Nagłówki i akapity (1-8)

System oferuje miejsce na wypełnienie do 8 sekcji tekstu (z czego każda składa się z nagłówka i akapitu).

  • Krótkie wpisy: Możesz wypełnić tylko „Nagłówek 1” oraz „Akapit 1”.
  • Długie wpisy: Przy obszernych artykułach korzystaj z kolejnych numerów bloków.
  • Puste pola: Niewypełnione akapity są automatycznie ignorowane przez system podczas publikacji.

Formatowanie tekstu (pogrubienie, kursywa, nowa linia)

Korzystanie z pól strukturalnych wymaga użycia prostych znaczników HTML do formatowania tekstu wewnątrz akapitów. Jeśli chcesz wyróżnić dany fragment, użyj poniższych tagów:

  • Pogrubienie: otocz wybrany tekst znacznikami <strong> oraz </strong>. Przykład: To jest <strong>bardzo ważny</strong> tekst.
  • Kursywa: otocz wybrany tekst znacznikami <i> oraz </i>. Przykład: To jest <i>pochylony</i> tekst.
  • Złamanie linii: użyj znacznika <br>, aby przenieść tekst od nowej linii. Przykład: Linia pierwsza.<br>Linia druga.

Podsumowanie i Źródła

Na samym dole struktury wpisu znajduje się miejsce na zwieńczenie tekstu:

  • Podsumowanie: Użyj pól „Podsumowanie — nagłówek” oraz „Podsumowanie — treść”, aby w kilku zdaniach zawrzeć najważniejszy wniosek z tekstu.
  • Źródła: Ochrona praw autorskich jest kluczowa. Zawsze dodawaj sekcję źródeł, jeśli w artykule pojawiają się odwołania do zewnętrznych badań, statystyk czy cytatów.

Podsumowanie
Pola podsumowania i źródeł

CTA (Wezwanie do działania)

Na samym dole panelu znajduje się sekcja CTA (Call to Action). Jej celem jest zachęcenie czytelnika do wykonania konkretnej akcji tuż po lekturze (np. wsparcia fundacji czy dołączenia do projektu).

Aby aktywować ten element, ustaw przełącznik „Pokaż sekcję CTA” na Tak i wypełnij pola:

  • Oznaczenie (badge): krótki znacznik nad nagłówkiem, np. „Ważne”, „Dołącz teraz”.
  • Nagłówek i opis: krótka zachęta do działania wraz z rozwinięciem.
  • Tekst przycisku: hasło na przycisku, np. „Czytaj dalej”, „Zgłaszam się”.

Bezpieczeństwo linków w CTA

Pole „CTA — link przycisku” wymaga podania PEŁNEGO LINKU (razem z prefiksem https://). Link ten musi prowadzić do bezpiecznego portalu lub podstrony fundacji.

Przygotowanie i optymalizacja grafik

Każde zdjęcie przed dodaniem na stronę wymaga przygotowania:

  1. Rozmiar i kompresja: Zmniejsz szerokość zdjęcia (ok. 1200px w zupełności wystarczy) i skompresuj plik (max 300–500 KB). Możesz użyć darmowych stron: Squoosh (https://squoosh.app) lub iLoveIMG (https://iloveimg.com/pl).
  2. Nazwa pliku: Zmień nazwę pliku na komputerze przed wgraniem (np. warsztaty-psychologiczne.jpg). Używaj małych liter, bez spacji i polskich znaków.
  3. Tekst alternatywny (Alt text): Po wgraniu pliku uzupełnij pole Tekst alternatywny w bibliotece mediów (opis obrazka dla czytników ekranu i SEO).
  4. Zgoda na wizerunek: Upewnij się, że osoby widoczne na zdjęciach wyraziły zgodę na publikację wizerunku.

Zapisywanie szkicu i publikacja

Podczas pisania warto wyrabiać nawyk ręcznego klikania w przycisk Zapisz szkic (w prawym górnym rogu ekranu).

Gdy treść jest w 100% gotowa: 1. Kliknij przycisk Podejrzyj, aby sprawdzić wygląd wpisu na żywo. 2. Wykonaj korektę i popraw ewentualne literówki. 3. Przypisz odpowiednią kategorię wpisu (np. Komunikacja, Psychologia). 4. Kliknij przycisk Opublikuj!

Szczegóły dodawania oferty współpracy

Podczas tworzenia oferty współpracy (wolontariatu lub praktyk) nie należy używać standardowego edytora tekstowego WordPress. Proces musi opierać się wyłącznie na dedykowanych polach strukturalnych.

Pola niestandardowe oferty

W panelu edycji oferty uzupełnij poniższe formularze:

  • Ikona: Wybierz symbol najlepiej oddający charakter ogłoszenia.
  • Typ: Określ charakter współpracy (Wolontariat lub Praktyki).
  • Opis: Główne pole tekstowe ze szczegółami i specyfiką oferty.
  • Wymagania: Miejsce na określenie oczekiwań wobec kandydata.
  • Czas: Wymiar zaangażowania (np. 10 godzin w tygodniu).
  • Liczba wakatów: Informacja o liczbie poszukiwanych osób.
  • Deadline (opcjonalnie): Ostateczny termin nadsyłania zgłoszeń.

Archiwizacja zakończonych ofert

Gdy rekrutacja na daną ofertę dobiegnie końca, nie usuwaj wpisu. Zmień jego status na Szkic.

Oferty
Pola strukturalne oferty

Niezbędnik Edytora

Poniżej zebrano najważniejsze informacje w pigułce.

Szybka ściągawka

Element Kod / Wartość
Pogrubienie tekstu <strong> Twój ważny tekst </strong>
Kursywa <i> Twój pochylony tekst </i>
Złamanie linii <br>
Optymalne zdjęcie Szerokość ok. 1200px, max 500 KB (Squoosh / iLoveIMG)
Link w CTA Zawsze z przedrostkiem https://

Zanim klikniesz OPUBLIKUJ!

  • Przejrzano tekst i zrobiono korektę ewentualnych literówek.
  • Użyto dedykowanych pól strukturalnych (ACF).
  • Skompresowano zdjęcie i dodano do niego Tekst alternatywny.
  • Podano źródła na samym dole tekstu (jeśli dotyczy).
  • Sprawdzono sekcję CTA – przycisk działa, a link zawiera https://.
  • Przypisano odpowiednią kategorię wpisu.
  • Wykonano Podgląd przed kliknięciem niebieskiego przycisku Opublikuj.

Życzymy owocnej pracy i wyjątkowo lekkiego pióra!