PE Business WordPress instrukcja do motywu

Niniejsza dokumentacja została ostatnio zaktualizowana w dniu 19 września 2019 r.

Dziękujemy za zakup PE Business Theme . Jeśli masz jakiekolwiek pytania, które wykraczają poza zakres dokumentacji, proszę czuć się swobodnie i zgłosić się do naszej Strony Wsparcia.

Jeśli podoba Ci się ten motyw, proszę wesprzyj nas oceniając ten motyw 5 gwiazdkami.

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Wykonaj wymienione tutaj kroki instalacji.

Proszę zwrócić uwagę:

• Jeśli masz wcześniej zainstalowaną wtyczkę Slider Revolution i kilka sliderów, przejdź do Wygląd > Widżety. W nagłówku paska bocznego otwórz widżet Revolution Slider, wybierz slider i kliknij Zapisz.

Wykonaj czynności wymienione tutaj

Konfiguracja strony demonstracyjnej

Wykonaj czynności wymienione tutaj

Konfiguracja Main Menu

Wykonaj czynności wymienione tutaj

Import danych Revolution Slider 

Wykonaj czynności wymienione tutaj

Import Widżetów

Wykonaj czynności wymienione tutaj

Konfiguracja ustawień WP

Przejdź do Ustawienia > Czytanie i ustaw opcje w ten sposób:

Następnie ustaw media w Ustawieniach > Media:

Wykonaj czynności wymienione tutaj

Wszystkie dostępne ustawienia dla domyślnej wersji motywu PE Business theme. Więcej informacji o różnych wersjach znajdziesz w Style.

Aby skonfigurować ustawienia podstawowe, przejdź do Wygląd > Opcje motywu i kliknij na zakładkę Ustawienia podstawowe.

Aby skonfigurować układ, przejdź do Wygląd > Opcje motywu i kliknij na zakładkę Układ.

Aby ustawić Menu główne, przejdź do Wygląd > Opcje motywu i kliknij na zakładkę Menu główne.

Aby skonfigurować Blog, przejdź do Wygląd > Opcje motywu i kliknij na zakładkę Blog.

Ogólne:

Archiwum:

Pojedynczy post:

To setup Pages, navigate to Appearance > Theme Options and click on Pages tab.

Pojedyncza strona:

Przedstawiciele:

FAQ:

Aby ustawić czcionki, przejdź do Wygląd > Opcje motywu i kliknij na zakładkę Czcionki.

Aby ustawić kolory, przejdź do Wygląd > Opcje motywu i kliknij na zakładkę Kolory.

Ogólne:

Nagłówek:

Top:

Bottom:

Stopka:

Off-canvas:

Widżety:

Aby skonfigurować Stopkę, przejdź do Wygląd > Opcje motywu i kliknij na zakładkę Stopka.

Aby skonfigurować Kontakt, przejdź do Wygląd > Opcje motywu i kliknij na zakładkę Kontakt.

Aby skonfigurować WCAG i ADA, przejdź do Wygląd > Opcje motywu i kliknij na zakładkę Kontakt.

Aby skonfigurować zaawansowane, przejdź do Wygląd > Opcje motywu i kliknij na zakładkę Zaawansowane.

Aby ustawić Import / Eksport, przejdź do Wygląd > Opcje motywu i kliknij na zakładkę Import / Eksport.

Ustawienia motywu znajdziesz w plikach:

• / Theme Options / (version) / options.json

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Ta strona wyświetla stronę logowania. Aby utworzyć tę stronę przejdź do zakładki Strony > Dodaj. Teraz wybierz szablon Strona logowania i kliknij Aktualizuj/Publikuj.

Ta strona wyświetla stronę rejestracji. Aby utworzyć tę stronę przejdź do zakładki Strony > Dodaj. Teraz wybierz szablon Strona rejestracji i kliknij Aktualizuj/Publikuj.

Bardzo przydatna wtyczka, która pozwala pokazywać/ukryć widżety na niektórych stronach. Opcje te są wyświetlane na dole wszystkich ustawień widżetów.

Możesz wybrać:

1. Wyświetl widżet dla wszystkich, tylko zalogowanych lub tylko wylogowanych użytkowników.
2. Pokaż lub ukryj widżet na wybranych poniżej stronach.
3. Strony, aby pokazać/ukryć widżet.

Newsletter to prawdziwy system newsletterów dla Twojego bloga WordPress: idealny do budowania listy, możesz łatwo tworzyć, wysyłać i śledzić e-maile, bez bólu głowy. Po prostu działa od razu po zakupie!

Na stronie demo widżet jest widoczny w pasku bocznym 'bottom5'.

Wbudowany widżet, który pozwala na wyświetlanie tekstu z ikonami (font awesome) oraz obrazem.

Na stronie demo widżet jest widoczny w pasku bocznym 'top1'.

Wbudowany widżet umożliwiający wyświetlanie formularza kontaktowego oraz mapy Google.

Możesz ustawić adres, odbiorców e-maili i lokalizację na mapie w Opcjach motywu > zakładka Kontakt :

Na stronie demo widżet jest widoczny w pasku bocznym 'bottom5'.

Wbudowany widżet umożliwiający wyświetlanie zdjęć.

Na stronie demo widżet jest widoczny w pasku bocznym 'top3'.

Wbudowany widżet, który pozwala wyświetlać przedstawicieli (typ postu przedstawiciel).

Na stronie demo widżet jest widoczny w pasku bocznym 'bottom3'.

Wtyczka, która pozwala wyświetlać widżet z postami na blogu i zawartością stron w widoku zakładkowym lub zwiniętym (akordeon).

Na stronie demo widżet jest widoczny w pasku bocznym 'top4'.

Wbudowany widżet, który pozwala na wyświetlanie tekstu i obrazu.

Na stronie demo widżet jest widoczny w pasku 'top5'.

Wbudowany widżet umożliwiający wyświetlanie ikon społecznościowych.

Na stronie demo widżet jest widoczny w sidebarze 'footer'.

Mamy również video tutorial jak skonfigurować widget PE Social:

Wbudowany widżet, który pozwala wyświetlać tekst z typu postu.

Na stronie demo widżet jest widoczny w sidebarze 'bottom2'.

Wykonaj czynności wymienione tutaj

Prosta wtyczka, która pozwala użytkownikom używać dowolnego obrazu z Twojej biblioteki multimediów WordPress jako niestandardowego awatara użytkownika.

Możesz znaleźć ustawienia w Użytkownicy > Twój profil.

PE Business - Startup przykład demo

PE Business - Business przykład demo

PE Business - Prezentacja produktu przykład demo

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Przejdź do opcji Przedstawiciele > Dodaj. Wprowadź tytuł (nazwa przedstawiciela), opis i kliknij Publikuj. Opcjonalnie możesz wybrać wyróżniający się obrazek (avatar przedstawiciela).

Możesz również zapewnić:

1. Zawód
2. Linki społecznościowe
3. Godziny pracy
4. Kolor przedstawiciela (dotyczy obrazu)

Wykonaj czynności wymienione tutaj

Przejdź do Testimonials > Dodaj. Wprowadź tytuł, opis i kliknij Publikuj.

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Wykonaj czynności wymienione tutaj

Wszystkie widżety posiadają dodatkową funkcjonalność: dodaj własną klasę.

Klasy są widoczne tutaj w kodzie:

pe-color - zapewnia różne style widżetów
a) sprawdź style widżetów tutaj https://demo.pixelemu.com/pe-business-startup/content-area
b) ustaw kolor dla tego stylu widżetu w Wygląd > Opcje motywu -> Kolory -> Widżety

pe-expand - rozwiń widżet poza sekcję

pe-margin - usuwa wszystkie marginesy dla widgetu

pe-image-margin - usuwa marginesy dla obrazu w widżecie PE Best Features

pe-center-title - wyrównaj tytuł widżetu do środka

pe-small-title - zmiana rozmiaru czcionki dla tytułu widżetu

pe-title-left - wyświetlanie tytułu po lewej stronie widżetu

pe-title-right - wyświetlanie tytułu po prawej stronie widżetu

text-right - wyrównuje tekst do prawej

text-left - wyrównuje tekst do lewej

text-center - wyrównuje tekst do środka

pe-clean - dla zakładek shortcode, wyśrodkowuje zakładki i usuwa tło dla aktywnego elementu

pe-section-space - usuwa przestrzeń nad i pod sekcją.

pe-section-space-top - usuwa odstęp nad sekcją.

pe-section-space-bottom - usuwa odstęp pod sekcją.

no-bold - usuwa pogrubioną wagę czcionki z łańcucha.

Wykonaj czynności wymienione tutaj

Please check links below:

Typography

Shortcodes

All available theme sidebars:

We have also a video tutorial on how to manage the theme layout in WordPress themes:

Wykonaj czynności wymienione tutaj

WAI to Web Accessibility Initiative - inicjatywa powołana przez W3C definiująca standardy tworzenia stron internetowych, które muszą być dostępne dla wielu użytkowników - w projekcie uczestniczą takie firmy jak IBM, Microsoft, Google, Apple (autor WCAG). Web Content Accessibility Guidelines to zbiór dokumentów związanych z dostępnością usług internetowych, od 2012 roku ma status międzynarodowego standardu ISO.

1. Nawigacja po stronie za pomocą klawiatury - nie musisz używać myszki komputerowej, aby poruszać się po odpowiednich divach strony, wystarczy klawiatura
2. Przejście do kolejnych pozycji Menu możliwe jest za pomocą klawisza Tab, dzięki czemu możemy szybko poruszać się po stronie
   

   

3. Unikanie elementów animowanych (udogodnienie dla osób cierpiących na epilepsję) stabilna grafika, brak krzykliwych efektów animowanych to jedna z zalet naszego motywu
4. Tryb wysokiego kontrastu: zapewnia optymalną czytelność tekstu (tryb czarny/biały, tryb czarny/żółty, tryb żółty/czarny)
   

   

   

   

5. Tryb nocny - pozwala uniknąć zmęczenia oczu. Jeśli Twoje oczy szybko się męczą, nie nadwyrężaj ich i skorzystaj z trybu nocnego w wersji kolorowej.
   

   

6. Przełącznik szerokości (stała/płynna) dostosuj szerokość ekranu do swoich potrzeb
7. Przełącznik wielkości czcionki (3 stopnie wielkości czcionki, które są ustalone procentowo)
   

   

Można łatwo dostosować wszystkie dostępne udogodnienia (wyłączyć i włączyć w zależności od wymagań) w opcjach motywu

Menu skrótów w lewym górnym rogu ekranu jest widoczne, gdy do poruszania się po serwisie używamy klawiatury (klawisz TAB). Pozwala ono na szybkie dotarcie do interesujących lub ważnych fragmentów treści.

Możesz zarządzać linkami i elementami w backend WordPress Wygląd > Menu > Wybierz 'Pomiń menu', jeśli istnieje lub utwórz nowe menu w lokalizacji motywu 'Pomiń menu'.

Jeśli chcesz utworzyć nowy link w menu, po prostu wybierz typ Custom Links.

Jako adres URL powinieneś ustawić ID diva, do którego chcesz linkować. ID diva można sprawdzić w dowolnej przeglądarce za pomocą inspektora kodu. Przykład w Chrome (przycisk F12) :

Id dolnej części 1 div w przykładzie to 'pe-bottom1' co oznacza, że możemy dodać link w menu pomijania z adresem URL: #pe-bottom1

Wszystkie główne divy w motywie posiadają własne nagłówki dla użytkowników korzystających z czytników ekranu. Jest to pomocne przy przeglądaniu strony i poprawnym rozpoznawaniu poszczególnych części witryny.

Możesz łatwo zmienić etykiety w Opcjach motywu > WCAG & ADA

Możesz ustawić poziom nagłówka dla widgetów w sekcjach (od H1 do H6). Jest to bardzo przydatne przy tworzeniu strony przyjaznej WCAG - unikniesz błędu brakującego poziomu nagłówka.

Motyw PE Business jest dostępny w 3 różnych wersjach. Każda wersja ma własne ustawienia i zawartość.

Możesz zaimportować ustawienia w opcjach motywu używając dostarczonego w pakiecie pliku options.json

1. Przejdź do Opcje motywu > Importuj / Eksportuj
2. Kliknij przycisk Importuj z pliku
   

   

3. Otwórz plik options.json za pomocą edytora kodu lub tekstu i skopiuj jego zawartość.
   

   

4. Wklej zawartość.

   

5. Kliknij import

Pamiętaj: Wszystkie poprzednie ustawienia zostaną zastąpione.

Zawartość można importować w menu Narzędzia > Importuj. Więcej szczegółów na Demo Site Configuration

Wykonaj czynności wymienione tutaj

Wtyczki:

1. Duplicator (Utwórz kopię zapasową plików i bazy danych WordPress. Duplikuj i przenieś całą witrynę z jednej lokalizacji do drugiej w kilku krokach. Utwórz pełną migawkę swojej witryny w dowolnym momencie.) http://lifeinthegrid.com/
2. Display Widgets SEO Plus (Dodaje pola wyboru do każdego widgetu, aby pokazać lub ukryć na stronach witryny.) https://wordpress.org/plugins/display-widgets-seo-plus/
3. Option Tree https://github.com/valendesigns/option-tree
4. Redux Framework https://reduxframework.com/
5. Revolution Slider (Revolution Slider - Premium responsive slider) http://themepunch.com/
6. W3 Total Cache http://www.linkedin.com/in/w3edge
7. WordPress Importer https://profiles.wordpress.org/wordpressdotorg/
8. WP User Avatar http://wordpress.org/support/plugin/wp-user-avatar/

Komercyjne zdjęcia i filmy użyte na stronie demo:

depositphotos.com

1. http://depositphotos.com/2495557/stock-photo-young-lady-talking-on-mobile.html?ref=3830419
2. http://depositphotos.com/45470595/stock-illustration-collection-of-flat-and-colorful.html?ref=3830419
3. http://depositphotos.com/45470563/stock-illustration-business-charts.html?ref=3830419
4. https://depositphotos.com/150060578/stock-photo-kid-playing-with-jet-pack.html?ref=3830419
5. https://depositphotos.com/47806947/stock-photo-large-group-of-people-with.html?ref=3830419
6. https://depositphotos.com/166659544/stock-photo-businessmen-using-laptop.html?ref=3830419
7. https://depositphotos.com/166660058/stock-photo-businessmen-using-laptop.html?ref=3830419
8. https://depositphotos.com/166667050/stock-photo-businessman-using-digital-tablet.html?ref=3830419
9. https://depositphotos.com/178961298/stock-photo-business-team-working-while-siting.html?ref=3830419

Other photos: http://picjumbo.com