Chcesz trafić na stronę główną Onetu? [przewrotny poradnik dla blogerów]

Maciej Wojtas: copywriter z 10-letnim stażem

Chcesz trafić na stronę główną Onetu? [przewrotny poradnik dla blogerów]

28 lipca 2016 Porady dla copywriterów Tutoriale 4

 


 

Zanim zobaczycie, jak trafiłem na główną stronę Onetu, pokażę wam, co trzeba zrobić, żeby się tam znaleźć. Czytajcie do końca.

 


 

Chcę pokazać wam prosty trik, dzięki któremu można błyskawicznie przetestować:

  • różne rodzaje krojów pisma,
  • różne wielkości fontów,
  • układ i zawartość tekstu,
  • i właściwie wszystko, co ma związek z wizualną stroną waszego bloga.

 


 

Co ważne – takie testowanie jest zupełnie „bezbolesne” dla waszej strony, a wyniki testów dostajecie natychmiast, w czasie rzeczywistym.

 


 

Dlaczego warto się tego nauczyć?

Bo dzięki tej umiejętności będziecie mogli jeszcze bardziej dopieścić wygląd swojego bloga.

W niniejszym artykule zajmę się tylko rodzajami i wielkością fontów, ale to zaledwie mała część tego, co można zrobić dzięki tej funkcji przeglądarki (tak, to właśnie przeglądarka będzie bohaterką tego wpisu).

 


 

Co będzie potrzebne?

1. Przeglądarka Chrome (choć w sumie każda inna też może być).

2. Podstawowa znajomość HTML i CSS.

3. Podstawowa znajomość panelu administracyjnego WordPressa.

 


 

Do dzieła!

1. Wchodzimy na bloga i prawym przyciskiem myszy klikamy jakiś element tekstowy, na przykład tytuł, a następnie wybieramy opcję „zbadaj”:

on1

2. Ekran podzieli się na dwie części:

jedną z widokiem bloga i drugą – z widokiem całego „zaplecza”:

on2

3. Ponieważ prawym przyciskiem myszy został kliknięty tytuł bloga, dlatego w prawej kolumnie szukamy „site-title”.

Następnie klikamy lewym przyciskiem myszy „font-size”.

Jak się okazuje – można edytować tę wartość 🙂

on4

W tym przypadku zamieniłem wielkość „3rem” na „9rem”.

Efekt pojawia się od razu w lewej części ekranu:

on3

4. Czas na zmianę fontu (kroju pisma). Ponieważ zaznaczony został tytuł bloga, szukamy znacznika H1.

Jak widać, znajduje się on nieco poniżej „site-title”:

on5

5. Teraz klikamy na wartość obok „font-family” i zmieniamy to, co znajduje się w cudzysłowie.

W podanym przykładzie będzie to zamiana „Lato” na „Palatino linotype”:

on6

 


 

Jak zapisać zmiany?

1. Wchodzimy do panelu admina naszego WordPressa i klikamy „Wygląd”, a następnie „Edytor”.

Szukamy frazy „.site-title” i zmieniamy wielkość fontu. Po wszystkim klikamy „Zaktualizuj plik”.

I tyle 🙂

on7

 


 

Czas na Onet

Używając tego triku, można w parę sekund zmienić także treść strony. Po kliknięciu w interesujący nas tekst podświetli się on także w oknie „zaplecza” strony.

W ten sposób można zadebiutować w dowolnym portalu. Oto oryginalna wersja dzisiejszej strony głównej Onetu:

onet0

A to ta sama strona po małej ingerencji:

Onet.pl

 


 

image_pdfimage_print

 

4 komentarze

  1. playfilm pisze:

    Dziecko odkryło F12 w przeglądarce. Niecierpliwie czekam na tutoriale z Painta

  2. Majstrowa.pl pisze:

    Świetny tekst! Wiele jeszcze przede mną…;) Pozdrawiam

Skomentuj Maciej Wojtas Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany.

Copy link
Powered by Social Snap