Dobór odpowiedniej czcionki to jedno z podstawowych wyzwań przy tworzeniu strony internetowej. Istnieje wiele różnych rodzajów czcionek, a ich właściwy wybór ma kluczowe znaczenie zarówno dla estetyki, jak i funkcjonalności strony. W artykule tym omówię kilka ważnych kwestii związanych z doborem czcionek, ich ustawieniami oraz wpływem na wygląd i użyteczność strony.

Czcionki dzielą się na dwie główne kategorie: czcionki szeryfowe i bezszeryfowe. Szeryfy to małe, ozdobne zakończenia liter, które pomagają w czytelności tekstu w druku, ale w przypadku stron internetowych często bywają mniej efektywne. Współczesne podejście do projektowania stron internetowych skłania się ku czcionkom bezszeryfowym, które nie posiadają tych ozdobników, a zamiast tego charakteryzują się prostymi, kwadratowymi liniami. Czcionki bezszeryfowe są łatwiejsze do czytania w cyfrowych mediach, co ma szczególne znaczenie w kontekście urządzeń mobilnych oraz komputerów.

Osobiście polecam używanie czcionki bezszeryfowej do treści głównych, na przykład Raleway, która jest przejrzysta i nowoczesna. Do nagłówków natomiast warto wybrać czcionkę szeryfową, która wprowadza kontrast i nadaje stronie bardziej wyrafinowany charakter, na przykład Merriweather Sans. Takie połączenie czcionek może nadać stronie unikalny styl, o ile dobierzemy je z wyczuciem i dbałością o detale.

Istnieje również możliwość dostosowania ustawień czcionek dla innych elementów strony, takich jak menu czy logo. Warto zwrócić uwagę na opcję zmiany czcionki logo i menu, aby pasowały one do czcionki nagłówków. W przypadku wybrania czcionki wbudowanej w system, zauważysz, że możesz wyłączyć wersję kursywy dla danej rodziny czcionek. W nowej wersji systemu Publii CMS (0.46) kursywa jest przechowywana osobno, co może wpłynąć na czas ładowania strony. Jeśli nie zamierzamy zbyt często korzystać z kursywy, warto wyłączyć tę opcję, by przyspieszyć wczytywanie strony.

Warto również wiedzieć, że czcionki w Publii CMS są skalowane za pomocą jednostki REM (root em). Jest to jednostka względna, odnosząca się do rozmiaru czcionki podstawowej w przeglądarce, która domyślnie wynosi 16px. Używanie REM umożliwia tworzenie dynamicznego rozmiaru czcionki, który dopasowuje się do szerokości okna przeglądarki. Dzięki temu tekst będzie dobrze wyglądał zarówno na telefonach, tabletach, jak i komputerach stacjonarnych. Warto eksperymentować z ustawieniami czcionek, aby dostosować je do różnych urządzeń i uzyskać optymalny efekt. Dobre praktyki w tym zakresie to testowanie zmian na różnych rozdzielczościach i dostosowywanie rozmiaru czcionki do wymagań użytkowników.

Kolejną ważną kwestią, która wpływa na wygląd strony, jest dodanie faviconu, czyli małego ikony reprezentującego Twoją markę lub stronę internetową. Favicon pojawia się w zakładce przeglądarki obok tytułu strony i jest jednym z elementów, który pomaga w rozpoznawaniu witryny. Dodanie faviconu w Publii CMS jest bardzo proste. Wystarczy przygotować obrazek o rozmiarze 16x16 px (np. w formacie PNG) i załadować go w odpowiednią sekcję ustawień tematu. Favicon powinien być spójny z identyfikacją wizualną strony i pomagać w budowaniu jej tożsamości.

Ponadto, warto pamiętać, że proces projektowania strony internetowej to nie tylko kwestia wyboru czcionek czy faviconu. Ważne jest również stworzenie odpowiednich ustawień autora, szczególnie jeśli strona jest publikowana przez jedną osobę lub zespół. W Publii CMS możemy dodać podstawowe informacje o autorze, takie jak biografia, zdjęcie profilowe i avatar. Te elementy pomagają w budowaniu więzi z użytkownikami i pozwalają na lepszą identyfikację autora z treściami zamieszczanymi na stronie. Zaktualizowanie tych ustawień powinno być jednym z pierwszych kroków przed rozpoczęciem publikacji zawartości, ponieważ daje użytkownikom możliwość zapoznania się z kimś, kto stoi za danym projektem.

Dodatkowo warto pamiętać, że strona internetowa powinna być łatwa w obsłudze i responsywna. Oznacza to, że powinna dostosowywać się do różnych urządzeń i rozdzielczości ekranów. Dbanie o to, by czcionki, obrazy i inne elementy na stronie były odpowiednio skalowane, wpływa nie tylko na estetykę, ale również na wygodę użytkowników. W tym kontekście warto regularnie testować stronę na różnych urządzeniach i dostosowywać ustawienia w razie potrzeby, by zapewnić jak najlepsze wrażenia z jej użytkowania.

Jak dodać menu do swojej strony internetowej?

Menu na stronie internetowej pełni kluczową rolę, ułatwiając użytkownikom nawigację oraz pomagając zrozumieć, które sekcje są najważniejsze. Odpowiednia organizacja menu nie tylko wpływa na komfort przeglądania treści, ale również na sposób, w jaki strona jest indeksowana przez wyszukiwarki, co może poprawić jej wydajność w zakresie SEO. Aby stworzyć odpowiednie menu, warto przejść przez kilka kroków, które umożliwią użytkownikowi łatwe dodawanie i przypisywanie menu do różnych sekcji strony.

Pierwszym krokiem jest dodanie nowego menu do strony. W tym celu w panelu aplikacji należy wybrać opcję "Menu" znajdującą się po lewej stronie. Na ekranie pojawi się informacja, że na stronie nie zostały jeszcze stworzone żadne menu. Aby to zmienić, wystarczy kliknąć przycisk "Dodaj nowe menu". System zapyta o nazwę nowego menu, które można nazwać na przykład "Główne", ponieważ będzie to menu główne witryny. Ważne jest, że nadana nazwa menu nie pojawi się na stronie, a jedynie służy do identyfikacji w panelu administratora.

Po utworzeniu menu, musimy przypisać je do odpowiedniego miejsca na stronie. Większość szablonów oferuje podstawową lokalizację menu, na przykład menu główne, które zazwyczaj znajduje się na górze strony. Istnieje również możliwość dodania dodatkowych pozycji menu, jeśli szablon to umożliwia. Aby przypisać menu do odpowiedniego miejsca, należy kliknąć rozwijany przycisk obok "Przypisane menu", a następnie wybrać opcję przypisania do odpowiedniej pozycji zdefiniowanej w szablonie. Po kliknięciu "Zapisz zmiany", menu zostanie przypisane do wybranego miejsca.

Kolejnym krokiem jest dodanie elementów do menu. W tym celu wystarczy kliknąć nazwę menu, a następnie dodać nowy element klikając przycisk "Dodaj element menu". W tym przypadku jako pierwszy element dodam link do strony głównej, wpisując w polu "Etykieta" słowo "Strona Główna", a w polu "Typ" wybieram "Link do strony głównej". Po zapisaniu, nowy element pojawi się w menu.

Kolejnym krokiem może być dodanie linku do strony z tagami. W tym celu proces jest podobny do poprzedniego: klikamy "Dodaj element menu", wpisujemy "Tagi" w polu "Etykieta", a w polu "Typ" wybieramy opcję "Link do listy tagów". Zapisujemy zmiany, a nowy element pojawia się w menu.

Jeśli chcemy dodać link do zewnętrznego zasobu, na przykład do strony Google Maps, wystarczy kliknąć "Dodaj element menu", wybrać "Link zewnętrzny" i wpisać pełny adres URL, który prowadzi do tego zasobu. Może to być również adres email, który w systemie HTML realizowany jest za pomocą protokołu "mailto://". W takim przypadku po kliknięciu w link otworzy się domyślny klient poczty, a nowa wiadomość będzie adresowana na wskazany adres e-mail.

Menu to bardzo ważny element strony, który może zdecydować o tym, jak użytkownicy oraz wyszukiwarki postrzegają naszą witrynę. Warto więc zadbać o odpowiednią strukturę menu, a także o to, by była ona logiczna i łatwa do zrozumienia. Poprzez menu możemy nie tylko poprawić doświadczenie użytkownika, ale także wpłynąć na efektywność SEO, co jest szczególnie istotne w przypadku większych witryn. Kluczowe jest także, by menu było elastyczne i dostosowywane do potrzeb użytkowników oraz specyfiki witryny.

Jak skonfigurować Publii CMS do synchronizacji z GitHubem

Po kliknięciu przycisku „Serwer” na interfejsie programu Publii, wyświetli się okno wyboru typu serwera, jak pokazano na Rysunku 8-2. Wybierz typ serwera „GitHub” aby skonfigurować połączenie z GitHubem. Połączenie to wymaga kilku specyficznych danych, które muszą zostać wprowadzone, aby było funkcjonalne. Należą do nich URL strony docelowej, nazwa użytkownika, nazwa repozytorium, nazwa gałęzi oraz token bezpieczeństwa, jak widać na Rysunku 8-3.

Publii CMS oferuje szereg zasobów pomocniczych, które można wykorzystać do konfiguracji różnych połączeń serwerowych. Linki do nich znajdują się w powiadomieniu informacyjnym u góry strony Ustawienia, jak pokazano na Rysunku 8-4. W następnych sekcjach poprowadzę Cię przez każdy z elementów konfiguracji. Aby rozpocząć, otwórz GitHub w swojej ulubionej przeglądarce i zaloguj się na swoje konto GitHub. Następnie przejdź do repozytorium, które zostało utworzone w rozdziale 7.

Pierwszym elementem konfiguracji serwera, do którego trzeba dodać dane, jest URL strony internetowej. W tym celu przejdź do sekcji „About” (O mnie) na stronie repozytorium GitHub w prawym górnym rogu, jak pokazano na Rysunku 8-7. Kliknij prawym przyciskiem myszy na URL swojej strony internetowej i wybierz „Kopiuj adres linku”, jak pokazano na Rysunku 8-8. Następnie wróć do Publii CMS i wklej ten adres URL w polu „Website URL” (Adres strony internetowej), jak widać na Rysunku 8-9.

Pamiętaj, aby usunąć część adresu, która wskazuje na protokół (czyli „https://”), ponieważ protokół jest określony w osobnym rozwijanym menu. Zwykle dla stron hostowanych na GitHubie odpowiedni protokół to „https://”, więc pozostaw ustawienie domyślne. Dodatkowo, nie zaznaczaj opcji „Use relative URLs” (Użyj względnych URL), ponieważ włączenie tej opcji wyłączy niektóre pożądane funkcje, szczególnie mapy witryn. Mapy witryn są bardzo ważne, ponieważ pomagają robotom wyszukiwarek w odpowiednim indeksowaniu strony. Google wymaga, aby strony miały mapę witryn, aby mogły być poprawnie zaindeksowane. To kolejny element, który zapewni Twojej stronie lepsze wyniki SEO.

Kolejnym elementem konfiguracji jest nazwa użytkownika lub organizacji GitHub. Przejdź do swojego repozytorium na GitHubie i zwróć uwagę na nazwę użytkownika w lewym górnym rogu strony, jak pokazano na Rysunku 8-12. Wprowadź tę nazwę użytkownika w pole „Username/Organization” (Nazwa użytkownika/Organizacja) w ustawieniach Publii CMS, jak pokazano na Rysunku 8-13.

Następnie należy dodać nazwę repozytorium. Jest to kolejny wymóg w konfiguracji, który można znaleźć na stronie repozytorium GitHub, jak pokazano na Rysunku 8-14. Wpisz tę nazwę repozytorium w pole „Repository” (Repozytorium) w ustawieniach Publii CMS, jak na Rysunku 8-15.

Kolejnym krokiem jest wprowadzenie nazwy gałęzi, która w Twoim repozytorium na GitHubie najczęściej nazywa się „main” (główna). Możesz ją znaleźć na stronie swojego repozytorium, jak pokazano na Rysunku 8-16. Wprowadź tę nazwę w pole „Branch” (Gałąź) w ustawieniach Publii CMS, jak widać na Rysunku 8-17.

Ostatni krok to wygenerowanie tokenu bezpieczeństwa, który jest niezbędny do autoryzacji. Tokeny muszą być wygenerowane na GitHubie i przypisane do określonego zasobu, który będzie uzyskiwał dostęp do repozytorium. To najbardziej skomplikowany etap procesu konfiguracji. Jeśli zgubisz się na którymś etapie, wróć na początku i prześledź swoje kroki, stosując się do przedstawionych przykładów.

Aby wygenerować token, wejdź na stronę swojego konta na GitHubie i kliknij na avatar w prawym górnym rogu strony. Po kliknięciu otworzy się menu, w którym należy wybrać „Ustawienia” – jak pokazano na Rysunku 8-19. Następnie przewiń menu ustawień w dół, aby znaleźć sekcję „Developer settings” (Ustawienia deweloperskie) i kliknij na nią. Kolejnym krokiem jest kliknięcie w „Personal access tokens” (Tokeny dostępu osobistego), a potem w „Tokens (classic)” (Tokeny klasyczne). Na stronie pojawi się przycisk „Generate new token” (Generuj nowy token). Po kliknięciu tego przycisku, GitHub poprosi Cię o potwierdzenie tożsamości, ponieważ będziesz wchodzić w tryb o podwyższonym poziomie dostępu – tzw. „sudo mode”.

Po wygenerowaniu tokenu, wprowadź go w odpowiednie pole w Publii CMS, aby zakończyć konfigurację połączenia.

Warto pamiętać, że podczas procesu konfiguracji może wystąpić konieczność wielokrotnego sprawdzenia wprowadzonych danych. Skup się na precyzyjnym uzupełnieniu każdego pola i upewnij się, że wszystkie dane zostały poprawnie wprowadzone. Dzięki temu, integracja GitHub z Publii CMS przebiegnie pomyślnie, a Twoja strona będzie mogła się synchronizować w sposób automatyczny.

Jak opóźniony czas sił sterujących wpływa na odpowiedź układów quasi-hiperbolicznych Hamiltonowskich?
Jak zarządzać ciężką kardiomiopatią rozstrzeniową u dzieci z nadciśnieniem płucnym?
Jak działają czujniki termoczułe na bazie tlenku grafenu i jakie mają zastosowania w ochronie przeciwpożarowej oraz materiałach wysokotemperaturowych?
Jak dodać cytaty, linki i zarządzać postami w systemie Publii CMS?
Jak fotopolimeryzacja i technologia 3D zmieniają dzisiejszą naukę i przemysł?