Co powiesz na dostosowywanie motywu Live WordPress w czasie rzeczywistym? Cóż, CSSHero to wtyczka do wprowadzania zmian w łatwy sposób

WordPress to framework CMS, pełen możliwości dostosowywania i dostarczający wiele API i hooków, których każdy programista może użyć do modyfikacji motywów i wtyczek. Z tego powodu obecnie mamy możliwość wyboru wtyczek spośród tysięcy dostępnych wtyczek z oficjalnego repozytorium WordPressa.

W tym poście omówimy nową wtyczkę CSSHero ze wszystkimi szczegółami. Ale zanim zaczniemy, skupmy się na these questions .

• Jak make live changes w swojej witrynie WordPress?
• Zmiany motywu w czasie rzeczywistym?
• Czy istnieje prosty sposób na poznanie liczby właściwości CSS dla motywu WordPress?
• Edytuj swój blog WordPress z podglądem w czasie rzeczywistym
• Dostosowywanie motywów WordPress przed ich opublikowaniem

Jeśli masz jakiekolwiek z powyższych pytań, to jesteś we właściwym miejscu.

Jeśli chcesz samodzielnie wprowadzać zmiany na żywo without any help wtyczki, musisz wcześniej poznać prawie ~300 of CSS properties . Jest to trochę niemożliwe, aby je zmodyfikować, aby zobaczyć prawdziwe zmiany w trybie motywu na żywo. customizer WordPressa pozwala modyfikować niektóre właściwości, ale nie wszystkie i to jest prawdziwy problem, który mamy.

Powiedziałbym, że mamy DWIE opcje:

Opcja-1) Ręcznie wykonuj zmiany CSS

• Otwórz swojego bloga w Chrome / Mozilli
• Kliknij prawym przyciskiem myszy elementy CSS, takie jak nagłówek, post, obraz itp.
• Kliknij Inspect , aby zobaczyć właściwości CSS
• Wprowadź zmiany, aby zobaczyć efekt
• Gdy wszystko będzie dobrze – przejdź do pliku style.css motywu i zapisz zmiany
• Powtórz ten proces wiele razy

Opcja-2) Użyj wtyczki z wbudowaną funkcjonalnością, w naszym przypadku jest to CSSHero

• Dokonuj zmian na live site za pomocą edytora
• Zobacz wynik na żywo
• Kliknij Save button i done

CSSHero we współpracy z Crunchify rozdaje 10 free Licenses czytelnikom Crunchify. Wypełniać ten formularz google aby Twoje imię zostało wymienione. – Prezentacja ZAKOŃCZONA

Zainstalujmy CSSHero i dokonajmy zmian w motywie WordPress na żywo

NOTE : Zamówienie kompletne wideo na dole tego posta.

Krok 1

Dlaczego CSSHero? CSSHero to premium wtyczka WordPress. Licencja podstawowa zaczyna się $29/site . Powiedziałbym – jeśli jesteś początkującym lub profesjonalistą, warto spróbować. Pochodzi z 30 days gwarancją zwrotu pieniędzy.

Użyj kodu CRUNCHIFY , aby uzyskać 34% off na plan Starter, plany osobiste i 40% off na plan Pro.

Zarejestruj swoją licencję i pobierz najnowszą wersję CSSHero plugin z pulpitu nawigacyjnego: http://www.csshero.org/

Krok 2

• Zainstaluj go z panelu administracyjnego WordPressa i aktywuj
• Po aktywacji poprosi o Key
• Po prostu kliknij Get my Key Now! i otworzy stronę z kluczem licencyjnym
• Kliknij Get License i gotowe

Punkt-1) Zacznijmy od funkcjonalności

• Teraz przejdź do home page swojego bloga, a zobaczysz animowany przycisk CSSHero w top right rogu.
• Kliknij na to, a wtyczka załaduje control panel który działa z twoim motywem

Spójrz na poniższy gif ze wszystkimi CSSHero options :

Punkt-2) Opcja edytora motywów CSSHero

Pomysł na theme editor polega na zmianie całego theme's style pomocą prostego edytora wizualnego. Z pomocą edytora motywów CSSHero możesz zmienić

• Tekst nagłówka
• czcionka
• granica
• style itp.

To samo dotyczy

• zawartość ciała
• wpis wejściowy
• wartości meta
• wartości nagłówka
• stopka
• pasek boczny itp. Spójrz na poniższy GIF.

Point-3) Poręczne opcje układu urządzenia jednym kliknięciem

Jak widać na poniższym obrazku, edytor motywów daje nam możliwość sprawdzenia wielu różnych Layouts Twojego motywu na urządzenia mobilne, iPhone, iPad za pomocą najechania myszą i jednego kliknięcia.

Punkt-4) Jak cofnąć ostatnie zmiany?

Użytkownik ma możliwość cofnięcia wszystkich ostatnich zmian za pomocą prostego modułu Change history . Założę się, że żaden z programistów nie robi wszystkiego dobrze za pierwszym razem, nie tylko ja :). Jest to dla mnie bardzo przydatne.

CSSHero zapewnia również bardzo przydatny moduł, który pokazuje all of your save changes . Możesz cofnąć się na timeline i wrócić do poprzedniej wersji. Czy to nie jest poręczne narzędzie? Używałem tego narzędzia do tej pory wiele razy i uwielbiam je.

Punkt-5) Ustawienia i opcje narzędzi

Preset Settings i Tools Options .

Rzuć okiem na szczegółowy film, który nagraliśmy, który pokazuje wszystkie funkcje CSSHero WordPress Custom CSS Editor.

Szczegółowe wideo z YouTube:

Skoro już poznałeś wszystkie funkcjonalności, pora zadać poniższe pytania :).

Punkt-6) Czy ta wtyczka działa z moim motywem?

Zgodnie z informacjami z oficjalnej strony CSSHero, wtyczka działa z poniższymi frameworkami WordPress.

• Genesis Framework
• GenerujPrasę
• WarstwyWP
• Motyw Ultimatum
• Całkowity
• Z góry
• WP Bootstrap
• Tematyczny
• Wymagane+Podstawa
• Omega
• Strony stronicowania DMS

Jeśli Twój motyw isn't compatible z CSSHero, no worries . Pokaże ci opcję włączenia Rocket mode .

Message : Natywna obsługa tego motywu nie jest dostępna. Chcesz wypróbować automatyczne wykrywanie w trybie rakietowym? Po prostu enable it i spróbuj CSS again a powinieneś zobaczyć te same opcje, które widziałeś w powyższym filmie.

Punkt-7) A co z obsługą i dokumentacją wtyczek?

Niektóre popularne wtyczki WordPress, takie jak Gravity Forms, WooCommerce, Contact Form7, WP Pools i inne, są kompatybilne z frameworkiem CSSHero.

Oznacza to, że CSSHero działa nie tylko z theme customization , ale także z plugin layout customization .

Wreszcie, na oficjalnej stronie znajdziesz wiele szczegółowych tips and tricks , które możesz przeczytać.

Only Cons , o których mogłem pomyśleć, to zapoznanie się ze wszystkimi funkcjami. Może minąć trochę czasu, zanim zaczniesz i staniesz się profesjonalistą. Po zapoznaniu się z CSSHero jestem pewien, że będzie to very handy solution dla wszystkich blogerów WordPress.

Skontaktuj się z nami, jeśli masz produkt, wtyczkę, motyw itp., który Twoim zdaniem chcesz promować.

Oto ekskluzywne oferty Crunchify dla CSSHero:

Cześć Czytelnicy Crunchify –

Z przyjemnością ogłaszamy up-to 40% off na wtyczkę dostosowywania motywu CSSHero WordPress.

Uprzejmie spójrz na poniższe kroki

Krok 1

• Przejdź do strony CSSHero: https://www.csshero.org/
• Kliknij łącze Pricing Plans cenowe

Krok 2

• Kliknij przycisk I have a coupon code

Krok 3

• Wpisz kod kuponu: CRUNCHIFY

Krok 4

• Kliknij przycisk Zrealizuj, aby uzyskać 34% off na plan startowy i osobisty
• Uzyskaj 40% off na plan Pro

Lista wszystkich ofert: https://crunchify.com/deals/