Recenzja z góry: dostosuj wszystko za pomocą edytora interfejsu

Określane przez twórców jako „przyszłość WordPressa” Upfront to nowe narzędzie do tworzenia witryn i edytora treści, które zostało uruchomione na początku 2015 r. przez WPMU DEV.

Upfront zawiera wybór motywów startowych dla Twojej witryny WordPress. Po dokonaniu wyboru możesz zacząć dostosowywać prawie każdy element swojej witryny , a wszystko to za pomocą interfejsu wizualnego, frontendu, przeciągania i upuszczania.

Upfront zastępuje również domyślne ekrany edytora postów i stron WordPress, aby umożliwić edycję w trybie „wskaż i kliknij” w WordPressie. Niezależnie od tego, czy chcesz całkowicie przeprojektować motywy startowe, aby stworzyć własną, niestandardową witrynę, czy po prostu chcesz, aby dodawanie nowych treści do WordPressa było bardziej intuicyjne , Upfront może być narzędziem, na które czekałeś.

Aby dowiedzieć się, czy jest to najlepsze narzędzie do tworzenia WordPressa, przeczytaj naszą pełną recenzję wstępną. Możesz też przejść bezpośrednio do wersji demonstracyjnej, aby doświadczyć tego na własne oczy.

Wstępna recenzja: co potrafi to narzędzie do tworzenia witryn

Z góry działa nad relacją motywu rodzic-dziecko. Oznacza to, że Upfront jest zainstalowany w witrynie WordPress jako główny motyw nadrzędny, a następnie możesz wybrać jeden z utworzonych dla niego motywów potomnych.

Te motywy podrzędne stanowią następnie podstawę Twojej witryny. W chwili pisania tego tekstu do wyboru są tylko trzy motywy potomne : Fixer, Scribe i Spirit. Chociaż w przyszłości dodamy więcej projektów.

Wszystkie wyglądają dobrze i działają równie dobrze jako samodzielny motyw, bez konieczności dostosowywania.

Edycja frontonu metodą „przeciągnij i upuść”

Po wybraniu motywu potomnego lub początkowego możesz przejść do jego dostosowania.

Jak wspomniano, cała praca edycyjna i projektowa odbywa się za pomocą intuicyjnego interfejsu, przeciągnij i upuść, edytora wizualnego. Oznacza to , że to, co widzisz, jest naprawdę tym, co otrzymujesz. Nie ma potrzeby samodzielnej edycji żadnego kodu bazowego ani przełączania okien, aby uzyskać podgląd swojej pracy.

Pływające regiony, nieograniczona liczba elementów strony

Jeśli chodzi o tworzenie niestandardowych układów stron, Upfront wykorzystuje regiony i elementy. Dostępne elementy – 16 w momencie pisania – można przeciągnąć i upuścić na strony Twojej witryny. Możesz nie tylko przeciągać i upuszczać elementy strony, takie jak obrazy, na miejsce, ale także edytować tekst w linii .

Edycja liniowa odbywa się po prostu przez dwukrotne kliknięcie tekstu , a następnie rozpoczęcie pisania. Otrzymasz również dostęp do dobrego zestawu kontrolek formatowania podczas dodawania i edytowania tekstu za pomocą edytora front-end.

Oprócz możliwości przeciągania i upuszczania obszarów tekstowych i obrazów na miejsce, a następnie przenoszenia ich za pomocą interfejsu wizualnego, istnieje wiele innych elementów strony do wyboru. W chwili pisania tego tekstu te przeciągane elementy strony obejmują : suwaki, karty, akordeony, galerie obrazów, filmy, formularze, przyciski i mapy. Możesz również użyć elementu kodu, aby dodać niestandardowy kod do swojego projektu.

Co więcej, wszystkie widżety, które są aktywne w Twojej witrynie, niezależnie od tego, czy pochodzą z wtyczek innych firm, rdzenia WordPress lub niestandardowych opcji, mogą być wstawiane do projektów stron. To naprawdę daje prawie nieograniczony zakres tego, co można uwzględnić w układach witryny.

Możliwość pełnego dostosowania regionu

Każdy z regionów składających się na twoją stronę i zawarte w nich elementy można dodatkowo dostosować. Obejmuje to zmianę rozmiaru; pozycja; typ tła – w tym wideo, slider, mapa; oraz inne ustawienia wyglądu związane z typem edytowanego regionu. Klikając ikonę edycji, wyświetla się panel kontekstowy, za pomocą którego możesz wprowadzać zmiany.

Wszystkie zmiany są wprowadzane w czasie rzeczywistym . Nie ma potrzeby odświeżania strony, dzięki efektowi podglądu na żywo tego edytora front-end.

Gdy przeciągasz i przesuwasz regiony po stronie, zauważysz, że pływają, a nie są przymocowane do siatki. Oznacza to, że możesz tworzyć projekty o naprawdę swobodnym przepływie, zamiast ograniczać się arbitralnymi granicami.

Jednak dla tych, którzy wypychają piksele, Upfront zawiera opcjonalną, przydatną siatkę wizualną, która pomaga dokładniej wyrównać elementy strony.

Niestandardowy post końcowy i edycja strony

Dzięki Upfront każdy post i strona w Twojej witrynie mogą mieć własny , niestandardowy projekt i układ . Wszystko to można zbudować za pomocą interfejsu wizualnego, interfejsu użytkownika, przeciągnij i upuść.

Eliminując potrzebę tworzenia postów na zapleczu witryny, a następnie przełączać się między podglądem frontonu a głównym edytorem, aby uzyskać właściwy wygląd, Upfront rozwiązał już jeden główny obszar powstrzymujący WordPress . Dzięki dodatkowym opcjom dostosowywania i zawartości, takim jak widżety i elementy, otwarła się również cała inna sfera możliwości.

Chociaż możesz dostosować globalne obszary nagłówka i stopki, które są używane w całej witrynie, możesz również dostosować te obszary na podstawie poszczególnych postów i stron, aby uzyskać bardziej niestandardowy wygląd pojedynczej strony.

Inne godne uwagi funkcje Upfront to w pełni responsywny układ dla rosnącej armii użytkowników mobilnych uzyskujących dostęp do stron internetowych za pośrednictwem smartfonów i tabletów. Jak można oczekiwać od zespołu WPMU DEV, ten motyw jest w pełni gotowy do obsługi wielu witryn.

Obsługiwane są również niestandardowe typy postów, które można edytować w taki sam sposób, jak zwykłe typy postów na blogu. Dostępna jest również przydatna, ale krótka prezentacja, która pomoże Ci zacząć od pierwszego uruchomienia interfejsu dostosowywania.

Kluczową cechą Upfront jest to, że cała praca i edycja treści odbywa się za pośrednictwem edytora front-end. To, co twórcy projektu mają nadzieję, oddzieli go od konkurencji. Podczas gdy inne narzędzia do tworzenia stron WordPress oferują edytor front-end do dostosowywania witryny, Upfront wydaje się być jedynym, w którym cała akcja odbywa się za pośrednictwem interfejsu, interfejsu wizualnego, w tym tworzenia treści postów na blogu.

Wstępna recenzja: wrażenia użytkownika

Po przesłaniu Upfront do swojej witryny i wybraniu jednego z początkowych motywów podrzędnych możesz rozpocząć pracę nad swoją witryną .

Kliknięcie przycisku „Dostosuj motyw za pomocą z góry” w widoku frontonu witryny powoduje uruchomienie interfejsu edycji.

Opcjonalna wycieczka poprowadzi Cię przez główne funkcje wtyczki. Alternatywnie możesz po prostu wskoczyć od razu i zacząć. Ponieważ motywy startowe są wypełnione wszystkimi funkcjami nowoczesnego motywu WordPress, możesz zacząć od sprawdzenia i dostosowania istniejących elementów.

Zamiana obrazów na własne jest tak prosta, jak kliknięcie ich, a następnie przeciągnięcie i upuszczenie nowego obrazu do biblioteki multimediów. Możesz jednak usunąć dowolną część wcześniej istniejących treści . Dzięki temu możesz być naprawdę kreatywny dzięki Upfront.

Jeśli chodzi o dodawanie dostępnych elementów do układu strony, tak naprawdę jest to tylko przypadek przeciągania i upuszczania ich w dowolnym miejscu na stronie. Po dodaniu do strony każdy element można dostosować na swój własny sposób. Na przykład element posts można zmodyfikować tak, aby wyświetlał w układzie pojedyncze lub listy postów.

Jest to idealne rozwiązanie do tworzenia niestandardowej strony archiwum postów lub wyróżniania najlepszych postów na stronie głównej witryny. Ustawienia elementu post zapewniają dużą elastyczność w sposobie wyświetlania treści. Obejmuje to nie tylko to, które posty należy wyświetlić, ale także które części postów należy uwzględnić. Obejmuje to: datę publikacji, liczbę komentarzy, polecany obraz i wiele innych.

Oprócz używania Upfront do projektowania i dostosowywania strony głównej motywu początkowego jest on również używany podczas pracy nad postami i stronami . To jest świetne, ponieważ tworzy płynny i spójny interfejs do projektowania strony internetowej i tworzenia treści.

Aby przełączyć się do widoku wpisu i strony, po prostu kliknij link Posty / Strona, a następnie wybierz istniejący fragment treści, który chcesz edytować, lub utwórz nowy element.

Wybrany post otwiera się następnie w edytorze Upfront . Dzięki temu możesz po prostu dodać do niego treść lub zmienić jego projekt. Zastąpienie niezgrabnego systemu edycji postów WordPress z koniecznością przełączania okien w celu podglądu pracy zapewnia natychmiastową aktualizację podstawowego oprogramowania.

Większość tego, co możesz zrobić za pomocą domyślnego ekranu edycji posta WordPress, na przykład dodać wyróżniony obraz, edytować tytuł posta i dodać treść posta, można wykonać za pomocą wizualnego interfejsu Upfront.

Jeśli chcesz wprowadzić zmiany w typografii swojej witryny , Upfront zapewnia łatwy sposób na zrobienie tego. Za pomocą panelu ustawień motywu możesz wybrać element typu, taki jak Nagłówek 2, a następnie edytować używaną czcionkę. Jest to następnie stosowane globalnie w całej witrynie.

Nadal możesz dostosować wygląd tekstu w poszczególnych elementach. Korzystając z ustawień motywu, możesz jednak szybko zastosować zmiany w całej witrynie . To samo dotyczy kolorów witryny, chociaż interfejs nie wskazuje jasno, do którego elementu witryny mają zastosowanie poszczególne ustawienia kolorów.

Upfront jest bardzo łatwy do pobrania, jeśli chodzi o wprowadzanie szybkich zmian w wyglądzie i treści motywów startowych. Jednak jeśli chodzi o dokonywanie bardziej dalekosiężnych dostosowań lub budowanie własnych układów stron od zera, będzie to wymagało większej inwestycji czasowej, aby się z nią uporać.

To całkiem rozsądne. Zwłaszcza biorąc pod uwagę zakres i funkcjonalność tego narzędzia. Podobnie jak inne motywy WordPress i wtyczki tego typu, im więcej w to włożysz, tym więcej zyskasz na dłuższą metę.

cennik

Z góry może być Twoje, dołączając do klubu członkowskiego WPMU DEV. Daje to dostęp do Upfront, a także ponad 350 wtyczek i innych motywów. Opłaty członkowskie zaczynają się od 24,50 USD miesięcznie w abonamencie rocznym i rosną do 99 USD w opcji miesięcznej.

Po zarejestrowaniu i tak długo, jak jesteś członkiem, masz dostęp do całodobowego forum pomocy technicznej i codziennych sesji czatu na żywo. Aby uzyskać pełne opcje cenowe dla Upfront, odwiedź witrynę WPMU DEV.

Wniosek

WPMU DEV przez chwilę milczał, jeśli chodzi o wydawanie nowych motywów WordPress. Wraz z wydaniem Upfront łatwo zrozumieć, dlaczego. Z ponad dwoma latami w przygotowaniu i „ponad milionem wydanych” Upfront jest z pewnością ważnym projektem dla zespołu WPMU DEV, a być może i samego WordPressa.

W ogłoszeniu Upfront jego twórcy robią ciekawą uwagę na temat konkurencji tego narzędzia i ogólnie WordPressa . Chociaż usługi takie jak Squarespace, Wix i Weebly oferują obecnie mniej możliwości rozwoju oraz dostosowywania i rozbudowy na zamówienie niż WordPress, oferują bardziej przyjazny dla użytkownika interfejs do publikowania treści i dostosowywania wyglądu witryny tak, jak chcesz.

Upfront ma na celu wprowadzenie tego typu interfejsu dostosowywania do WordPressa. Ogólnie rzecz biorąc, wykonuje całkiem dobrą robotę. Jeśli chcesz, aby WordPress był bardziej przyjazny dla użytkownika, dla siebie, swoich klientów lub tych, którym polecasz to oprogramowanie, Upfront jest jedną z dostępnych opcji.

Wybór Upfront wiąże się z wiązaniem się z rozwiązaniem innej firmy; i chociaż byłoby miło, gdyby WordPress mógł oferować tego rodzaju możliwości edycji – albo jako część rdzenia, albo poprzez „oficjalny” dodatek, na razie istnieje Upfront.

Podczas gdy programiści i programiści, którzy są w stanie zaprojektować własne motywy lub dostosować gotowe produkty, nie będą zbytnio potrzebować Upfront, każdy, kto kiedykolwiek chciał tworzyć własne niestandardowe układy i projekty stron, zdecydowanie powinien wziąć udział w internetowej wersji demonstracyjnej Upfront na jazdę próbną.

Upfront to dopiero początek , ale mają dobry początek. Ponieważ coraz więcej motywów startowych pojawia się w Internecie i wprowadzane są dodatkowe elementy, ten przyjazny dla użytkownika edytor powinien naprawdę zadziałać.

Dowiedz się więcej o programie Upfront lub wypróbuj wersję demonstracyjną teraz

Zastrzeżenie: piszę posty na blogu WPMU DEV – twórców Upfront – na zasadzie freelance; jednak opinie zawarte w tym artykule są moje i nie mają na nie żadnego wpływu.