Jak Zrobić Slajdy Zdjęć Na Stronie WordPress? – Divi

Jak Zrobić Slajdy Zdjęć Na Stronie WordPress? – Divi

Darmowe zdjęcia

Pokaz slajdów na stronie. Stosować czy nie stosować?

Na początku wytłumaczmy sobie czym tak naprawdę jest slider. Jest to inaczej karuzela przewijająca zdjęcia co kilka sekund. Na większości stron internetowych stanowi element reprezentujący najważniejsze treści.

Przy pomocy slajdera w pewien sposób strona internetowa staje się dynamiczna. Dodajemy jej „życie”. Daje nam możliwość pokazać najciekawsze wpisy, zdjęcia lub produkty. Dzięki czemu, nasza strona zyskuje na atrakcyjności.

Jednak, czy aby na pewno?

Według statystyk klikalność w pierwszy slajd wynosi około 70-80%, drugiego 13%, a kolejne już coraz mniej.

Zatem czy jest sens poświęcać czas internauty oczekującego na załadowanie strony?

Moim zdaniem nie warto umieszczać je na stronie głównej. Jak już chcemy zastosować slajder to na innej stronie np. w galerii zdjęć.

Dlaczego?

  • po pierwsze strona staje się trudniejsza w odbiorze, przewijające informacje mogą osłabić przekaz witryny,
  • spowalnia ładowanie strony – duże zdjęcia oraz ich ilość wydłuża czas załadowania strony,
  • mało kto klika w slajdery, zazwyczaj są ignorowane przez użytkowników szukających treści poniżej pokazu slajdów,
  • użytkownicy nie czytają treści na slajdach, ponieważ wyświetlają się zbyt szybko,
  • słaba nawigacja karuzeli zdjęć sprawia, że jest mało użyteczne np. małe strzałki po bokach do przewijania lub kropki pod slajdem, które ciężko trafić myszką,
  • mogą nieprawidłowo działać na urządzeniach mobilnych.

Jeśli tak bardzo chcemy posiadać na swojej witrynie slider to:

  • nie ustawiaj autoodtwarzania – dużo lepiej jest jak użytkownik ma kontrole nad tym co chce zobaczyć,
  • zastosuj czytelną nawigacje,
  • ilość slajdów i ich waga – jeśli jest to możliwe postaraj się je skompresować,
  • stosuj na slajdach krótkie hasła i opisy.

Jak zrobić slajder?

Możesz użyć do tego celu motywu WordPress z wbudowanym modułem tworzenia slajdów, tak jak to jest pokazane na powyższym wideo lub zastosować wtyczki.

Jeśli potrzebujesz więcej wskazówek jak zainstalować WordPress, jak zainstalować motyw, jak Zbudować stronę internetową w 3 godziny bez kodowania używając Motywu Divi, zapraszam na bezpłatny kurs.

sekreet-webdesignera-bannerr

by Gru 10, 2016 Brak komentarzy
Jak Załadować Gotowe Szablony Stron Do Divi? + 3 Gotowe Szablony Stron

Jak Załadować Gotowe Szablony Stron Do Divi? + 3 Gotowe Szablony Stron

Divi

Nie da się ukryć, że każdy z nas szuka rozwiązań ułatwiających nam prace. Chcemy, aby tworzenie stron było szybkie, przyjemne i łatwe.

Tutaj mam dla Ciebie dobrą nowinę. Podczas ewolucji motywu Divi wprowadzone zostały szablony stron, które możesz spotkać w internecie pod nazwą Divi Layout. Takie gotowe układy stron możesz szybko importować na swoją stronę, razem z całą zawartością (wygląd strony, zdjęcia, niestandardowe ustawienia) w zaledwie kilka minut. Może kojarzyć Ci się to z motywami pochodnymi (Child Theme), jednak jest to coś innego. Jest to bardzo łatwe do zrobienia i bardzo łatwo z tego się korzysta.

Dzisiaj pokażę Ci jak możesz takie gotowe szablony stron głównych zaimportować na swoja stronę z motywem Divi.

Na blogu elegantheme.net jest udostępniona zupełnie za darmo paczka z trzema szablonami. Znajdują się one pod tym adresem: https://www.elegantthemes.com/blog/divi-resources/download-our-free-divi-layout-pack-for-modern-homepages-and-single-page-websites

Pobierasz paczkę, a następnie wypakowujesz zawartość. Pliki szablonów mają rozszerzenie .json. Takie pliki mogą być importowane do Twojej Biblioteki Divi. Dokładną instrukcje masz w wideo wyżej. Po prostu logujesz się do kokpitu WordPressa Twojej strony i wybierasz z lewego menu zakładkę Divi -> Biblioteka Divi. U góry będziesz miał przycisk „Importowanie/Eksportowanie”, kliknij na niego, wybierz zakładkę „importuj” i wybierz plik .json z Twojego komputera, wciśnij zaimportuj.

Strona główna dla biznesu

Pierwszy szablon jest przeznaczony dla przedsiębiorstw korporacyjnych. Kolor przewodni to niebieski i szary, które mają na celu wnieść biznesowy klimat. Jest to szablon zawierający wezwania do działania, klasyczną strukturę bloków ikon z opisami. Poniżej również jest sekcja „o nas” w postaci wideo. Dalej są statystyki przedsiębiorstwa oraz loga klientów budujące dowód społeczny.

Drugi szablon przeznaczony jest dla agencji projektowej, fotografów lub innych pracowni artystycznych. Na samej górze strony jest wezwanie do działania z formularzem kontaktowym co pozwoli na łatwiejszy kontakt klienta z agencją. Niżej mamy blok z ikonami, wideo prezentacje, galerie, sekcja z wezwanie do akcji i loga firm.

Trzeci szablon znajdzie zastosowanie w lokalnym biznesie. Mamy tutaj ciepłą kolorystykę koloru pomarańczowego. Podobnie jak w poprzednich szablonach na samej górze jest wezwanie do akcji. Poniżej znajdziemy siatkę bloków z ikonami i tekstem, sekcje z wideo, sekcje z odpowiedziami na najczęściej zadawane pytania, sekcje kontakt z mapą, telefonem kontaktowym i adresem siedziby firmy.

Jeśli potrzebujesz więcej wskazówek jak zainstalować WordPress, jak zainstalować motyw, jak Zbudować stronę internetową w 3 godziny bez kodowania używając Motywu Divi, zapraszam na bezpłatny kurs.

sekreet-webdesignera-bannerr

by Lis 27, 2016 2 komentarze
Jak Zacząć Budować Strony Internetowe z Motywem Divi?

Jak Zacząć Budować Strony Internetowe z Motywem Divi?

Divi

Developer

Licencja na rok
$89/na rok
  • Pełny dostęp do wszystkich motywów Elegntthemes
  • Aktualizacje motywu
  • Wsparcie Techniczne w wersji premium
  • Możliwość użycia motywu do dowolnej ilości stron
  • Dostęp do wszystkich wtyczek Elegantthemes
  • Pliki warstw Photoshop
  • W ramach jednorazowej opłaty dostęp do wszystkiego
Kliknij Tutaj Aby skorzystać z zniżki 10%

Lifetime Access

Licencja dożywotnia
$249/jeden raz
  • Pełny i dożywotni dostęp do wszystkich motywów Elegntthemes
  • Dożywotnia aktualizacje motywu
  • Dożywotnie wsparcie techniczne w wersji premium
  • Możliwość użycia motywu do dowolnej ilości stron
  • Dożywotni dostęp do wszystkich wtyczek Elegantthemes
  • Pliki warstw Photoshop
  • W ramach jednorazowej opłaty dostęp do wszystkiego na zawsze
Kliknij Tutaj Aby skorzystać z zniżki 10%

by Lis 20, 2016 4 komentarze