TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Jak stworzyć witrynę portfolio WordPress z motywem Uncode?

12

Jakiś czas temu szukaliśmy strony z portfolio WordPress. Darmowe motywy dostępne w repozytorium WordPressa nie są w żaden sposób wykorzystywane do tworzenia wysokiej jakości witryny z portfolio, a wtyczki również nie spełniły naszych oczekiwań. Po wyszukaniu chwili znaleźliśmy kilka porządnych tematy w ThemeForest jak Uncode, Highend, marmur, itp Spośród wszystkich sprawdziliśmy, Uncode stał się z tłumu z jego bezkonkurencyjne funkcje portfelowych. Kupiliśmy motyw Uncode i zbudowaliśmy witrynę z portfolio WordPress. Ponieważ zrozumienie tematu zajęło nam kilka tygodni, oto prosty samouczek dotyczący tworzenia witryny portfolio WordPress z motywem Uncode.

Przed rozpoczęciem odkodowania motywu

Musisz zrozumieć kilka punktów przed rozpoczęciem pracy z motywem Uncode, możesz zobaczyć pełną recenzję motywu tutaj.

  • Uncode to dostosowana odmiana wtyczki Visual Composer, która jest dołączona do motywu za darmo. Musisz więc zapoznać się z narzędziem do tworzenia stron Visual Composer dla WordPress.
  • Treści demonstracyjne należy importować zbiorczo. Oznacza to, że nie można importować tylko witryn prezentujących portfolio jako wyświetlanych na stronie sprzedaży. Powinieneś zainstalować całą zawartość demo, a następnie zacząć dostosowywać elementy związane z portfolio.
  • Motyw Uncode działa z blokami treści. Są to centralne układy, które należy przypisać do nagłówka, stopki i obszaru zawartości. Przypisania można wykonywać globalnie za pomocą opcji motywu i można je dostosować w edytorze dla poszczególnych elementów portfela.

Upewnij się, że zniechęcasz wyszukiwarki do indeksowania Twoich stron do czasu, gdy Twoja witryna będzie gotowa do publicznego udostępnienia.

Krok 1 – Importowanie treści demonstracyjnych

Jak wspomniano wcześniej, cała zawartość demo musi zostać zaimportowana jednocześnie. Przejdź do „Uncode> Install Demo" i zainstaluj zawartość demonstracyjną.

Jak stworzyć witrynę portfolio WordPress z motywem Uncode?

Importowanie zawartości demonstracyjnej motywu Uncode

Jeśli nie jesteś zainteresowany instalacją pełnej zawartości demonstracyjnej, wybierz układy, które chcesz zaimportować z opcji „Pojedyncze układy”. Możesz wybrać wszystkie układy portfolio lub ten, który Ci się podoba na stronie demo.

Jak stworzyć witrynę portfolio WordPress z motywem Uncode?

Importowanie układów pojedynczej strony w motywie Uncode

Krok 2 – Bloki treści portfolio

Motyw Uncode działa inaczej niż inne motywy portfolio. Zasadniczo każda strona jest podzielona na bloki treści dla nagłówka, treści i stopki. Te bloki treści są następnie przypisywane do układów stron, aby tworzyć piękne strony. Możesz użyć predefiniowanych bloków treści zaimportowanych z treści demonstracyjnych lub stworzyć własne.

Jak stworzyć witrynę portfolio WordPress z motywem Uncode?

Odkoduj blok treści motywu

Na powyższym zrzucie ekranu znajduje się blok treści dla „Treść | Archiwum | Portfolio Murarskie”. Bloku tego można użyć w sekcji zawartości strony archiwum portfolio, aby utworzyć układ archiwum murowanego.

Krok 3 – Dostosowywanie globalnych ustawień portfela

Po zainstalowaniu zawartości demonstracyjnej przejdź do „Odkoduj> Opcje motywu”. Zobaczysz dwie zakładki ustawień związanych z portfolio – „Portfolio” i „Portfolio” w sekcji Układy. Ustawienia portfela zostaną zastosowane do poszczególnych pozycji, a ustawienia portfela zostaną zastosowane do archiwów. Możesz zmienić nazwę „Portfolio” na dowolną inną, np. „Sztuka”, „Praca” itp. Zostanie ona dodana do adresu URL, np. „twojastrona.com/art/tytuł/” (struktura adresu URL zmieni się w zależności od Twoje ustawienia permalinków ). Poniżej znajduje się zrzut ekranu, na którym zamiast słowa „Portfolio” użyto słowa „Sztuka”.

Jak stworzyć witrynę portfolio WordPress z motywem Uncode?

Ustawienia portfela w motywie Uncode

Pamiętaj, że układ elementu portfolio będzie zgodny tylko z ustawieniami portfolio. Załóżmy, że wyłączyłeś komentarze w ustawieniach portfolio. Komentarze zostaną wyłączone niezależnie od tego, czy włączysz domyślne komentarze w dyskusji WordPress, czy włączysz w edytorze elementów portfolio.

Ustawienia układów portfolio i archiwów są podzielone na kategorie i pogrupowane w sekcjach menu, nagłówka, treści, stopki, nawigacji, szczegółów i pól niestandardowych. Dostosuj każdą sekcję zgodnie ze swoimi potrzebami i przypisuj bloki treści tam, gdzie jest to wymagane. Na przykład możesz wyświetlić powiązane pozycje portfolio, przypisując „Powiązane posty | Lista portfela (aka Fake Related)” w zakładce „Treść”.

Jak stworzyć witrynę portfolio WordPress z motywem Uncode?

Przypisywanie powiązanych postów do pozycji portfela

Szczegóły portfela można dodać w zakładce „Szczegóły”, a układ można wybrać tak, aby wyświetlał szczegóły na górze, na dole, po lewej lub prawej stronie pozycji portfela.

Jak stworzyć witrynę portfolio WordPress z motywem Uncode?

Szczegóły portfela i ustawienia układu

Krok 4 – Tworzenie pozycji portfela

Po zapisaniu wszystkich ustawień globalnych przejdź do „Portfolio > Kategorie portfela” i utwórz kategorie dla elementów swojego portfela. Później przypisujesz kategorię w edytorze podobnie jak zwykłe posty.

Możesz tworzyć różne typy układów, takie jak wyśrodkowana galeria, stos paska bocznego itp. W edytorze portfolio masz następujące ważne opcje:

Tytuł – tytuł portfolio podobny do tytułu posta

Obszar treści – do dodawania treści

Wyciąg – wprowadzony tutaj tekst zostanie wyświetlony w sekcji szczegółów portfela. Jeśli nie zostanie wprowadzony żaden tekst, zostanie wyświetlonych kilka pierwszych wierszy z treści.

Media – możesz użyć opcji izotopu, karuzeli i stosu do wyświetlania elementów multimedialnych na stronie portfolio.

Opcje strony – tutaj możesz zastąpić wszystkie ustawienia globalne w "Opcjach motywu".

Pobaw się różnymi opcjami dostępnymi w polach meta „Media” i „Opcje strony”, aby utworzyć różne układy portfolio dla swojej witryny. Poniższy rysunek wyjaśnia szczegóły układu strony portfolio z obrazem pojedynczego stosu oraz szczegóły na pasku bocznym, aby wyjaśnić każdy składnik.

Jak stworzyć witrynę portfolio WordPress z motywem Uncode?

Układ stosu paska bocznego

  1. Tytuł pozycji portfela.
  2. Obraz jest dodawany za pomocą meta pola „Medias” z opcją „Stack”.
  3. Treść wprowadzona w obszarze fragmentu. Jeśli nie wprowadzisz żadnej treści, pojawi się tutaj kilka wierszy z obszaru zawartości.
  4. Szczegóły treści – należy wprowadzić w sekcji „Szczegóły” w „Opcjach strony”.
  5. Udostępnianie społecznościowe jako konfiguracja w globalnych opcjach motywu.
  6. Treść z obszaru zawartości.
  7. Powiązane posty z ustawień globalnych, które można zmienić w sekcji „Treść > Blok treści – po treści” w meta polu „Opcje strony”.

Krok 5 – Dostosowywanie elementu postów Visual Composer

Bloki treści związane ze stronami archiwum portfolio będą używać elementu „Wpisy” w Visual Composer do tworzenia układów portfolio izotopów lub karuzeli. Dlatego ważne jest, aby zrozumieć każdą opcję w elemencie „Wpisy”, aby zbudować archiwum swojego portfolio.

W elemencie „Wpisy” dostępny jest ogromny zestaw opcji do dostosowywania elementów, nakładki, treści, stronicowania, filtrowania itp. Jednym z ważnych ustawień jest wybranie opcji „portfolio” poprzez kliknięcie przycisku „Zbuduj zapytanie” w zakładce „Ogólne”. Tutaj możesz filtrować elementy portfolio, które mają być wyświetlane, na podstawie autorów i kategorii portfolio.

Krok 6 – Zakończenie pracy

Po utworzeniu wszystkich elementów portfolio i stron archiwum możesz w podobny sposób tworzyć standardowe posty i strony. Po sfinalizowaniu witryny przejdź do „Uncode> Install Demo” i kliknij przycisk „Delete Demo Media”, aby wyczyścić zaimportowane obrazy zastępcze. Usuń wszystkie posty demonstracyjne, strony i elementy portfolio oraz włącz indeksowanie w wyszukiwarkach w sekcji „Ustawienia > Czytanie”.

Źródło nagrywania: www.webnots.com

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów