Celem tego nowego edytora jest sprawienie, by dodawanie bogatych treści do WordPressa było proste i przyjemne. Cały ten wpis składa się z elementów treści— nieco podobnych do klocków LEGO — które można przesuwać i z którymi można wchodzić w interakcję. Przesuń kursor po stronie, a zauważysz, że różne bloki podświetlają się konturami i strzałkami. Naciśnij strzałki, aby szybko zmienić położenie bloków, nie martwiąc się o utratę treści podczas kopiowania i wklejania.

To, co właśnie czytasz, to blok tekstowy – najbardziej podstawowy ze wszystkich bloków. Blok tekstowy posiada własne elementy sterujące, dzięki którym można go dowolnie przesuwać w obrębie wpisu…

… na przykład ten, który jest wyrównany do prawej.

Nagłówki również stanowią odrębne bloki, co ułatwia tworzenie konspektu i uporządkowanie treści.

Obraz jest wart tysiąca słów

Najważniejszym celem nowego edytora jest jak najostrożniejsze obchodzenie się z obrazami i plikami multimedialnymi. Mamy nadzieję, że dodawanie podpisów lub wyświetlanie zdjęć na całej szerokości ekranu okaże się dla Ciebie znacznie łatwiejsze i bardziej niezawodne niż dotychczas.

Spróbuj zaznaczyć i usunąć lub edytować podpis – teraz nie musisz się już martwić, że przez pomyłkę zaznaczysz obrazek lub inny tekst i zepsujesz prezentację.

Narzędzie do wstawiania

Wyobraź sobie, że wszystkie możliwości WordPressa są dla Ciebie dostępne szybko i w jednym miejscu w interfejsie. Nie musisz już zgłębiać tagów HTML ani klas, ani zapamiętywać skomplikowanej składni skrótów. Taka właśnie jest idea narzędzia „inserter” — (+) przycisk widoczny wokół edytora — który pozwala przeglądać wszystkie dostępne bloki treści i dodawać je do wpisu. Wtyczki i motywy mogą rejestrować własne bloki, co otwiera szerokie możliwości w zakresie zaawansowanej edycji i publikacji.

Spróbuj – być może odkryjesz, że WordPress oferuje już funkcje, o których nie wiedziałeś, a które możesz wykorzystać w swoich wpisach. Oto krótka lista tego, co obecnie tam znajdziesz:

• Tekst i nagłówki
• Zdjęcia i filmy
• Galerie
• Elementy osadzone, takie jak filmy z YouTube, tweety czy inne wpisy z WordPressa.
• Bloki układu, takie jak przyciski, obrazy główne, separatory itp.
• I oczywiście takie listy jak ta 🙂

---

Edycja wizualna

Ogromną zaletą bloków jest to, że można je edytować bezpośrednio w miejscu, w którym się znajdują, i na bieżąco modyfikować ich zawartość. Zamiast korzystać z pól służących do edycji takich elementów, jak źródło cytatu czy tekst przycisku, można bezpośrednio zmieniać samą treść. Spróbuj edytować poniższy cytat:

Redaktor będzie dążył do stworzenia nowego środowiska tworzenia stron i publikowania treści, które sprawi, że pisanie bogatych w treść wpisów będzie łatwe, a dzięki „blokom” uprości czynności, które obecnie wymagają użycia skrótów, niestandardowego kodu HTML lub żmudnego poszukiwania sposobów osadzania treści.

Matt Mullenweg, 2017 r.

Informacja dotycząca źródła cytatu znajduje się w osobnym polu tekstowym, podobnym do podpisów pod obrazkami, dzięki czemu struktura cytatu pozostaje nienaruszona, nawet jeśli zaznaczysz, zmodyfikujesz lub usuniesz źródło. Zawsze można je łatwo dodać ponownie.

Bloki mogą mieć dowolną formę, zgodnie z Twoimi potrzebami. Możesz na przykład dodać dyskretny cytat jako element kompozycji tekstu lub zdecydować się na wyeksponowanie ogromnego, stylizowanego cytatu. Wszystkie te opcje są dostępne w narzędziu do wstawiania.

Liczbę kolumn w galeriach można zmienić, przesuwając suwak w inspektorze bloków na pasku bocznym.

Bogate w multimedia

Jeśli połączysz nowe układy szerokie i pełnoekranowe z galeriami, możesz bardzo szybko stworzyć układ bogaty w elementy multimedialne:

Jasne, zdjęcie na całą szerokość może być całkiem duże. Ale czasami warto je zamieścić.

Powyżej znajduje się galeria zawierająca tylko dwa zdjęcia. Jest to prostszy sposób na tworzenie atrakcyjnych wizualnie układów, bez konieczności korzystania z elementów typu „float”. Można również łatwo przekształcić galerię z powrotem w pojedyncze zdjęcia, korzystając z przełącznika bloków.

Każdy blok może skorzystać z tych opcji wyrównania. Blok osadzony również je posiada i jest responsywny od razu po wdrożeniu:

Możesz stworzyć dowolny blok – statyczny lub dynamiczny, ozdobny lub prosty. Oto przykładowy blok z cytatem:

Kod to poezja

Społeczność WordPressa

Jeśli chcesz dowiedzieć się więcej o tym, jak tworzyć kolejne bloki, lub jeśli chcesz pomóc w realizacji tego projektu, zajrzyj do repozytorium na GitHubie.

---

Dziękujemy za przetestowanie Gutenberga!

👋