Jak stworzyć witrynę fotograficzną WordPress (w 9 prostych krokach)

Opublikowany: 2021-11-25

Każdy profesjonalny fotograf potrzebuje portfolio do pokazania potencjalnym klientom – a najlepszym miejscem do zaprezentowania swojej pracy jest Twoja witryna internetowa.

Ale co, jeśli nie masz własnej strony fotograficznej? Cóż, czas go zbudować!

W tym poście pokażemy Ci, jak stworzyć własną oszałamiającą witrynę fotograficzną WordPress w 9 prostych krokach. Gotowy? Zacznijmy!

1. Zarejestruj się w usłudze hostingowej i zabezpiecz swoją domenę

Pierwszym krokiem jest zarejestrowanie się w usłudze hostingowej i zakup domeny.

Twój usługodawca hostingowy zapewnia serwery i usługi potrzebne do opublikowania witryny w Internecie, aby inne osoby mogły ją odwiedzać.

Twoja domena to Twój adres internetowy. To jest to, co ludzie wpisują w swoich przeglądarkach URL, aby odwiedzić Twoją witrynę (np. https://www.twojadomena.com ).

Twoja nazwa domeny może być dowolna, ale jeśli jesteś niezależnym fotografem, bezpieczną opcją jest pozostanie przy swoim imieniu (np. https://www.angelikakollin.com/ ).

W idealnym przypadku będziesz chciał wybrać usługę hostingową, która zawiera bezpłatną nazwę domeny i jest dostarczana z preinstalowanym WordPressem, np. Bluehost lub Dreamhost współdzielone plany hostingowe WordPress.

2. Zainstaluj WordPressa

Następnym krokiem jest instalacja WordPressa. WordPress to darmowy CMS typu open source, który zapewnia narzędzia potrzebne do rzeczywistego zbudowania witryny.

W zależności od tego, na jakiego hosta internetowego się zarejestrowałeś, WordPress może być już wstępnie zainstalowany. Jeśli tak, przejdź dalej i uzyskaj do niego dostęp za pośrednictwem pulpitu nawigacyjnego hosta internetowego.

Tutaj możesz uzyskać dostęp do WordPressa za pośrednictwem pulpitu nawigacyjnego Bluehost
Tutaj możesz uzyskać dostęp do WordPressa za pośrednictwem pulpitu nawigacyjnego Bluehost – Źródło

Jeśli nie, być może trzeba będzie zainstalować go ręcznie. Ponownie, najlepszym sposobem na to jest korzystanie z usług hostingowych. Większość dostawców hostingu udostępnia instrukcje dotyczące instalacji WordPressa za pośrednictwem cPanel i coś takiego jak Softaculous.

Możesz także zainstalować WordPress lokalnie, pobierając go na swój komputer z WordPress.org. Jednak nie poleciłbym tego, ponieważ będziesz musiał ręcznie przesłać witrynę do swojego hostingu cPanel.

3. Wybierz lekki motyw

Gdy jesteś w WordPressie, pierwszym krokiem jest wybór motywu. Aby to zrobić, przejdź do Wygląd > Motywy i kliknij Dodaj nowy motyw .

Pulpit motywów w WordPress
Pulpit motywów w WordPress – Źródło

Następnie możesz przeglądać kategorię motywów, aby wybrać tę, która Ci się podoba. Zalecamy wybór lekkiego motywu, który jest zgodny z kreatorami stron WordPress. Niektóre popularne opcje to OceanWP , Astra , GeneratePress i domyślny motyw WordPress (obecnie Twenty Twenty-one ). Możesz także sprawdzić listę najszybszych darmowych motywów WordPress i wybrać najlepszy zgodnie ze swoimi potrzebami.

W tym samouczku użyjemy Twenty Twenty-one . Jeśli wybierzesz inną opcję, kolejne kroki będą nadal w dużej mierze takie same, ale może wystąpić kilka drobnych różnic.

Gdy znajdziesz taki, który Ci się podoba, kliknij Zainstaluj.

4. Dostosuj układ ogólny

Po zainstalowaniu motywu otwórz dostosowywanie ( Wygląd > Dostosuj ).

Dostosowanie WordPress
Dostosowanie WordPressa – Źródło

Stąd możesz wprowadzić mnóstwo zmian w projekcie swojej witryny. Na razie zalecamy wykonanie następujących czynności:

  • Zmień obraz nagłówka . Jeśli używasz motywu Twenty Twenty-one, kliknij opcję Media nagłówkowe i ukryj obraz (lub zastąp go własnym obrazem lub filmem).
  • Edytuj tytuł i slogan witryny . Kliknij kartę Tożsamość witryny i zmień tytuł i slogan witryny na dowolne. Możesz również przesłać ikonę (pojawia się w adresie URL przeglądarki) i logo.
  • Zmień czcionki . Możesz także wprowadzić globalne zmiany w czcionkach używanych w Twojej witrynie. Możesz zmienić określone elementy, w tym nagłówki, akapity, linki itp.

5. Zainstaluj wtyczki

Następnie będziemy musieli zainstalować kilka wtyczek. Wtyczki to rozszerzenia innych firm, które możesz aktywować w WordPressie, aby rozszerzyć funkcjonalność swojej witryny.

Możesz je zainstalować ze strony Wtyczki . W panelu WordPressa kliknij Wtyczki > Dodaj nowy .

Pulpit nawigacyjny wtyczek w WordPress
Panel wtyczek w WordPressie – źródło

Następnie wyszukaj, zainstaluj i aktywuj następujące elementy:

  • Szablony o pełnej szerokości . Użyjemy tego do zmodyfikowania naszej strony głównej tak, aby wyświetlała się na całej szerokości.
  • Portfolio wizualne . Wykorzystamy to do stworzenia naszego portfolio fotograficznego.
  • Formularze optin . Wykorzystamy to do zbierania e-maili i budowania potężnej listy e-mailowej.
  • Wyobraź sobie . Imagify automatycznie zoptymalizuje wszystkie przesłane obrazy i przekonwertuje je na WebP, aby zminimalizować rozmiary plików i szybkość ładowania stron. Może to pomóc w zwiększeniu SEO, ponieważ szybkość ładowania strony jest ważnym czynnikiem rankingowym. Upewnij się tylko, że zaznaczyłeś pole „automatycznie optymalizuj obrazy podczas przesyłania” na stronie ustawień. Możesz wypróbować ją za darmo i zobaczyć, jak łatwa i skuteczna jest wtyczka.

Jako (płatny) bonus zalecamy również wypróbowanie WP Rocket , wtyczki wydajności, która pomoże przyspieszyć działanie Twojej witryny i poprawić wyniki Core Web Vitals za pomocą kilku kliknięć.

6. Stwórz swoją stronę główną

Następnie dodamy stronę główną. Ta część jest łatwa. Po prostu wróć do pulpitu WordPress i przejdź do Strony > Dodaj nowy .

Wpisz tytuł jako „Dom” lub coś podobnego. W sekcji Atrybuty strony po prawej stronie kliknij Szablon i wybierz FW Pełna szerokość , a następnie kliknij Opublikuj .

Edytor stron WordPress – źródło

Gdy to zrobisz, ponownie otwórz dostosowywanie i wybierz Ustawienia strony głównej . Zmień ustawienia na Wyświetl stronę statyczną i wybierz właśnie utworzoną stronę z menu rozwijanego strony głównej, a następnie kliknij Opublikuj .

7. Stwórz swoje portfolio fotograficzne

Następnie zbudujemy nasze portfolio fotograficzne. Z pulpitu nawigacyjnego WP przejdź do Visual Portfolio > Portfolio Layouts i kliknij Create your first portfolio list .

Ekran Portfolio Layouts we wtyczce Visual Portfolio
Ekran Portfolio Layouts we wtyczce Visual Portfolio – Source

W sekcji Źródło treści kliknij Obrazy i naciśnij przycisk plusa, aby przesłać dowolne zdjęcia, które chcesz umieścić w swoim portfolio.

Dodawanie obrazów we wtyczce Visual Portfolio
Dodawanie obrazów we wtyczce Visual Portfolio – Source

Po przesłaniu ich do Visual Portfolio możesz je kliknąć, aby otworzyć podgląd siatki Visual Portfolio. Po prawej stronie zobaczysz także kilka opcji stylizacji.

Układ portfolio kafelków 3 na 3 w programie Visual Portfolio
Układ portfolio kafelków 3 na 3 w portfolio wizualnym — źródło

Zalecamy użycie układu kafelków w układzie siatki 3 na 3. Możesz również zmniejszyć odstęp, aby nie było spacji między każdym z obrazów w siatce portfolio i ustawić liczbę elementów na stronie na 9.

Wprowadź dowolne inne zmiany w projekcie, a następnie kliknij Opublikuj . Pobierz krótki kod z prawego górnego rogu strony i wróć do pulpitu nawigacyjnego.

8. Dodaj swoje portfolio do swojej strony głównej

Teraz stworzyliśmy nasze portfolio, dodamy je do naszej strony głównej. Przejdź do Strony > Wszystkie strony i wybierz swoją stronę główną. Wklej krótki kod do edytora i kliknij Aktualizuj .

Skrót programu Visual Portfolio w edytorze stron WordPress
Shortcode Visual Portfolio w edytorze stron WordPress – Source

Następnie możesz kliknąć Podgląd , aby zobaczyć, jak wygląda Twoja strona główna. Jeśli zrobiłeś wszystko dobrze, powinieneś zobaczyć piękne pełnowymiarowe portfolio swojej pracy pod tytułem witryny.

Pełnoekranowy podgląd gotowej strony głównej wraz z portfolio fotograficznym
Pełnoekranowy podgląd gotowej strony głównej wraz z portfolio fotografii – Source

Jeśli chcesz wprowadzić zmiany w swoim portfolio, możesz wrócić do strony wtyczki Visual Portfolio i zmienić kolejność, usunąć lub dodać nowe obrazy.

9. Utwórz dodatkowe strony i dostosuj projekt (opcjonalnie)

Masz teraz całkiem niesamowitą, jednostronicową witrynę fotograficzną, ale możesz też dodać kilka innych stron. Aby to zrobić, możesz wrócić do Strony > Wszystkie strony. Zalecamy dodanie:

  • Strona z informacjami. Dołącz informacje o tym, kim jesteś, swoje doświadczenie i kwalifikacje itp., a także dodaj swoje zdjęcie.
  • Strona kontaktowa . Dodaj formularz kontaktowy, aby klienci mogli się z Tobą skontaktować.
  • Strona usług . Dodaj tabelę cen z listą różnych usług fotograficznych i pakietów.

Zakończ tworzenie witryny, wprowadzając wszelkie inne zmiany, które chcesz wprowadzić (takie jak dodanie banera zgody na pliki cookie i polityki prywatności, wprowadzanie zmian w projekcie, instalowanie innych wtyczek itp.) i gotowe.

Gratulacje – masz teraz niesamowitą witrynę fotograficzną WordPress!

Mamy nadzieję, że ten przewodnik okazał się pomocny. Powodzenia!