Szablon Phlox Pro Elementor MultiPurpose WP Theme - 5.17.20

Phlox Pro to wielozadaniowy motyw WordPress firmy averta, zbudowany wokół page buildera Elementor. Dokłada ponad 160 własnych elementów, builder nagłówka i stopki, kilkadziesiąt demek do importu oraz moduły portfolio, magazynu i sklepu WooCommerce. Trafia do agencji, freelancerów i firm budujących strony bez kodowania.

Ponad 160 elementów Elementora i wizualny builder nagłówka

Phlox Pro dokłada do Elementora ponad 160 własnych elementów premium oraz wizualny builder nagłówka i stopki, w którym osobne układy powstają dla desktopu, tabletu i telefonu. Do tego dochodzą dwa poziomy opcji motywu – globalny i nadpisywany na pojedynczej stronie, wpisie lub produkcie – podgląd zmian na żywo oraz osiem układów paska tytułu.

Biblioteka widżetów, Export Section i parallax dla dowolnego elementu

Widżety motywu instaluje wtyczka bazowa Phlox Core Elements. Pojawiają się w panelu bocznym Elementora, obok elementów samego buildera.

• Advanced Image – obraz z opcją wstępnego wczytywania (preload), ustawianą osobno dla każdego wystąpienia widżetu.
• Modern Gallery – galeria w układzie grid lub masonry, z doładowywaniem kolejnych stron bez przeładowania widoku i opcją lazyload.
• Grid & Carousel Posts, Flexible Posts, Recent News – listingi wpisów w siatce, karuzeli i układach redakcyjnych.
• Modern Heading, Icon Picker, Accordion, Tabs – elementy typograficzne i układy zwijane do budowy sekcji treściowych.
• Contact Form, Map, Audio i Video – bloki kontaktowe i multimedialne osadzane bezpośrednio w kolumnie Elementora.

Osobno działa Export Section. Funkcja pobiera dowolną sekcję z publicznych demek Phloxa jako plik szablonu i wczytuje ją do biblioteki Saved Templates w Elementorze – korzysta przy tym z natywnego systemu szablonów buildera, więc pobrana sekcja zachowuje się jak każdy inny zapisany szablon. Producent dokłada też efekt parallax i płynnego przewijania, nakładany na dowolny element w edytorze.

Użytkownicy WPBakery Page Buildera dostają odrębny zestaw: ponad 60 modułów motywu plus dołączoną wtyczkę Ultimate Addons for WPBakery.

Nagłówek i stopka budowane w Elementorze zamiast w customizerze

Nagłówki i stopki powstają w sekcji Templates → Saved Templates, w zakładce Header. Edycja przebiega wizualnie, w oknie Elementora. Motyw nie limituje liczby użytych elementów: w pasku mieszczą się menu poziome, przycisk burger, wyszukiwarka, ikony social media, numery kontaktowe, przycisk CTA, box subskrypcji czy ikona koszyka. Osobne struktury powstają dla trzech szerokości ekranu, więc mobilny nagłówek nie jest przeskalowaną wersją desktopowego.

Gotowe układy nagłówków i stopek importuje się też z biblioteki online i przerabia pod konkretny projekt.

Uwaga o starych wdrożeniach: klasyczne opcje nagłówka i stopki z customizera producent oznaczył jako przestarzałe (komunikaty o deprecjacji pojawiają się od wersji 5.3.0) i zapowiada ich usunięcie. Po ustawieniu własnego szablonu z Elementora dawne opcje układu w customizerze przestają działać.

Opcje globalne z nadpisaniem na pojedynczej stronie

Opcje motywu układają się w dwa poziomy. Pierwszy obejmuje całą witrynę i obsługuje osobne zestawy ustawień dla bloga, wpisów, sklepu, newsów i portfolio. Drugi nadpisuje wybrane wartości na konkretnej stronie, wpisie, produkcie lub innym typie treści, bez ruszania konfiguracji globalnej.

Customizer pokazuje efekt zmian na żywo. Producent wymienia też mechanizm reversioningu ustawień. Layout witryny występuje w wariantach site box, full width i framed, a stopkę uzupełniają dwa niezależnie konfigurowane paski subfooter. Pasek tytułu strony ma osiem predefiniowanych układów – z parallaksem, tłem wideo, trybem fullscreen w odmianie jasnej i ciemnej oraz w układzie boxed overlapped.

Dema premium i szablony stron importowane jednym kliknięciem

Instalator demek Phlox Pro prowadzi przez wybór gotowego dema branżowego i zakres importowanych treści, a deinstalator przełącza witrynę na inne demo bez naruszania danych. Poza pełnymi demo motyw dostarcza kilkadziesiąt szablonów pojedynczych stron dla Elementora oraz gotowe nagłówki i stopki pobierane z biblioteki online.

Kreator importu i deinstalator dema

1. Wybór dema z galerii dostępnej po aktywacji Phlox Core Elements.
2. Wskazanie zakresu importu – treści, ustawień motywu, widżetów i wymaganych wtyczek.
3. Import, po którym witryna odwzorowuje strukturę wybranego dema.

Deinstalator cofa import i przygotowuje witrynę pod kolejne demo. To liczy się na etapie prototypowania, gdy klient waha się między dwiema koncepcjami wizualnymi.

Branże pokryte przez dema: agencja, sklep, portfolio, magazyn, gastronomia

Zestaw demek Pro obejmuje kilkadziesiąt kompletnych witryn rozpisanych na branże. Producent wymienia między innymi korporację, agencję, SaaS i aplikację mobilną, sklepy (moda, meble, rowery, biżuteria, książki, produkty cyfrowe), restaurację, pizzerię i piekarnię, gabinet medyczny, kancelarię prawną, fotografię i portfolio, serwis magazynowy, siłownię, salon beauty, wesele, edukację, budownictwo oraz tematykę kryptowalut.

Osobno stoi biblioteka gotowych szablonów pojedynczych stron dla Elementora – do wstawienia w istniejący projekt, bez importu całej witryny.

Co po imporcie trzeba podmienić samodzielnie

Zaimportowane demo nie wygląda jeden do jednego jak zapowiedź na stronie producenta. Zdjęcia z demek chroni licencja stockowa, więc na witrynę trafiają wersje ze znakiem wodnym – do podmiany na własne materiały.

Paczka motywu zawiera pliki PHP, HTML, CSS i JavaScript; obrazów z demek w niej nie ma. Podmiany wymagają też teksty, dane kontaktowe, logo i kolorystyka, ustawiane w customizerze.

Sklep WooCommerce, portfolio, blog i moduł magazynowy

Phlox Pro obejmuje cztery osobne warstwy treści: sklep WooCommerce z sześcioma układami strony produktu i podglądem quick look, moduł portfolio z własnym typem treści i filtrowaniem kategorii, blog z sześcioma układami archiwum oraz pełną obsługą formatów wpisów, a także moduł magazynowy Phlox News z elementami układów redakcyjnych dla Elementora.

Sześć układów strony produktu, quick look i wsparcie Easy Digital Downloads

Karta produktu występuje w sześciu wariantach: left align, center i light fullscreen, każdy po dwie odmiany. Wybór zapada w opcjach motywu, a na pojedynczym produkcie da się go nadpisać, żeby wyróżnić wybraną ofertę bez tworzenia szablonu w kodzie.

Quick look otwiera podgląd produktu prosto z listingu, bez wchodzenia na kartę produktu. Poza samym WooCommerce motyw deklaruje zgodność z Easy Digital Downloads, a producent wymienia też scenariusze multi-vendor i Amazon Affiliate. Osobne zestawy opcji obsługują archiwa produktów, kategorie i tagi, produkty powiązane oraz rozwijany koszyk w nagłówku.

Portfolio z własnym typem treści i filtrowaniem

Moduł Phlox Portfolio rejestruje osobny typ treści dla projektów, dzięki czemu realizacje nie mieszają się z wpisami bloga. Archiwum występuje w układach grid, masonry i tiles, także w wariantach z filtrowaniem po kategoriach. Pojedynczy projekt powstaje w Elementorze, przyjmuje metadane i wiąże się z pokrewnymi realizacjami.

Układy archiwum bloga, formaty wpisów i moduł news

Archiwum bloga ma sześć układów: classic, grid, tile, timeline, masonry i land. Wpisy idą w każdym formacie przewidzianym przez WordPressa: od galerii i pojedynczego obrazu, przez wideo i audio (na przykład osadzenie z SoundCloud), po cytat, link oraz aside – dla każdego z nich motyw ma osobną prezentację na listingu i w widoku pojedynczego wpisu.

Serwisy publikujące dużo materiałów dostają moduł Phlox News: osobny typ treści z indeksem, kategoriami i elementami Elementora przeznaczonymi pod układy magazynowe, w tym big grid i recent news.

Nowoczesna galeria, slider i optymalizacja obrazów

Widżet Modern Gallery obsługuje układy grid i masonry z paginacją doładowywaną bez przeładowania strony oraz opcją lazyload. Do pakietu producent dołącza Master Slider Pro – slider z około 90 szablonami, animowanymi warstwami, wariantami fullwidth, fullscreen i post slider oraz trybem porównawczym „before/after”.

Warstwę obrazów uzupełnia Adaptive Images: na telefonach i tabletach mechanizm podstawia mniejsze warianty grafik obecnych już w bibliotece mediów, przez co spada objętość przesyłanych danych. Dochodzą do tego opcje preload i lazyload, ustawiane osobno w każdym widżecie obrazkowym z poziomu edytora Elementora.

White Label, WPML i RTL — warstwa agencyjna i lokalizacja

White Label w Phlox Pro przebrandowuje panel WordPressa – zmienia nazwę motywu i autora, ukrywa lub przemianowuje pozycję w menu i ogranicza dostęp do wybranych zakładek, a ustawienia przetrwają aktualizację motywu. Warstwę językową domyka udokumentowana integracja z WPML wraz z WooCommerce Multilingual oraz pełne wsparcie układów RTL.

Rebranding panelu przekazywanego klientowi

Funkcję uruchamiają dwie stałe wpisywane w pliku wp-config.php: AUX_WHITELABEL oraz AUX_WHITELABEL_DISPLAY. Po ich zadeklarowaniu klient widzi panel z podmienioną nazwą motywu i autora, z pozycją Phlox Pro ukrytą lub przemianowaną w menu bocznym oraz z wygaszonymi zakładkami opcji, do których nie ma mieć wglądu – łącznie z samym ekranem White Label.

Producent kieruje ten moduł do agencji, które oddają gotową witrynę pod własną marką.

Tłumaczenie stron, portfolio i sklepu przez WPML

Ścieżka wielojęzyczna opisana w dokumentacji opiera się na WPML. Obejmuje tłumaczenie stron złożonych w Elementorze, wpisów portfolio i pozostałych typów treści, taksonomii, menu, ciągów motywu i wtyczek oraz sklepu przez WooCommerce Multilingual i WPML String Translation. Konfiguracja wymaga aktywnych wtyczek Phlox Core Elements i Phlox Pro Tools.

Motyw jest oznaczony jako gotowy do tłumaczenia, a rodzina Phlox ma polską wersję językową w repozytorium WordPress.org. Dokumentacja opisuje pracę z plikami językowymi w Loco Translate i Poedit oraz przez translate.wordpress.org. Kompletności polskiego tłumaczenia ciągów edycji Pro producent przy tym nie potwierdza.

Osobno działa warstwa RTL: arabski, hebrajski i pozostałe pisma prowadzone w odwrotnym kierunku dostają własne układy oraz arkusze stylów, a wraz z nimi demo RTL, którego nie ma w standardowym importerze demek.

Motyw potomny i własne CSS/JavaScript

Phlox Pro obsługuje motyw potomny, a producent poświęca mu osobny artykuł w dokumentacji. To ścieżka dla zmian w plikach szablonu, które mają przetrwać aktualizację motywu nadrzędnego.

Drobniejsze modyfikacje obejdą się bez child theme. Motyw wystawia pola na własny kod CSS i JavaScript, a poza tym obsługuje customizację ekranu logowania, mega menu, menu fullscreen, przyklejany nagłówek i stopkę, tryb konserwacji, własną stronę 404 oraz konfigurowalne wyszukiwanie.

Dla jakich witryn Phlox Pro ma sens

Phlox Pro sprawdza się przede wszystkim u agencji i freelancerów składających wiele stron klienckich w Elementorze, w projektach portfolio, w witrynach firmowych budowanych bez kodowania oraz w mniejszych sklepach WooCommerce, które mają wyglądać inaczej niż domyślne szablony. Serwisy treściowe korzystają z osobnego modułu magazynowego i sześciu układów archiwum bloga.

Agencje, freelancerzy i strony klienckie

Typowy przebieg projektu wygląda tak: agencja importuje demo najbliższe branży klienta, podmienia treści i kolorystykę w customizerze, koryguje nagłówek w builderze, a na koniec ukrywa branding motywu w panelu przekazywanym klientowi. Jeden motyw pokrywa przy tym większość typów projektów, więc nie powstaje osobny stos wtyczek do nagłówka, portfolio i sliderów dla każdej realizacji.

Portfolio, blog i serwis magazynowy

Dla kogo Phlox Pro sprawdza się najlepiej:

• Agencje i freelancerzy budujący wiele stron klienckich w Elementorze.
• Firmy składające stronę wizytówkę lub korporacyjną bez dotykania kodu.
• Fotografowie, projektanci i studia kreatywne potrzebujące portfolio z filtrowaniem kategorii.
• Blogerzy, wydawcy treści i redakcje prowadzące serwis magazynowy.
• Mniejsze i średnie sklepy WooCommerce projektowane wizualnie, bez przerabiania szablonów.

W scenariuszu portfolio pracują razem trzy elementy: typ treści dla projektów, układy masonry i tiles z filtrami oraz galeria z paginacją i lazyload. Redakcja publikująca kilkanaście materiałów tygodniowo składa z kolei stronę główną z modułu Phlox News, układów big grid i recent news oraz post slidera nad archiwum.

Sklepy WooCommerce i produkty cyfrowe

Sklep na Phlox Pro odchodzi od domyślnego wyglądu WooCommerce bez pracy dewelopera – wybór layoutu produktu, stylu kafelka w archiwum, quick look i konfiguracja rozwijanego koszyka odbywają się w opcjach motywu. Deklarowana zgodność obejmuje WooCommerce od gałęzi 5.x do 9.x. Sprzedaż plików prowadzi się też na Easy Digital Downloads.

Phlox Pro pozostaje motywem, więc obsługa polskich bramek płatności, kurierów i systemów fakturowania zależy od wtyczek WooCommerce, a nie od samego szablonu – producent nie deklaruje integracji z lokalnymi usługami.

Kiedy lepiej wybrać inny motyw

Dla kogo Phlox Pro nie jest właściwym wyborem:

• Zespoły pracujące wyłącznie na edytorze blokowym i Full Site Editing – na ThemeForest produkt ma atrybut „Gutenberg Optimized: No”, a cała warstwa layoutowa powstaje w Elementorze.
• Witryny na mocno limitowanym hostingu współdzielonym poniżej 256 MB pamięci PHP.
• Projekty, w których priorytetem jest maksymalnie lekki frontend i minimalny narzut kodu.
• Użytkownicy builderów innych niż Elementor, WPBakery i SiteOrigin – dla Bricks, Divi Buildera i Beaver Buildera producent nie dokumentuje integracji.

Producent sam wskazuje niedobór pamięci PHP jako najczęstszą przyczynę białych ekranów, nieudanych importów demek i pustych treści w edytorze. Phlox Pro jest motywem typu „arsenał funkcji” i pod względem zużycia zasobów stoi po przeciwnej stronie niż lekkie motywy domyślne.

Wymagania serwerowe i zgodność z WordPressem, Elementorem i WooCommerce

Phlox Pro wymaga serwera z PHP w wersji rekomendowanej przez producenta – 7.4 lub nowszej – bazy MySQL 5.6+ oraz pamięci PHP na poziomie minimum 256 MB, przy czasie wykonania skryptu podniesionym do 180 sekund. Deklarowana zgodność obejmuje WordPress od 5.0 do gałęzi 6.9, WooCommerce 5.x–9.x, Elementora z Elementor Pro, WPBakery oraz SiteOrigin.

Limity PHP, od których zależy import demek

Importer demek i edytor Elementora są najbardziej wrażliwe na konfigurację PHP. Poza pamięcią 256 MB (przy rozbudowanym zestawie wtyczek producent zaleca więcej) w grę wchodzą max_execution_time na poziomie 180, post_max_size 32 MB, upload_max_filesize 75 MB oraz max_input_vars 3000.

Na serwerach z patchem Suhosin producent podaje osobny zestaw podniesionych parametrów z grup suhosin.post.* i suhosin.request.*. Dokumentacja odsyła też do stałych WP_MEMORY_LIMIT i WP_MAX_MEMORY_LIMIT ustawianych w wp-config.php.

Zgodność z Elementorem, Elementor Pro i pozostałymi builderami

Elementor jest podstawowym builderem motywu, a instalacja z Phlox Pro musi spełniać również minimalne wymagania serwerowe samego Elementora. Wtyczka Elementor Pro działa równolegle z motywem.

Uwaga o kolejności ustawień: szablon nagłówka lub stopki przypisany w Elementor Pro przez Display Conditions nadpisuje ustawienia Phloxa z customizera i z opcji strony. To zachowanie projektowe, ale przy równoległym używaniu obu produktów wyjaśnia, dlaczego zmiany w opcjach motywu nie dają efektu.

Poza Elementorem motyw obsługuje WPBakery Page Builder z dołączonym Ultimate Addons oraz SiteOrigin Page Builder wraz z SiteOrigin Widgets Bundle. Z edytorem blokowym działa w podstawowym zakresie, ale nie jest pod niego zoptymalizowany i nie należy do motywów Full Site Editing. Zgodność deklarowana jest też z Contact Form 7, Gravity Forms, WPForms (dodana w wersji 5.17.20), The Events Calendar i Yoast SEO.

Tabela parametrów technicznych

Najczęściej zadawane pytania