[vc_row content_placement="middle" css=".vc_custom_1508940533685{kolor tła: #f8f6f6 !ważne;}" el_id="themeforestpro"][vc_column width="3/4" css=".vc_custom_1502759058885{pxbottom: 0 !important;border-bottom-width: 0px !important;padding-bottom: 0px !important;}"][vc_column_text]

Divi: najłatwiejszy w użyciu motyw WordPress

[/vc_column_text][/vc_column][vc_column width="1/4"][vcex_button url="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target="blank" size="small" align="center" color="zielony" font_family="Raleway" font_weight="600" style="flat" custom_color="#ffffff" custom_hover_color="#ffffff"] POBIERZ [/vcex_button][/ kolumna_vc][/wiersz_vc]

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62.

Gutenberg wkrótce pojawi się na WordPressie. Czy Twoja witryna jest gotowa? Chociaż nadal nie wiemy dokładnie, jaką formę przyjmie, ten nowy system treści zostanie dodany do WordPress w przyszłości. Przyjrzyjmy się potencjalnemu wpływowi, jaki może to mieć na Twoją witrynę, oraz sposobom wcześniejszego zidentyfikowania i rozwiązania problemów.

Gutenberg wordpress

Gutenberg to projekt WordPress, którego celem jest zapewnienie użytkownikom większej elastyczności w projektowaniu treści. Zasadniczo projekt ma na celu zastąpienie obecnego edytora, który działa głównie jako edytor tekstu, bardziej wizualnym i uporządkowanym interfejsem. Obecnie Gutenberg jest wtyczką i daje użytkownikom możliwość edycji ich treści w taki sam sposób, jak Visual Composer lub inne edytory przeciągnij i upuść, ale w uproszczony i bardzo intuicyjny sposób.

Aby dowiedzieć się więcej o Gutenberg, kliknij tu.

Gutenberg to ogromny biznes i prawdopodobnie trafi na wiele punktów końcowych w Twojej witrynie. Oto trzy obszary, które będziemy badać w poszukiwaniu potencjalnych problemów:

  • Twój motyw: Gutenberg ma własny zestaw stylów treści. Czy Twój motyw jest zgodny? Jak będzie wyglądał Gutenberg, gdy będzie aktywny?
  • Twoje wtyczki: Możliwe, że Gutenberg może wchodzić w interakcje z innymi wtyczkami w nieoczekiwany sposób. Zobaczymy, co to może być i co należy zrobić, aby naprawić wszelkie pojawiające się problemy.
  • Twoja treść: Gutenberg wpłynie na sposób wyświetlania treści. Przyjrzymy się, jak może to zmienić wygląd Twoich stron, i przedstawimy kilka potencjalnych rozwiązań w przypadku problemów.

Zanim zaczniesz, dobrym pomysłem jest utworzenie obszaru testowego, w którym możesz eksperymentować z Gutenbergiem bez narażania swojej głównej witryny na ryzyko. Najlepiej byłoby utworzyć własny obszar testowy lub lokalną kopię witryny. Aby uzyskać więcej informacji o tym, jak wykonać którekolwiek z tych zadań, zobacz następujący samouczek: Jak zainstalować WordPress lokalnie.

Jeśli nie jest to możliwe, możesz przeprowadzić testy bezpośrednio na swojej stronie. Pamiętaj, że może to być ryzykowne, ponieważ będziemy aktywować i dezaktywować wiele części Twojej witryny. Jeśli przeprowadzasz testy na żywo, przed rozpoczęciem utwórz kopię zapasową witryny.

Gdy już wiesz, gdzie będziesz testować, przejdź do katalogu wtyczek i znajdź Gutenberga. Po zainstalowaniu i aktywacji czytaj dalej.

Po zainstalowaniu Gutenberga przyjrzyjmy się pierwszej sekcji witryny, na którą może to mieć wpływ: motywem. Jeśli w tym momencie występują już poważne problemy, takie jak błędy bazy danych lub problemy z pulpitem WordPress, przejdź do sekcji Co zrobić, gdy występuje zbyt wiele problemów.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala tworzyć Łatwo i za darmo dowolny projekt strony internetowej lub bloga o profesjonalnym wyglądzie. Przestań płacić dużo za stronę internetową, którą możesz zrobić sam.

Ponieważ Gutenberg wchodzi głównie w interakcję z treścią witryny, wystarczy przetestować kilka rzeczy - na szczęście dla nas.

Po pierwsze, Gutenberg ma własny arkusz stylów i zestaw stylów. Sprawdź każdy z różnych typów stron i szablonów używanych w Twojej witrynie, aby upewnić się, że nadal są poprawnie wyświetlane. Głównym celem jest tutaj skupienie się na elementach w głównym obszarze treści Twoich stron, zwłaszcza na blokach treści i obrazów. Jeśli zauważysz jakiekolwiek problemy, prawdopodobnie style Gutenberga mają pierwszeństwo przed stylami w Twojej witrynie.

Aby to naprawić, musisz określić, skąd pochodzi problem. Zwykle będzie to selektor CSS skoncentrowany na elemencie HTML lub priorytecie stylów Gutenberga nad własnymi klasami. Tak czy inaczej, spróbuj określić, gdzie występuje błąd. Następnie dowiedz się, dlaczego style Gutenberga zastępują twoje, i napraw kod, aby mógł mieć pierwszeństwo.

Spróbuj wprowadzić poprawki we własnym motywie (lub jeszcze lepiej, w podrzędnym motywie lub obszarze określonym dla CSS w Twoim motywie), zamiast modyfikować Gutenberga. Jeśli edytujesz bezpośrednio którykolwiek z plików w Gutenberg, prawdopodobnie zostanie on nadpisany po zaktualizowaniu wtyczki.

Chcesz sprzedawać swoje produkty w Internecie?

Pobierz bezpłatnie WooCommerce, najlepsze wtyczki e-commerce, aby sprzedawać swoje fizyczne i cyfrowe produkty na WordPress i łatwo tworzyć swój sklep internetowy. Idealny dla początkujących.

Podobnie będziesz chciał raz na zawsze przeprowadzić te same testy na swoim pulpicie nawigacyjnym. Opcje motywu i inne niestandardowe sekcje wygenerowane przez Twój motyw wydają się jak dotąd największymi winowajcami. Po zidentyfikowaniu problemów ze stylem w tych obszarach, zwykle możesz je naprawić, zmieniając lub tworząc motyw potomny i poprawiając tam CSS.

Po przetestowaniu motywu wtyczki do Twojej witryny są następujące. W szczególności zwracaj uwagę na wtyczki, które zapewniają skróty, których używasz w swoich treściach (np. Gravity Forms), wtyczki wpływające na wygląd treści (np. Wtyczki dostępności, które wpływają na rozmiar tekstu) i wtyczki, które bezpośrednio wstawiają elementy do Twojej strony (takie jak zaawansowane pola niestandardowe).

Aby przeprowadzić audyt tego obszaru, zacznij od zebrania listy wszystkich używanych skrótów, a także stron, na których one istnieją. Mając listę w ręku, odwiedź każdą z tych stron, aby sprawdzić, czy działają zgodnie z oczekiwaniami. Jeśli masz problemy ze stylizacją, prawdopodobnie masz ten sam problem co poprzednio i musisz ponownie dostosować stylizację.

Jeśli jednak wyświetli się shortcode, a nie oczekiwana treść (tj. Twoja strona wyświetla [shortcode]zamiast postępować właściwie) istnieje inne rozwiązanie. W takim przypadku możesz spojrzeć na blok, w którym znajduje się krótki kod, i potwierdzić, że nie jest to tekst (znajdź i usuń niechciane etykiety wokół krótkiego kodu). Jeśli problem będzie się powtarzał, przeniesienie shortcode na bardziej odpowiedni typ bloku powinno ponownie uruchomić wszystko.

Ten problem wynika z tego samego problemu, który już omówiliśmy: podstawienia stylu. Zidentyfikuj elementy, których to dotyczy, i popraw CSS.

Ostatni obszar, któremu przyjrzymy się w przypadku konfliktu, dotyczy tworzenia przedmiotów. Każda wtyczka, która wstawia elementy HTML na stronę bez użycia skrótów, jest tutaj podejrzana, na przykład gdy PHP wyodrębnia niestandardowe pola z wtyczki Advanced Custom Fields.

Najczęstszy poślizg podczas tworzenia elementów obraca się wokół niekompatybilnych bloków. Ponieważ Gutenberg zapewnia własne style, możliwe jest, że jeśli Twoje elementy zostaną utworzone wewnątrz niezamierzonego bloku, mogą nie wyświetlać się poprawnie. Rozwiązaniem tego problemu jest upewnienie się, że kod dodaje elementy do bloku w miejscu, w którym mają się znajdować.

Nie jest to tak pilne, jak inne problemy, o których rozmawialiśmy, ale mogą wystąpić pewne komplikacje w sposobie wyświetlania treści. Większość z tych problemów będzie wynikać z drobnych zmian w stylizacji lub ułożeniu klocków. Aby to naprawić, będziesz musiał bawić się systemem bloków, dopóki nie uzyskasz strony tak, jak chcesz.

Co zrobić, gdy występuje zbyt wiele problemów

Czy napotkasz problem, którego nie możesz rozwiązać za pomocą sugestii zawartych w tym samouczku? Nie panikować ! Jest jeszcze trochę czasu, zanim Gutenberg zostanie zintegrowany z rdzeniem WordPress.

Najpierw zapisz, na czym polega błąd i jakie kroki do niego doprowadziły. Im więcej informacji możesz zebrać, tym lepiej. Przekaż wszystkie te informacje zespołowi Gutenberga. Przy odrobinie szczęścia będą w stanie określić problem i naprawić go w przyszłej wersji.

Jeśli pracujesz w witrynie testowej, w tym momencie to wszystko, co możesz teraz zrobić. Sprawdzaj informacje o wersji, aby sprawdzić, czy problem został rozwiązany, lub popracuj nad jego samodzielnym rozwiązaniem.

Jeśli pracowałeś na swojej działającej witrynie, wyłączenie Gutenberga powinno przywrócić wszystko do normy. Jeśli nie, to czas wrócić do kopii zapasowej utworzonej na początku samouczka!

Gutenberg chce być ogromną zmianą w środowisku WordPress, które stara się zmieniać zawartość na lepsze. Zanim trafi do głównej gałęzi, upewnij się, że Twoja witryna będzie działać z nowymi zmianami. Jeśli masz jakiekolwiek problemy inne niż wymienione tutaj, lepsze rozwiązania lub poprawki czegokolwiek w tym samouczku, zostaw komentarz poniżej.

3 akcji
udział2
ćwierkanie
Enregistrer1