Projektowanie stron w narzędziu Elementor i Wordpress

Projektowanie stron w narzędziu Elementor i Wordpress

“ Teraz dokonamy przeglądu kluczowych faz rozwoju Twojej strony internetowej, abyś mógł zaprezentować swój projekt Społeczności Domestika. Chciałbym, abyś pokrótce wyjaśnił, co zrobiłeś w każdym z nich, i dołączył do wyjaśnienia jeden lub więcej obrazów. Koncepcja i referencje Zacznij od opracowania całej koncepcji swojej strony internetowej. Aby to zrobić, najpierw zbierz inspirujące odniesienia wizualne i zapisz je w folderze lub zakładkach. Oh! I nie zapominaj, że inspiracją może być wszystko, nie tylko strony internetowe, ale każdy obiekt wokół ciebie, muzyka, miasto, krajobraz... Cokolwiek!

Mapa Twojej strony internetowej Po drugie, narysuj mapę witryny, na której zdefiniujesz strony, które będą stanowić nawigację w Twojej witrynie, oraz sposób, w jaki użytkownik będzie się po nich poruszał. Przewodnik po stylach Następnie zbierz wszystkie ogólne elementy i style, które chcesz umieścić na swojej stronie internetowej: logo, zestaw czcionek, paletę kolorów i opcjonalnie elementy graficzne. Stwórz przewodnik po stylach z tym wszystkim. Propozycja projektu Teraz będziesz pracować nad propozycją projektu, która jest jedną z najbardziej ekscytujących części całego procesu. W tym celu możesz pracować z wybranym programem do projektowania. Korzystając ze wszystkich elementów przewodnika po stylach, zaprojektuj każdą z sekcji, które składają się na Twoją witrynę internetową i które wcześniej zdefiniowałeś na mapie witryny. Pamiętaj, że jeśli nie wiesz, jakich treści lub struktur użyć w każdej z tych sekcji, zawsze możesz ponownie spojrzeć na odniesienia wizualne w celu uzyskania inspiracji. Najważniejszą rzeczą w propozycji projektu jest to, że pomaga ona wizualizować, jak będzie wyglądać Twoja witryna, gdy później będziesz pracować z Elementorem. Projektowanie w WordPress i Elementorze Zainstaluj i skonfiguruj narzędzia, z którymi będziesz pracować w tym kursie, aby stworzyć całą witrynę. Aby to zrobić, przede wszystkim upewnij się, że masz hosting i domenę, w której możesz zainstalować WordPress. Po zainstalowaniu skonfiguruj go i utwórz strony i menu nawigacyjne swojej witryny. Następnym krokiem będzie instalacja wtyczki Elementor i motywu, którego zamierzasz użyć jako podstawy: „Hello Theme”. Teraz wszystko, co musisz zrobić, to pobrać i zainstalować Elementor Pro, który zawiera niesamowite funkcje do zbudowania całego projektu witryny. Nadszedł czas, aby przenieść całą propozycję projektu strony internetowej do w 100% prawdziwej i funkcjonalnej witryny, w tym celu będziesz pracować z Elementorem, domyślnym zestawem, jego narzędziem do tworzenia motywów i opcjami szablonów. Pamiętaj, że w tym momencie musisz cały czas mieć na uwadze propozycję projektu strony internetowej, którą wcześniej przygotowałeś. Zacznij od utworzenia nagłówka i stopki. Kontynuuj projektowanie strony głównej i nie zapomnij dołączyć efektów animacji, aby uczynić ją bardziej wizualną i atrakcyjną. Teraz utwórz szablon projektu i stronę główną portfolio. A także wejdź w sekcje „Informacje” i „Kontakt”. Oh! Nie zapomnij zoptymalizować obrazów na swojej stronie internetowej, aby nie ważyły zbyt dużo i szybko się ładowały, i pamiętaj, aby towarzyszyć tym obrazom z tekstami, które przyczyniają się, kontekstualizują i humanizują twoją pracę. Na koniec popracuj również nad projektem drugorzędnych sekcji witryny, takich jak strona z polityką prywatności, strona „Błąd 404” i strona konserwacji. Testowanie i wydanie Zostało ci bardzo mało do skończenia! Nadeszła kolej na przetestowanie sieci w różnych przeglądarkach i urządzeniach, ponieważ czasami sieć wygląda nieco inaczej w niektórych z nich. Zapisz wszystkie szczegóły, które nie działają lub nie wyświetlają się zgodnie z oczekiwaniami i popraw je później w Elementorze. Kiedy wszystko poprawiłeś, wszystko jest gotowe, aby Twoją stronę zobaczył cały świat! Po uruchomieniu nie zapomnij aktualizować Ach! I pamiętaj, aby wykonać kopię zapasową przed wykonaniem każdej aktualizacji. Nadszedł czas, abyś podzielił się swoim ostatecznym projektem ze społecznością, klikając „Utwórz swój projekt”. Pamiętaj, aby udostępnić link do strony internetowej, którą zaprojektowałeś, a także opowiedzieć nam o całym procesie twórczym, który do niej doprowadził. Jeśli kiedykolwiek wprowadziłeś witrynę w tryb konserwacji, wyłącz ją, abyśmy mogli zobaczyć Twoją witrynę w całości. Na pewno jest niesamowity :). Z niecierpliwością czekam na Twój projekt i podzielę się z Tobą opinią. Choć proszę o cierpliwość, postaram się wchodzić na forum na tyle na ile mogę i na ile pozwalają mi moje projekty zawodowe. Na koniec chcę Was zaprosić do aktywnego udziału w forum, nie tylko dzielenia się swoimi postępami, ale także udzielania rad i starania się pomóc reszcie społeczności. Do zobaczenia na forum! ”

Częściowa transkrypcja wideo

“Teraz nadszedł twój moment. przejdę z tobą przez kilka niezbędnych kroków. abyś mógł stworzyć swoją własną stronę internetową. Prawda jest taka. że to była ogromna ilość nowej informacji. więc bądź bardzo dumny. że dotarłeś aż że pokonałeś strach przed projektowaniem stron internetowych. Pamiętaj zawsze. aby zacząć od zebrania kilka wizualnych odniesień. które cię inspirują. Zapisz je w folderze lub stwórz mood board. Następnie narysuj mapę strony. uwzględniając wszystkie sekcje. które chcesz mieć. Pamiętaj. że nie ma limitu. sekcji ani obowiązkowych sekcji. Po prostu uwzględnij te. które n...”

Transkrypcje są generowane automatycznie, stąd mogą pojawić się błędy.

Podsumowanie kursu: Projektowanie stron w narzędziu Elementor i Wordpress

• Poziom: Podstawowy
• 99% pozytywnych ocen (275)
• Liczba uczestników: 15313
• Liczba części dydaktycznych: 4
• 20 lekcji (3 h 28 min)
• liczba dodatkowych zasobów: 5

• Kategoria

  Web & App Design

• Dziedziny

  Projektowanie aplikacji, Projektowanie produktu cyfrowego, Web design, Zarządzanie portfolio