O górach i prasach drukarskich

Celem nowego edytora jest sprawienie, aby dodawanie bogatych treści do WordPressa było proste i przyjemne. Na cały ten post składają się. fragmenty treści-podobne do klocków LEGO - z którymi można się poruszać i na które można oddziaływać. Przesuń kursor, a zauważysz, że różne bloki podświetlają się za pomocą konturów i strzałek. Naciśnij strzałki, aby szybko zmienić położenie bloków, bez obawy o utratę rzeczy w procesie kopiowania i wklejania.

To co teraz czytasz to blok tekstowy najbardziej podstawowy blok ze wszystkich. Blok tekstowy posiada własne elementy sterujące, dzięki którym można go dowolnie przesuwać po słupie...

...jak ten, który jest wyrównany do prawej.

Nagłówki to także osobne bloki, co pomaga w tworzeniu konspektu i organizacji treści.

Obraz jest wart tysiąca słów

Obsługa obrazów i mediów z najwyższą starannością jest głównym celem nowego edytora. Mamy nadzieję, że dodawanie podpisów lub nadawanie zdjęciom pełnej szerokości będzie znacznie łatwiejsze i bardziej efektywne niż dotychczas.

Piękny krajobraz
Jeśli twój motyw to obsługuje, zobaczysz przycisk "szeroki" na pasku narzędzi obrazu. Spróbuj.

Spróbuj zaznaczyć i usunąć lub edytować napis, teraz nie musisz uważać, aby przez pomyłkę wybrać obraz lub inny tekst i zepsuć prezentację.

Na stronie Wkładka Narzędzie

Wyobraź sobie, że wszystko, co może zrobić WordPress, jest dostępne dla Ciebie szybko i w tym samym miejscu na interfejsie. Nie trzeba rozgryzać znaczników HTML, klas ani pamiętać skomplikowanej składni shortcode. To jest właśnie duch stojący za inserterem - tj. (+) przycisk, który zobaczysz wokół edytora, który pozwala ci przeglądać wszystkie dostępne bloki treści i dodawać je do swojego postu. Wtyczki i motywy są w stanie zarejestrować swoje własne, otwierając wszelkiego rodzaju możliwości bogatej edycji i publikacji.

Idź dać mu szansę, może odkryjesz rzeczy, które WordPress może już dodać do swoich postów, o których nie wiedziałeś. Oto krótka lista tego, co obecnie można tam znaleźć:

  • Tekst i nagłówki
  • Zdjęcia i filmy
  • Galerie
  • Embedy, takie jak YouTube, Tweety lub inne posty WordPress.
  • Bloki układu, takie jak Buttons, Hero Images, Separators, itp.
  • Oraz Listy jak ten oczywiście 🙂

Edycja wizualna

Ogromną zaletą bloków jest to, że możesz je edytować w miejscu i bezpośrednio manipulować swoją treścią. Zamiast mieć pola do edycji takich rzeczy jak źródło cytatu lub tekst przycisku, możesz bezpośrednio zmienić treść. Spróbuj edytować następujący cytat:

Edytor będzie starał się stworzyć nową stronę i doświadczenie budowania postów, które sprawiają, że pisanie bogatych postów jest bezproblemowe i ma "bloki", aby ułatwić to, co dziś może zająć shortcodes, custom HTML lub "tajemnicze mięso" embed discovery.

Matt Mullenweg, 2017 r.

Informacja odpowiadająca źródłu cytatu jest osobnym polem tekstowym, podobnym do podpisów pod zdjęciami, więc struktura cytatu jest chroniona nawet jeśli zaznaczysz, zmodyfikujesz lub usuniesz źródło. Zawsze można je łatwo dodać z powrotem.

Bloki mogą być wszystkim, czego potrzebujesz. Na przykład, możesz chcieć dodać stonowany cytat jako część kompozycji swojego tekstu, lub może wolisz wyświetlić gigantyczny stylizowany. Wszystkie te opcje są dostępne w inserterze.

Możesz zmienić ilość kolumn w swoich galeriach, przeciągając suwak w inspektorze bloków na pasku bocznym.

Media Rich

Jeśli połączysz nowe szeroki oraz pełna szerokość wyrównania z galeriami, można stworzyć bardzo bogaty w media układ, bardzo szybko:

Dostępność jest ważna - nie zapomnij o atrybucie alt obrazu

Jasne, pełnowymiarowy obraz może być dość duży. Ale czasami obraz jest tego wart.

Powyżej znajduje się galeria zawierająca tylko dwa zdjęcia. Jest to łatwiejszy sposób na tworzenie atrakcyjnych wizualnie układów, bez konieczności radzenia sobie z pływakami. Możesz również łatwo przekonwertować galerię z powrotem na pojedyncze obrazy, używając przełącznika bloków.

Każdy blok może zdecydować się na te wyrównania. Blok embed również je posiada i jest responsywny po wyjęciu z pudełka:

https://vimeo.com/22439234

Możesz zbudować dowolny blok, statyczny lub dynamiczny, dekoracyjny lub zwykły. Oto blok pullquote:

Kod to poezja

Społeczność WordPressa

Jeśli chcesz dowiedzieć się więcej o tym, jak zbudować dodatkowe bloki, lub jeśli jesteś zainteresowany pomocą w projekcie, udaj się na stronę Repozytorium GitHub.


Dzięki za przetestowanie Gutenberga!

👋