Blog Design 101: Twój kompletny przewodnik po projektowaniu elementów bloga, które przyniosą rezultaty
Opublikowany: 2016-07-12Jeśli próbujesz zaprojektować układ swojego bloga od podstaw, Twoim celem końcowym jest stworzenie projektu, który najlepiej odpowiada potrzebom i wymaganiom czytelników.
To, co może działać na jednym blogu, może być całkowicie bezużyteczne dla innego, więc nie przejmuj się kopiowaniem czyjegoś stylu projektowania. Zamiast tego skup się na podstawowych zasadach i wytycznych i pozwól im pomóc w opracowaniu projektu, który w unikalny sposób Cię reprezentuje.
Projektowanie bloga polega na łączeniu różnych elementów i części w celu stworzenia strony internetowej, która skutecznie dotrze do Twoich czytelników. Poniżej analizujemy najważniejsze z tych elementów i jak możesz je uwzględnić we własnym projekcie.
Rozpoczęcie pracy
Wiele osób, które zakładają bloga, nie ma pojęcia, dokąd chcą go poprowadzić, co jest dużym problemem przy próbie określenia, w jakim kierunku pójść. Możesz jednak pocieszyć się jedną rzeczą: możesz jeszcze nie wiedzieć, czego chcesz, ale na pewno będziesz wiedział, kiedy to dostaniesz. Odpowiedzi na te trzy pytania mogą pomóc w ustaleniu ścieżki projektowania:
- Jaka jest twoja inspiracja? Rozejrzyj się za inspiracją do projektowania, doboru kolorów i nadruków. Możesz je znaleźć wszędzie, ale Pinterest może być świetnym miejscem na rozpoczęcie.
- Jakie są twoje ulubione blogi? Znajdź pięć blogów, za którymi masz bzika i określ, co dokładnie w nich lubisz, i czy możesz ekstrapolować ten pomysł na własny blog. Stwórz tablicę inspiracji na Pinterest, która pozwoli Ci zebrać inspirujące elementy pod jednym dachem.
- Co Cię wyróżnia? Twój blog powinien odzwierciedlać to, kim jesteś. Wykorzystaj aspekty, które chcesz wnieść, a które wyróżnią Cię na tle innych.
- Jakie kolory lubisz? Wybierając swoją kolorystykę, pomyśl nie tylko o kolorach, które Cię uszczęśliwiają, ale także o znaczeniu Twojego wyboru dla rodzaju bloga, który prowadzisz. Ponieważ masz nadzieję przyciągnąć innych ludzi do swojego bloga, nie możesz skupić się tylko na tym, czego chcesz.
1. Nagłówek
Nagłówek to miejsce, w którym robisz pierwsze wrażenie na swoich widzach i nadaje ton ich interakcji z Twoim blogiem. Miej poważne nagłówki dla poważnych blogów oraz zabawne i kreatywne nagłówki dla zabawnych blogów. Świadomie dobieraj słowa, a następnie używaj ich zwięźle.
Blogerzy niszowi (mówiący o czymś konkretnym) mogą mieć z tym łatwiejszy czas, ale każdy może znaleźć coś – jedną rzecz – o czym jest ich blog. Jeśli założysz, że masz osobistego bloga, to blog jest o Tobie i możesz podzielić się czymś o sobie w kreatywny sposób.
Ustaw nagłówek o wysokości od 150 do 250 pikseli, aby zmaksymalizować nieruchomość w części strony widocznej na ekranie (przestrzeń na stronie przed przewinięciem). Jeśli musisz mieć nagłówek powyżej 250 pikseli, rozważ następujące kwestie:
- Dodaj elementy funkcjonalne – zintegruj w nagłówku niektóre elementy funkcjonalne, takie jak nawigacja, ikony mediów społecznościowych i ikony kanałów RRS, aby zmaksymalizować przestrzeń. Wiele motywów WordPress premium ma już ułożone części widżetów nagłówka. W Bloggerze może być konieczne zakodowanie pola widżetu nagłówka.
- Pracuj nad grafiką – od ilustracji po zdjęcia, inwestuj w świetną jakość grafiki; wolisz mieć świetną grafikę albo nic – to takie poważne. W sieci można znaleźć wiele obrazów i ilustracji. Jeśli znasz Photoshopa, jeszcze lepiej, możesz dostosować swoje obrazy, aby były bardziej… Ciebie. Jeśli nie, to na pewno masz przyjaciela, którego możesz przekupić. Poprawne ustawienie nagłówka znacznie ułatwi umieszczenie i zaprojektowanie każdego innego aspektu.
2. Czcionka i typografia
Czcionki mogą pomóc nadać ton Twojej witrynie i postom na blogu, a wiele rzadko używanych czcionek możesz uzyskać za darmo. Niezależnie od tego, czy szukasz eleganckiego, zabawnego, kapryśnego, poważnego, współczesnego, gotyckiego i nie tylko, istnieje mnóstwo opcji online, z których możesz skorzystać. Zanim wybierzesz konkretną czcionkę, zastanów się nad następującymi kwestiami:
- Powinny być łatwe do odczytania, a litery powinny dobrze współgrać z innymi elementami.
- W przypadku łączenia czcionek powinny się one uzupełniać (użyć maksymalnie trzech czcionek).
- Zachowaj prostą czcionkę tekstu głównego. Powinna być czysta i delikatna dla oczu. Posiadanie plisowanej, zabawnej czcionki głównej utrudnia czytanie i męczy mózg. Możesz używać zabawnych czcionek na paskach bocznych, podpisach, nagłówkach i tytułach postów.
- Proszę, proszę, proszę, nie używaj Papirusu ani Comic Sans, błagamy.
- Nie powinien być ani za mały, ani za fajny; Twoi czytelnicy nie będą przez to cierpieć.
Wybierając czcionki do treści witryny, zastanów się, czy będą one renderowane na wszystkich komputerach tak samo. Niektóre czcionki nie są dostępne na innych komputerach, na przykład Century Gothic, która jest znakomitą czcionką do czytania, która nie jest dostępna na komputerach Mac. Upewnij się, że dołączasz czcionkę zapasową, która jest równie dobra na wypadek, gdyby komputer używany do uzyskiwania dostępu do Twojego bloga nie miał określonej czcionki.

Powinieneś także używać czcionek gotowych do użycia w Internecie, które będą dobrze wyglądać na wszystkich urządzeniach i będą wyświetlać wszystkie Twoje znaki interpunkcyjne. Niektóre znaki specjalne nie istnieją w rejestrach niektórych czcionek, co oznacza, że niektóre informacje nie będą wyświetlane, jeśli ich użyjesz. Google ma mnóstwo darmowych, łatwych w użyciu i gotowych do użycia w Internecie czcionek. Możesz również sprawdzić dafont lub witrynę Kevin and Amanda, aby uzyskać więcej czcionek dla grochu (opartych na piśmie ręcznym) i czcionek notatnika (czcionki konwencjonalne).
3. Stopka
Twoja stopka powinna zawierać więcej niż tylko oświadczenie o prawach autorskich; W rzeczywistości jest to drugi najważniejszy element projektu na Twoich stronach internetowych. Teraz, gdy sprowadziłeś czytelnika do samego końca (dobrze!), powinieneś mieć jasną ścieżkę, aby skierować go dalej.
Jeśli czytelnik dotarł na sam dół Twojej strony, prawdopodobnie jest pod wrażeniem Twojej strony i może być zainteresowany sprawdzeniem innych kategorii. Po przejrzeniu Twojej strony mogą teraz chcieć zasubskrybować Twój kanał witryny lub listę mailingową lub obserwować/polubić Cię w mediach społecznościowych. Zapewnij im wszystkie funkcje, których potrzebują, aby połączyć się z Tobą poza Twoją witryną, a także sposób na dotarcie do każdej innej części Twojej witryny bez konieczności przewijania z powrotem do nawigacji.
Możesz także umieścić w stopce trzy lub cztery najbardziej popularne posty, aby zachęcić czytelników do interakcji z Twoimi najlepszymi pracami. Użyj stopki, aby podkreślić, co jeszcze jest interesujące/niesamowite w Twojej witrynie.
4. Ikony mediów społecznościowych
Powinieneś ułatwić czytelnikom znajdowanie Cię i łączenie się z Tobą w innych miejscach w Internecie, co jest świetne, ponieważ zbuduje dla Ciebie publiczność nawet poza Twoim blogiem. Sieci społecznościowe mają kluczowe znaczenie dla sukcesu Twojego bloga, dlatego ważne jest dodawanie ikon społecznościowych. Aby rozpocząć umieszczanie ikon, możesz wykonać następujące czynności:
- Ikony wyszukiwania – rozpocznij moje wyszukiwanie ikon społecznościowych w Google, które mogą Cię tutaj skierować. Jeśli jesteś bardziej kreatywny, możesz tworzyć własne ikony za pomocą Photoshopa. Idealny rozmiar to 60 pikseli dookoła.
- Ikona przesyłania – możesz to zrobić bezpośrednio na blogu lub skorzystać z flikr, photobucket i innych witryn ze zdjęciami, a następnie umieścić link do obrazu w swoim kodzie.
- Dodaj swój kod HTML – w Bloggerze do obszaru widżetu HTML należy dodać następujący wiersz kodu, natomiast w WordPress w obszarze widżetu tekstowego:
[xhtml]
<a href=”http://www.linkgoeshere.com” target=”_blank”><img src=”http://www.imageurlhere.com”></a>
[/xhtml]
Ta prosta linia kodu wstawia dowolny obraz do Twojego bloga.
5. Kanał bloga
Kanał RSS to popularny sposób, w jaki blogerzy mogą łatwo śledzić inne blogi. Większość blogów jest zwykle skonfigurowana tak, aby udostępniać automatyczne kanały, ale nie są one wyposażone w automatyczne opcje śledzenia ważnych statystyk, co może być bardzo przydatne dla przyszłego blogera.
Aby skonfigurować feedburner:
- Wejdź na feedburner.google.com i skonfiguruj swój kanał, umieszczając w polu adres kanału lub blog.
- Po zweryfikowaniu adresu URL zostanie wyświetlona następna strona, na której musisz sprawdzić adres kanału i nazwę bloga (bardzo ważne!). jeśli zmienisz adres kanału w przyszłości, MUSISZ powiadomić o tym czytelników, ponieważ nie zostaną oni automatycznie zaktualizowani.
Otóż to! Masz teraz kanał. W Bloggerze możesz przejść do Pulpitu nawigacyjnego >> Ustawienia >> Kanał witryny, a zobaczysz pole z tytułem „Adres URL przekierowania kanału postów”, w którym należy wstawić adres kanału feedburner. W WordPressie może być konieczne pobranie wtyczki Feedburner Feedsmith, którą znajdziesz tutaj. Jest to najbardziej zalecana wtyczka do tego zadania, ponieważ pozostaje spójna nawet z aktualizacjami WordPress.
Wniosek
Projektowanie bloga to nie lada wyczyn, zwłaszcza jeśli nie masz żadnego doświadczenia w projektowaniu. Należy wziąć pod uwagę wiele ważnych aspektów, a także kroki, które należy podjąć. Jako początkujący możesz nie być w stanie zaprojektować całej witryny od podstaw, nawet jeśli masz wszystkie samouczki. Zamiast tego znajdź dobry motyw, który możesz dostosować i zacznij od tego. Istnieją tysiące zarówno darmowych, jak i premium motywów, które można uzyskać zarówno na WordPressie, jak i Bloggerze. Gdy staniesz się bardziej biegły w kodowaniu i projektowaniu, możesz powoli pracować nad dalszym dostosowywaniem różnych elementów swojego bloga, aby nie wyglądał jak ktoś inny.
Najważniejszą rzeczą do zapamiętania jest to, że zajmie to dużo czasu i wysiłku. Być może będziesz musiał przeczesać dziesiątki samouczków, zanim zrobisz to dobrze. Ale kiedy już to zrobisz, nagroda w postaci wyjątkowego bloga będzie warta wysiłku.
Wszystkiego najlepszego!