Przejdź do głównej treści

Jak poprawić wygląd swoich przedmiotów WordPress z tych darmowych shortcodes

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

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

Eksplozja wtyczek generujących dobrze zaprojektowane skróty nastąpiła późno. Te wtyczki z łatwością prezentują Twoje posty lub strony, dzięki czemu elementy takie jak kolumny, karty, tabele cen, specjalne nagłówki i wiele innych wyglądają bardzo profesjonalnie.

Ze względu na późne ulepszenia tych wtyczek, inne wtyczki, które nie ewoluowały w czasie, zostały porzucone. I nawet jeśli dodali funkcjonalność do biblioteki „bootstrap” (jak dla niektórych poniżej), nie poprawiły się w innych obszarach.

W tym samouczku zamiast dołączać kilka wtyczek, które nie działały zbyt dobrze, ograniczymy się do tych, które się sprawdziły.

Ale zanim zaczniesz, nie spiesz się Jak zainstalować WordPressIlu wtyczki należy zainstalować na WordPress.

Więc chodźmy do pracy!

1. Łatwe skróty doładowania

wtyczka Łatwe skróty Bootstrap bardzo dobrze sprawdza się w przypadku podstawowych elementów, takich jak kolumny, przyciski, kolorowe pola, paski postępu, aby nadać różne efekty obrazom itp ...

łatwe bootstrap funkcjonalny

Jedną z najlepszych rzeczy w tej wtyczce jest to, że ma mnóstwo ikon, które możesz umieścić wszędzie - na przyciskach, polach, w nagłówkach itp.… możesz łatwo zmienić rozmiar i kolor ikon, aby uzyskać dokładnie taki wygląd, jaki chcesz. Ta wtyczka idealnie ma przyciski krótki kod w edytorze wizualnym jako trzeci wiersz.

łatwe bootstrap-wizualny edytor

Gdy jeden z tych przycisków jest aktywowany, pojawia się wyskakujące okienko z wieloma opcjami (oczywiście w zależności od przycisku). Kiedy zamawianie jest odpowiednie, często jest duży wybór atrakcyjnych ikon. Możesz nawet zmienić kolor tych ikon.

Oto częściowy podgląd w wyskakującym okienku podczas wstawiania przycisku.

Czytaj także: Jak dodać przyciski do WordPress bez używania shortcodes

łatwe bootstrap-popup

Istnieje wiele rodzajów skrótów, które można wstawić. I oczywiście możesz je również łączyć.

Oto szybki przykład połączenia niektórych skrótów: pudełko (niebieskie tło), ikona tytułu (pożądany kolor i rozmiar), a następnie przycisk z inną ikoną (tak kolorową, jak chciałem).

łatwe bootstrap-box

Oto lista różnych skrótów:

  • Akordeon
  • Paski postępu z etykietami
  • Tabs
  • Ikony
  • Lista
  • Etykiety
  • Zgłoszenie
  • przyciski
  • popover
  • IconHeading
  • Tooltip
  • Stoły
  • Płyta
  • Responsywny obraz
  • Efekty obrazu
  • Pasek narzędzi grupy przycisków
  • Dobrze
  • Lista Opisów
  • ButtonDropdown
  • Skrzynka serwisowa
  • Grupa przycisków
  • Suwak reagujący

Oto film przedstawiający skróty w akcji, dostarczony przez autora wtyczki tutaj.

PobierzDemohosting

2. Ostateczny krótki kod

wtyczka Kod skrócony Ultimate ma imponującą gamę skrótów do użycia, a także imponującą liczbę ikon, które można dodać do różnych elementów. Oprócz tego możliwość kontrolowania skrótów lub ikon (Zmień rozmiar, kolor, położenie itp.) również robi wrażenie.

shortcode-ultimate funkcjonalny

Krótko mówiąc, była to najbardziej imponująca wtyczka shortcode, jaką widziałem. Zaczynasz klikając na przycisk umieszczony w edytorze wizualnym.

shortcode-ostateczny przycisk

Następnie pojawi się lista możliwych skrótów w wyskakującym okienku.

shortcode-Ultimate pozycje

Jak z pewnością zauważysz, jest ich nie tylko kilka (dokładnie 51), ale możesz także filtrować je według typu z góry strony, a nawet wyszukać ten, który chcesz.

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

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Zobacz także: Jak dodać stylu wizualnego do edytora WordPress

Oprócz ilości skrótów i kontroli, którą masz, pozwala także wyświetlić podgląd kodu przed włożeniem.

Kolejną dobrą rzeczą jest ta wtyczka że podaje kilka przykładów skrótów, a także ich kod dla tych, którzy mają mniejsze doświadczenie.

Oto film przedstawiający skróty w akcji, dostarczony przez autora wtyczki tutaj.

A oto lista dostępnych krótkich kodów.

  • Nagłówek
  • dzielnik
  • pullquote
  • Lista
  • Lightbox
  • Vimeo
  • Stoły
  • Menu
  • Suwak
  • Obraz Dummy
  • szablon
  • Tabs
  • Przekładka
  • dropcap
  • Przycisk
  • Tooltip
  • Screenr
  • Permalink
  • Sub stron
  • karuzela
  • Animacja
  • zakładka
  • Atrakcja
  • Rama
  • Usługi
  • Prywatny
  • Dailymotion
  • członkowie
  • Rodzeństwo
  • Galeria
  • meta
  • Spoiler
  • Etykieta
  • Rząd
  • Zestawy
  • youtube
  • Audio
  • Ilość osób
  • dokument
  • Wiadomości
  • użytkownik
  • Akordeon
  • Kwoty
  • Kolumna
  • Uwagi
  • Zaawansowane YouTube
  • Wideo
  • Kanał RSS
  • GMap
  • tekst manekina
  • Stanowisko

PobierzDemohosting

3. Olevmedia

Ta wtyczka jest naprawdę bardzo prosta w porównaniu do poprzednich dwóch w wielu elementach. Jednocześnie świeci kilkoma elementami, których nie posiadają inne wtyczki.

olevmedia funkcjonalny

Na przykład ta wtyczka pozwala bardzo dobrze tworzyć określone style dla obszarów tekstowych. Zwróć uwagę na profesjonalnie umieszczoną ikonę na środku. Żadna inna wtyczka, którą widziałem, nie pozwala zrobić tego samego.

Zobacz także: Jak odróżnić zewnętrzne linki na blogu WordPress

olevmedia-box

Ma animowany licznik, który zaczyna się od zera do wstawionej liczby.

numer licznika

Ta wtyczka pozwala także robić wiele stylów za pomocą przycisków. Możesz także łatwo dodaj najnowsze posty do swoich treści i przyjemny cennik.

Wadą tej wtyczki jest to, że kiedy daje Ci ikony do użycia, wyświetla tylko listę nazw, a nie graficzne reprezentacje ikon. Niektóre z nich są dość łatwe do odgadnięcia po nazwach. A inni nie.

Ale nawet jeśli możesz znaleźć ikonę według nazwy, nie oznacza to, że spodoba ci się jej wygląd. Ale poznasz to dopiero po wstawieniu i zapisaniu projektu i podgląd postu.

Ponieważ niektóre wtyczki działają tak dobrze, możesz nie przyjąć tej wtyczki jako głównej; Jednak nic nie stoi na przeszkodzie, abyś używał tego oprócz innego.

Oto lista głównych skrótów, które oferuje.

<

  • Akordeon
  • Toogle
  • Tabs
  • blockquote
  • Zestawy
  • przyciski
  • kolumny
  • Przeciwdziałać
  • dzielnik
  • Dropcaps
  • Ikony
  • Infobox
  • wykazy
  • logo
  • Mapa
  • Marker
  • Najnowsze posty
  • Stół
  • tabele cenowe
  • Wideo

PobierzDemohosting

4. Skróty CPO

Ta wtyczka ma wiele podstawowych skrótów, których można się spodziewać, takich jak kolumny i skrzynki.

Powiedziawszy to, praca z nim jest nieco frustrująca. Często wstawia skróty do twojego posta, nie pozwalając ci na dokonywanie jakichkolwiek wyborów, takich jak wybór koloru lub rozmiaru.

cpo funkcjonalny

Jak korzystać skróconych w WordPress widżetów należy przeczytać.

Same skróty czasami zawierają spacje dla tych rzeczy, ale nie ma na to żadnego wyjaśnienia. Bardzo łatwo byłoby usunąć tę wtyczkę z listy; Jednak pojawiło się kilka rzeczy, które sprawiają, że jest inny. Dlatego poświęć trochę czasu na przejrzenie tych pozycji.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Jednym z tych elementów jest „sekcja dotycząca tła” umieść wybrane przez siebie kolorowe tło na swojej stronie. Zwróć uwagę, że jeśli masz obecny pasek boczny, również go zakryje (co oczywiście nie jest przyjemne), jeśli chcesz używać go tylko w pełnym widoku na stronach.

Oto podgląd przedmiotu na niebieskim tle.

CPO-background

Zawiera również skrót do sekcji członków zespołu. To w zasadzie pozwala umieścić zdjęcie, imię i nazwisko, tytuł, tekst, który można następnie połączyć z sieciami społecznościowymi.

CPO-Członkowie zespołu

Obejmuje również ładną siatkę cen.

CPO-cenowa

PobierzDemohosting

Przegląd

  • Ultimate Shortcode: 5/5
  • Easy Boostrap Shortcodes: 4/5
  • Olevmedia: 3,5 / 5
  • CPO Shortcodes: 2,5 / 5

Moim zdaniem wtyczka Ultimate Shortcode była najlepsza, jaką miałem w swoich rękach. Chociaż niektóre inne wtyczki były bardzo dobre, to naprawdę chodzi tam iz powrotem o to, co oferuje.

Jednak gdybym szukał skrótów do połączenia z Shortcode Ultimate, wybrałbym zainstalowanie Olevmedia jako dodatkowej wtyczki.

Przeczytaj także Dlaczego WordPress i nazwa domeny muszą być oddzielone

Jedyną rzeczą, na którą musisz uważać podczas instalowania dwóch wtyczek, jest upewnienie się, że nie używają one tych samych krótkich nazw.

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych wtyczek WordPress, aby nadać nowoczesny wygląd i zoptymalizować chwyt swojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. TPlayer

Responsywna wtyczka WordPress tPlayer pomaga zintegrować odtwarzacz audio i radiowy w Twojej witrynie. Jest bardzo funkcjonalny i obsługuje wiele możliwości dostosowywania. Może również wyświetlać szczegółowe informacje o strumieniu audio i radiowym, a także statystyki dotyczące nawyków słuchania użytkowników.

Wtyczki premium wordpress tPlaye Audio Player dodają odtwarzacz audio

Ta wtyczka obsługuje nieograniczoną liczbę list odtwarzania i nieograniczoną liczbę utworów na każdej liście odtwarzania. Będziesz mieć możliwość odzyskania jego utworów z zewnętrznych systemów pamięci, takich jak Dysk Google, Amazon S3 itp.

Przeczytaj także nasz artykuł na temat 10 WordPress wtyczki, aby chronić swój blog

Istnieje również funkcja autoodtwarzania, która uruchamia radio lub określony plik audio, gdy tylko gość odwiedza stronę lub wpis. Oferuje również inne opcje dostosowywania, które pomagają zmienić wygląd odtwarzacza audio.

Pobierz | Demo | hosting

2. Xili języku

xili-language to potężna wtyczka tłumacząca WordPress dostępna w oficjalnym katalogu wtyczek WordPress. Aby móc pomyślnie używać języka Xili, musisz użyć motywu WordPress gotowego do przetłumaczenia na swojej stronie.

język xili

Ponieważ nie wszystkie motywy WordPress obsługują wielojęzyczność, zdecydowanie zaleca się, aby upewnić się, że Twój obsługuje tę funkcję przed zainstalowaniem tej wtyczki.

Przeczytaj także nasz artykuł na temat Jak przetłumaczyć swojego bloga WordPress na kilka języków

Xili-language nie tylko umożliwia tworzenie wielojęzycznych treści, ale także modyfikowanie plików językowych motywu WordPress zgodnie z językiem treści. Jest przyjazny dla programistów i zawiera listę punktów kontrolnych i interfejsów API, które pozwalają dostosować zachowanie witryny.

Pobierz Demo | hosting

3. WooCommerce Table Rate Shipping Plugin

wtyczka Tabela stawki wysyłki dla WooCommerce posiada możliwość dodania wielu stawek dla danego klienta w oparciu o różnorodne warunki ustalone przez administratora. Mogą to być miejsce docelowe wysyłki, suma częściowa koszyka, kategoria wysyłanego przedmiotu, cena, waga i inne.

Tabela stawek wysyłki dla WooCommerce 2

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Ta wtyczka WordPress doda nową Sposób wysyłki bezpośrednio do ustawień WooCommerce.

Odkryj też 7 WordPress wtyczki, aby poprawić swój system dostarczania

Il przydaje się każdemu, kto musi obliczyć koszty wysyłki w zależności od miejsca przeznaczenia, wagi i / lub całego koszyka.

Pobierz | Demo | hosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

Wnioski

Tutaj! To wszystko w tym samouczku, mam nadzieję, że pozwoli ci on ulepszyć projekt twoich postów WordPress za pomocą tych darmowych skrótów. Nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na temat Tworzenie bloga WordPress.

Jeśli masz sugestie lub uwagi, zostaw je w naszej sekcji commentaires.

... 

Ten artykuł zawiera komentarze 2

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
2 akcji
udział
ćwierkanie
Enregistrer2