kt 01 background image

Blog ewoluował do wersji 1.0 !

Po niespełna dwóch miesiącach blog jest już na tyle skonfigurowany i ulepszony by osiągnąć wersję 1.0
Teraz na stronie Informację będzie opisana budowa i organizacja bloga, oraz bardziej szczegółowo jego cele. Przez tyle czasu dużo się nauczyłem. Mam nadzieje, że efekt się podoba 🙂
To dopiero wersja 1.0 zatem w dalszym ciągu strona główna, funkcje bloga itd. będą ewoluować! Tutaj musi być jedne z najlepszych blogów na świecie. Trzeba być ambitnym.

Nowy wygląd wpisów

Jak widzicie wpisy zmieniły mocno wygląd. Ze zwykłego Ariala zmieniłem także czcionkę na Noto Sans. Nowy wygląd wpisów jest szerszy i pisany większą czcionką na PC (24 px).
Najważniejsze zalety:

  • większa przejrzystość tekstu,
  • wykresy są już lepiej widoczne bez powiększania (ale dalej można powiększać),
  • ładniejszy start wpisu z obrazkiem wyróżniającym,
  • większe okno oglądania YouTube, czytania pdf-ów itd.
Stary wyglad wpisow
Przykładowy stary wygląd wpisów (pełna szerokość)

Zoptymalizowany kod

Dzięki używaniu domyślnego edytora WordPress (z nakładką Kadence) kod jest bardzo wydajny. Strona działa dużo szybciej od takiego Allegro 😛
By osiągnąć 100% struktury to już bym musiał ręcznie cały kod strony pisać. I to bardzo dobrze wklepać kod. W każdym razie wtedy większość wysiłku by szło na kodowanie zamiast wpisy. Dziś nawet duże firmy jadą na CMS typu WordPress jak np. Radio Maryja!

Wszystkie zalety Guttenberga:

Film o Guttenbergu od WPziom

Wszystkie wersje BETA

Jak widać blog przechodził ewolucję. Prowadziłem mały pamiętnik 😉 Zwłaszcza na początku dużo konfiguracji i testów było.

  • BETA 1 (18.12.2021):
    Start bloga na silniku WordPress z własnym wykupionym hostem!
  • BETA 2 (19.12.2021):
    + Instalacja wtyczek i motywu Neve,
    + Poprawa bezpieczeństwa.
  • BETA 3 (19.12.2021):
    + Dalsza poprawa bezpieczeństwa,
    + Filtr antyspamowy,
    + Ulepszone komentarze.
  • BETA 4 (20.12.2021)
    + Poprawa wyglądu strony głównej,
    + Usługi Google,
    + Dodanie wyszukiwarki,
    + Początkowe zasady funkcjonowania bloga.
  • BETA 5 (21.12.2021)
    + Dogranie kolejnych wtyczek (głównie lepsze tworzenie wpisów),
    + Uporzątkowanie strony głównej.
  • BETA 6 (27.12.2021)
    + Dodanie strony Kontakt,
    + Optymalizacja wtyczek.
  • BETA 7 (31.12.2021)
    + Unowocześnienie wyglądu strony głównej (ładniejsze wyświetlanie najnowszych postów)
  • BETA 8 (02.01.2022)
    + Ponieważ mój wpis Zrozumcie jak żydowski JP Morgan daje rekomendacje 115 zł w 3 dni przekroczył liczbę 150 unikalnych wejść, a nikt nie zostawił komentarza, więc włączyłem możliwość głosowania,
    + Dodanie możliwości logowania za pomocą konta Google by komentować.
  • BETA 9 (05.01.2022)
    + Dodanie polecanych stron (tylko sprawdzone przez mnie!)
  • BETA 10 (06.01.2022)
    + Podstrona aktualizacje przeniesione do informacji o stronie.
  • BETA 11 (08.01.2022)
    + Polepszenia podstrony z polecanymi stronami. Dodałem podział na sekcję polecany stron.
    Pierwszą dodaną stroną w nowej sekcji jest https://wiernipolsce1.wordpress.com/
  • BETA 12 (09.01.2022) 
    + Polepszenie jakości tekstu. Zwiększyłem domyślny rozmiar czcionki na komputerze i tablecie do 18 pkt. Interlinia bez zmian równa 1,7. Smartfony zwiększona do 16 pkt., a interlinia bez zmian 1,6.
  • BETA 13 (10.01.2022)
    + Od teraz dłuższe wpisy mają spis treści!
  • BETA 14 (22.01.2022)
    + Optymalizowanie oprogramowania strony (pod kątem szybkości),
    + Nowy wygląd bloku najnowszych postów na stronie głównej. Z czasem strona główna zostanie całkowicie przebudowana jak zrobię ok. 20 wpisów.
  • BETA 15 (24.01.2022)
    + Ulepszenie strony Kontakt. Teraz już chodzi ekstremalnie szybko.
  • BETA 16 (26.01.2022)
    + Polepszenie wyglądu zasad bloga (zwłaszcza na smartfonach).
  • BETA 17 (28.01.2022)
    + Lepszy widok formularza kontaktowego i usunięcie niepotrzebnej wtyczki, co przyśpiesza działanie bloga 
  • BETA 18 (30.01.2022)
    + Od teraz goście piszący komentarze mają podpis “Gość” pod swoją nazwą i losowy generowany avatar!
  • BETA 19 (06.02.2022)
    + Nowa strona główna, eliminacja Elementora dzięki czemu kod strony jest dużo bardziej zoptymalizowany!

Większe komentarze na PC i tabletach

Za pomocną CSS 12 lutego 2022 polepszyłem wygląd komentarzy. Tak mały tekst zbyt mocno odbiegał od reszty widoku wpisu. Dlatego dokonałem zmian 😛 Poniżej kod CSS z opisami w kalmarach /* i */. Używam do komentarzy wtyczki: https://wpdiscuz.com/
Z innymi wtyczkami te komendy nie będą działać!

/*Ustawienia na komputery PC i tablety*/
@media screen and (min-width: 600px)
{
#wpdcom
{
  max-width: 950px !important;
}

/*Wielkość wyświetlanego postu*/
.wpd-comment-text * {
   font-size: 20px !important; 
}
	
/*Wielkości edytora pisania posta*/
#wpdcom .ql-editor p {
	  font-size: 20px;
}
	
#wpdcom .ql-container {
	  min-height: 100px;
}
	
#wpdcom .ql-editor li {
   font-size: 20px; 
}

#wpdcom .wpd-form-row .wpdiscuz-item {
  font-size:  20px;
}
	
/*Wielkość nazwy piszącego post*/
#wpdcom .wpd-comment-header .wpd-comment-author {
   font-size:  20px;
}

/*Wielkość daty publikacji postu*/
#wpdcom .wpd-comment-date {
  padding: 0 5px;
  font-size: 18px;
}

/*Wielkość ikony zegarka między nickiem, a czasem publikacji komentarza*/
#wpdcom .wpd-comment-date i {
  font-size: 18px;
  margin-right: 4px;
}

/*Wielkość nicków w odpowiedzi*/
#wpdcom .wpd-comment .wpd-reply .wpd-comment-header .wpd-comment-author{
  font-size: 18px;
  margin-right: 5px;
}


#wpdcom .wpd-comment .wpd-reply .wpd-comment-header .wpd-comment-author a {
  font-size: 18px;
  margin-right: 5px;
}

/*Wielkość avatara*/
#wpdcom .wpd-comment .wpd-avatar img.avatar {
  width: 70px;
  height: 70px;
  max-width: 70px;
}

#wpdcom .wpd-comment .wpd-comment-left{
     width:  70px;
}

/*Wielkość avatara w odpowiedzi*/
#wpdcom .wpd-comment.wpd-reply .wpd-avatar img, #wpdcom .wpd-comment.wpd-reply .wpd-avatar img.avatar {
  width: 60px;
  height: 60px;
  max-width: 60px;
}

#wpdcom .wpd-comment .wpd-reply  .wpd-comment-left{
     width:  60px;
	}


/*Wielkość przycisków do głosowania na komentrz*/
#wpdcom .wpd-comment-footer .wpd-vote-up, .wpd-comment-footer .wpd-vote-down {
  width: 18px;
  height: 18px;
}

#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up, .wpd-comment-footer .wpd-vote-down {
  width: 18x;
  height: 18px;
}

/*Wielkość napisu "Odpowiedz" na komentrz*/
#wpdcom .wpd-comment-footer .wpd-reply-button {
  font-size: 18px;
}

#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button {
  font-size: 18px;
}

/*Wielkość liczby głosów na komentrz*/
#wpdcom .wpd-comment-footer .wpd-vote-result {
  font-size: 20px;
}

#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-result {
  font-size: 20px;
}
	
}

/*Ustawienia na smartfony*/
@media screen and (max-width: 600px)
{


/*Wielkość czcionki w formularzu kontaktu*/
.kb-form .kadence-blocks-form-field .kb-text-style-field {
    font-size: 16px !important; 
}


}

Nowa domyślny kolor bloga

Postanowiłem być oryginalny i sam dopasować odpowiedni kolor zielonego. To kolor uspakajający i dobrze kojarzący się graczom giełdowym 🙂


Zieleń na blogu (kod HTML: #33983A)


Domyślna zieleń w kodzie HTML (#green)

To dopiero początek!

Mam nadzieję, że nowy wygląd się Wam spodoba. Jak chcecie potestować jak wygląda obecnie tworzenie stron i wpisów na najnowszym WordPress z dodatkami Kadence Pro to mogę utworzyć konto i całkowicie za darmo udostępnić do zabawy stronę. Hostu nie daje by mi wirusów nie powygrywać, gdyby jakiś wredny lewak chciał sabotaż robić. Chociaż lewactwo jest zbyt prymitywne by samemu cokolwiek zrobić. Musiałby kupić i spróbować wgrać. Zapamiętajcie lewak to tylko zwykły produkt korporacyjny. Z resztą o tym felieton napiszę.

W każdym razie mam nadzieję, że nowy wygląd przypadnie do gustu Czytelników 😉 Blog oczywiście w dalszym ciągu będzie ulepszany. Proszę o ewentualne komentarze i opinie.

Pozdrawiam!

5 3 głosy
Ranking Wpisu
Subskrybuj
Powiadom o
guest

10 komentarzy
najnowszy
najstarszy oceniany
Inline Feedbacks
View all comments
Mechanik
Gość
Mechanik
2 lat o temu

Jakieś to wszystko się zrobiło za duże, szczególnie nagłówek wpisu. Ja rozumiem, że nowoczesność, smartfony, tablety, ale jeśli na ekranie monitora wpis zaczyna się tak jak na załączonym obrazku to coś jest nie tak.

troche-duze.png
Mechanik
Gość
Mechanik
2 lat o temu

Ja bym “pojechał” jeszcze dalej, ale ja jestem zacofany technologicznie i lubię mieć treść od razu 😉
Teraz i tak jest już lepiej.

Krzysztof
Gość
Krzysztof
2 lat o temu

Możesz umieścić na stronie głównej w poszczególnych wpisach ilość komentarzy? Np w miejscu pod autorem wpisu a napisem cały wpis?

Edytowano 2 lat o temu by Krzysztof
Krzysztof
Gość
Krzysztof
2 lat o temu

Super, a jest możliwość umieszczenia jeszcze w tym miejscu daty i godziny ostatniego komentarza?

looolzx
Gość
looolzx
2 lat o temu

Grunt to się rozwijać!

pablo
Gość
pablo
2 lat o temu

Zaglądam tu bardziej dla treści niż wyglądu ale super że pracujesz tez nad formą podania:) Nie odpuszczaj:)

Zilu
Admin
2 lat o temu

Gratuluję, blog naprawdę szybko przybrał na sile w tak krótkim czasie, oby tak dalej 😉 wszystkie zmiany bardzo pozytywne!