MotoPress – jeden z ciekawszych edytorów wizualnych

Ostatnio pojawiło się sporo drag-and-drop wtyczek do edytowania treści w WordPress CMS. Przyczyną jest chęć właścicieli stron www zmieniać ich projekty bez wsparcie ze strony zewnętrznych deweloperów webowych. I MotoPress jest jedną z takich wtyczek, która zawiera szereg możliwości do pracy z treścią, różnymi stronami i własnymi typami wpisów.

Wtyczka MotoPress została stworzona w celu zastąpienia standardowego edytora wpisów WordPress (TinyMCE). Pomaga ona użytkownikom korzystać z metody drag-and-drop przy edycji artykułów, stron i własnych typów wpisów, co znacznie rozszerza ich możliwości i upraszcza proces edycji. Jedną z największych przewag podanej wtyczki, razem z intuicyjnym interfejsem, jest kompatybilność z dowolnym motywem w WordPress. To pozwala zmieniać projekty wpisów i stron w zainstalowanym motywie.

Ale, niestety, MotoPress – to nie darmowa wtyczka, przez co może być ona mniej znana ze sowich konkurentów, takich jak Visual Composer, VelocityPage, Themify Builder itd. I dlatego, żeby skorzystać z niej w pełni trzeba kupić pojedynczą licencje o wartości 29$ (rys.1). Innym rozwiązaniem może być zakup płatnego motywu z wtyczką MotoPress. Ostatnio niektórzy autorzy motywów (np. TemplateMonster) dodają podaną wtyczkę do swoich produktów. Wtedy przy otrzymaniu takiego motywu nie trzeba kupować licencji dla MotoPress.

Rysunek 1. Ceny na licencji dla MotoPress
Rysunek 1. Ceny licencji MotoPress

Przyglądnijmy się wtyczce.

Instalacja

Proces instalacji wtyczki – to bardzo prosta sprawa. Odwiedzamy kokpit, w menu po lewej wybieramy Wtyczki, następnie Dodaj wtyczkę. I w wyszukiwarce szukamy „MotoPress” (rys. 2)

Rysunek 2. Wyzyskiwanie wtyczki MotoPress
Rysunek 2. Wyzyskiwanie wtyczki MotoPress

Po tym należy wybrać odpowiednią wtyczkę i kliknąć na przycisk Zainstaluj. Wtyczka zostanie zainstalowana, a nam pozostaje tylko ją aktywować. W sumie otrzymamy taki rezultat (rys. 3).

Rysunek 3. MotoPress po instalacji
Rysunek 3. MotoPress po instalacji

Aktywacja poprzez specjalny klucz jest niezbędna aby móc korzystać z wtyczki. W przypadku, gdy nie posiadamy klucza i chcemy jedynie przetestować MotoPress, można skorzystać z wersji demo na stronie producenta.

W przypadku korzystania z pełnej wersji należy nanieść odpowiednie zmiany w ustawieniach wtyczki (rys. 4). Chodzi o rodzaje wpisów dla jakich wtyczka ma być aktywna, role użytkowników dla których ma być dostępna. Oprócz tego można zaznaczyć opcję sprawdzania pisowni, dodać własny CSS i wybrać shortcodes dla dodawania w tybie HTML.

Rysunek 4. Opcji MotoPress
Rysunek 4. Opcji MotoPress

Proces tworzenia strony

Po aktywacji wtyczki i naniesieniu odpowiednich ustawień, można przejść do tworzenia strony. Z lewego menu kokpitu wybieramy Strony –> Dodaj nową. Pojawi się okno ze standardowym edytorem WordPressa. W nim będzie nowy przycisk MotoPress Content Editor (Edytor MotoPress). Aby przejść do edycji strony za pomocą MotoPress klikamy na ten przycisk (rys. 5).

Rysunek 5. Przejście do edytora MotoPress
Rysunek 5. Przejście do edytora MotoPress

Odpali się strona edycyjna MotoPress z ikoną ładowania edytora (rys. 6).

Rysunek 6. Ładowanie edytora MotoPress
Rysunek 6. Ładowanie edytora MotoPress

Po załadowaniu edytora w prawym górnym rogu strony pojawią się trzy przyciski: Publish (Publikować), Save (Zapisz), Preview (Podgląd). Po lewej stronie – panel z ikonami dostępnych modułów, a w środku obszar roboczy nad stroną, do którego przeciągamy wybrane obiekty i pracujemy z nimi.

Rysunek 7. Edytor MotoPress
Rysunek 7. Edytor MotoPress

Dostępne moduły w MotoPress, to:

– Tekst

Rysunek 8. Moduły tekstowe w MotoPress
Rysunek 8. Moduły tekstowe w MotoPress

– Obrazki i suwaki

Rysunek 9. Obrazki i suwaki w MotoPress
Rysunek 9. Obrazki i suwaki w MotoPress

– Przyciski dla strony i dla sieci społecznościowych

Rysunek 10. Przyciski dla strony i dla sieci spolecznościowych w MotoPress
Rysunek 10. Przyciski dla strony i dla sieci spolecznościowych w MotoPress

– Wideo i audio

Rysunek 11. Wideo i audio w MotoPress
Rysunek 11. Wideo i audio w MotoPress

– Specjalne shortcody: siatka dla wpisów, tabele, wykresy i mapy

Rysunek 12. Shortcodes w MotoPress
Rysunek 12. Shortcodes w MotoPress

– Widżety regularne w WordPress

Rysunek 13. Widżety w MotoPress
Rysunek 13. Widżety w MotoPress

Dlatego, żeby stworzyć stronę wystarczy przeciągnąć i upuścić elementy z menu po lewej stronie. Na przykład, przeciągniemy element Title (Tytuł). Umieszczenie pola tekstowego wyświetla opcje formatowania tekstu (rys. 13):

Rysunek 14. Element Tytuł w MotoPress
Rysunek 14. Element Tytuł w MotoPress

Przeciągamy wszystkie potrzebne elementy na stronę. W naszym przypadku, to są nagłówek, pole tekstowe i wideo (rys. 14). Rozmiar elementu zmienia się bardzo prosto. Trzeba tylko przeciągnąć go chwytając za odpowiedni róg. Oprócz tego, przy wyborze każdego elementu pojawi się dodatkowe menu z odpowiednimi ustawieniami. Dzięki temu każdy obiekt można dopasować pod wymagania projektu internetowego.

Rysunek 15. Przykład strony internetowej stworzonej za pomocą MotoPress
Rysunek 15. Przykład strony internetowej stworzonej za pomocą MotoPress

Kiedy strona jest już stworzona, klikamy na Preview (Przegląd), aby zobaczyć jak ona wygląda (rys. 16):

Rysunek 16. Podgląd strony www stworzonej za pomocą MotoPress
Rysunek 16. Podgląd strony www stworzonej za pomocą MotoPress

No i już. Można publikować nasza stronę, którą stworzyliśmy za pomocą wtyczki MotoPress.

Podsumowanie

Jak widać za pomocą MotoPress można szybko i lekko dodawać treść, tworzyć strony i własne typy wpisów, co pozwala znaczniej zaoszczędzić wasz czas. Ze swoimi funkcjami MotoPress zastępuje szereg innych wtyczek, które razem dopiero oferowały podobny zestaw opcji do tworzenia artykułów.

Gdy jesteście bloggerami i codziennie tworzycie wpisy na WordPressie, to MotoPress może stać się dla was bardzo dobrym rozwiązaniem.

P.S. Mam nadzieję, że ten artykuł będzie dla was użyteczny 🙂 Mile widziane komentarze.

// Autorem wpisu jest Janusz Kamiński z Template Monster Polska.