Zmiany: nowy wygląd strony, forum, facebook

mdiyOk, nadszedł czas na małe zmiany. Znowu się nie udało, bo przebudowałem calutką stronę :) Na pierwszy ogień skórka strony, poprzednia wisiała już kilka ładnych latek i nie dość że już od dawna nie była aktualizowana, to pewnego dnia po prostu uznałem że jest zwyczajnie dziadoska…

Motyw
Nowy nazywa się Nirvana i myślę że jest duuuuużo lepiej. Dla Was jest ładnie i schludnie (no mam nadzieję! ;) ), dla mnie jest łatwa w konfiguracji i funkcjonalna. Szerokość strony to 1200 pikseli, więc na monitorach 1024pix się nie mieści, przepraszam, ale strona jest dostosowana do nowych standardów, obecnie nawet małe notebooki mają rozdzielczość przynajmniej 1366 pikseli. Wszystko starałem się dokładnie przetestować i sprawdzić przed upublicznieniem nowej wersji strony, ale wiadomo że mogą wyjść jakieś jaja, i pewnie wyjdą, z resztą prawa Murphyego istnieją nie bez przyczyny :) . Nowego motywu nie integrowałem z wtyczką multijęzykową, bo to dużo dodatkowej pracy, i taka modyfikacja jest nieodporna na aktualizacje, które ten motyw będzie w najbliższym czasie otrzymywał (obecna wersja 0.9.9 beta). We wszystkich wpisach trzeba było zmieniać kolory, wielkości i style niektórych czcionek, wielkości obrazków zamieszczonych w tekście, i formatowanie samego tekstu – niestety ręcznie bym nigdy tego nie skończył, dla tego wszystko zostało poprawione z automatu – masowe operacje na bazie danych. A co za tym idzie mogą być jakieś niedociągnięcia, jakieś niepozamykane tagi html, porozjeżdżany tekst, niedopasowane obrazki, tabele, i tym podobne kwiatki. Gdyby ktoś zauważył jakieś niedociągnięcia czy nawet literówki, śmiało dawać znać.

Forum i Serwer
Druga sprawa – ruszyłem w końcu 4 litery i naprawiłem forum które nie działało już od niemal dwóch lat, hehehe. Po niemałych bojach zaktualizowałem je do najnowszej wersji, a później się okazało że moduł który potrafi integrować wordpressa z phpbb… nie działa z tą wersją. A szkoda, baza danych użytowników, logowanie, itp byłoby wspólne na blogu i na forum. No nic, może kiedy indziej :) Jako że mam wykupiony najtańszy pakiet hostingu u mojego dostawcy, i php działa bardzo kulawo (strona którą właśnie oglądasz jest statyczna, z cache, więc działa w miarę płynnie), to dołożenie forum na phpbb3 (choć phpbb3 to jeden z najbardziej wydajniejszych skryptów) może nieco obciążyć moją tanią maszynę wirtualną i może być słabo – ale proszę nie bać żaby, jeśli forum będzie w miarę aktywnie odwiedzane, to zainwestuję w serwer – więcej hajsu z reklam pójdzie na utrzymanie strony, bo jak na razie to 10% idzie na serwer+domena, a 90% na k***y wódkę i lasery na usprawnianie mojego skromnego warsztatu i finansowanie tego wspaniałego hobby jakim jest elektronika. I tutaj mamy już trzecią kwestię za nami.

Facebook
Czwarta sprawa – dałem się namówić na założenie konta na facebooku dla mdiy.pl, i choć średnio ten serwis trawię, to myślę że pomoże ono (konto) jakoś zebrać do kupy osoby odwiedzające moją stronę, i pomóc w informowaniu ich o nowych wpisach – a tych ostatnio dodaję coraz więcej, w kategorii blog.

A co się stao z twitterem? Konto na twitterze to był niewypał, nazbierało się tam może zaledwie ze 100 osób z czego może z 15 faktycznie śledziło moje tłity… a po pewnym czasie w ogóle przestałem je dodawać. Wisiało bo wisiało. Po latach spokoju, pewnego dnia postanowili że zaczną mnie zalewać spamem w stylu „czy znasz może Bożydara Krzywkę, lub Ziemowita Peszlę?” Dwie minuty później, link do twittera i konto na nim przestały istnieć – dwa razy nie trzeba mnie namawiać :)

Tak więc w prawym sidebarze zagościł odnośnik do facebookowej strony mdiy.pl. Co będzie tam lądowało? Na pewno informacje o wszystkich nowych wpisach, aktualizacjach wpisów, i jakieś ważniejsze wydarzenia. Nie będę z tego konta robił jakiegoś chlewu także spokojnie. Oznacza to też że przy każdym wpisie pojawią się jak dotąd znienawidzone przeze mnie przyciski do polubienia i udostępnienia. Ale to raczej taki substytut listy mailingowej z których chyba już nikt nie korzysta, po za dizonaurami. Nie będzie sztucznych konkursów typu „polub mdiy.pl i wygraj nowy rezystor 0,25W” aby natłuc sobie więcej obserwujących, jeśli kogoś będzie interesowało to co publikuję, to zapraszam. Hmm chociaż jakieś rezystory mogę rozdać ;)

Reklamy
Jeśli korzystasz z adblocka to możesz ten akapit pominąć. W sumie jak korzystasz z adblocka to absolutnie nie mam nic przeciwko, nie będę spinał pośladów jak ktoś blokuje reklamy. Bo. Jak ktoś blokuje reklamy, to ma na tyle oleju w głowie że i tak w nie nie kliknie. A płacą za kliknięcia, a nie za to że wiszą i wyglądają, gorzej lub lepiej. A wyglądają chyba dobrze. Ładnie się komponują w stronę, i gabarytowo i kolorystycznie. Są odznaczone ramką, tak że wyraźnie widać co jest reklamą, tak aby nie było wątpliwości. Umieszczone w takich miejscach aby nie przeszkadzały i nie odwracały zbytnio uwagi. A na domiar tego, reklamy tylko i wyłącznie w formie tekstowej, w miarę możliwości dobrane tematycznie, to znaczy że gdy czytasz wpis o przetwornicach, to dostaniesz reklamy o przetwornicach ewentualnie innej elektronice, a nie o najświeższych ploteczkach i słodkich pieskach – choć czasem zdarzają się i takie. Nigdy tu nie było i nie będzie reklam obrazkowych, bo wiem jak bardzo odwracają uwagę, a do tego jest mniejszy wybór jeśli chodzi o dopasowanie tematyczne. Oczywiście, że przynoszą większy zysk, ale to nie jest strona robiona dla pieniędzy. Po prostu nie serwuję tego, czego sam nie chciałbym widzieć na innych stronach. Już nie wspomnę o reklamach nachalnych i uciążliwych, których w ogóle nienawidzę, to właśnie przez ten szajs powstał adblock, a potem płacz wydawców że ludzie blokują i nie dają zarobić. Serio?

Co jeszcze?
Teraz główna strona nie będzie zawierała powitania, a najnowsze wpisy. Proszę skorzystać z jakże ładnego menu na górze, aby dostać się do strony z powitaniem – jest tam trochę tekstu bo przeniosłem na tę stronę również informacje ze strony „info”, i jest tam też formularz kontaktowy. Będzie wszystko w jednym miejscu. W menu głównym są też odnośniki do dwóch głównych kategorii które dzielą moje wszystkie wpisy na dwie części: konstrukcje oraz blog. W konstrukcjach są same konstrukcje, a w blogu cała reszta wpisów, czyli poradniki recenzje i takie tam.

Działanie strony sprawdziłem na kilku przeglądarkach. Na Chrome i Operze wyświetla się bezbłędnie. Firefox ma problem z literkami diakrytycznymi języka polskiego czcionki której użyłem, nie pobiera ich i wyświetla je w jakiejś verdanie czy innej domyślnej czcionce, ale to akurat mały problem i myślę że da się go w miarę łatwo rozwiązać. Internet Explorer… cóż… może nie jest źle, ale wygląd sporo odbiega od tego co powinno być.

Jeśli czytasz ten tekst po polsku, to znaczy że nie interesuje Cię anglojęzyczna wersja forum. Ale o niej wspomnę. Liczyłem że będę miał czas i chęci aby tłumaczyć jak najwięcej artykułów na angielski, ale się przeliczyłem. Przetłumaczone są prawie wszystkie konstrukcje chyba od 2010 roku, i to by było na tyle. Żaden w wpis w kategorii blog nie jest przetłumaczony, niektóre strony statyczne także. Jest to dla mnie zbyt uciążliwe i czasochłonne. Nawet jeśli tłumaczenie to sprowadza się do przeklejena tekstu z translatora googla i naniesienia poprawek. Jeśli ktoś z Was się nudzi i czuje się na siłach do potłumaczenia paru rzeczy, nawet idąc na łatwiznę z translatorem, to może się do mnie odezwać – w zamian nie mogę zaoferować zbyt wiele ale może się jakoś dogadamy :)

Pod tym wpisem zostawiam otwarte komentarze, można hejtować. Konstruktywnie. A to czcionka za duża, a to za mała, a to kolor za bardzo mdły, a to za bardzo oczojebny. Nowy motyw jest bardzo pod tym względem konfigurowalny, więc bez problemu mogę takie rzeczy pozmieniać. A jak wszystko jest ok, to też daj znać, bo potrzebuje jakiegoś sprzężenia zwrotnego :)

Pozdrawiam.

…aktualizacja…
1. Wyświetlanie znaków diakrytycznych czcionek zostało poprawione, i na wszystkich 4 przeglądarkach działa poprawnie. Same czcionki mogą się delikatnie różnić na różnych przeglądarkach (grubość, odległość). Strona wygląda tak samo, jedynie na IE nagłówek ma inne wymiary. Zastosowany motyw nirvana korzysta z w miarę nowych dobrodziejstw przeglądarek, więc na starych niezaktualizowanych przeglądarkach może wyświetlać się dziwnie.

2. Przeglądarki mobilne nieco inaczej wyświetlają stronę. Menu główne jest rozwijane za pomocą dodatkowego przycisku, a prawy pasek boczny jest wyświetlany pod kolumną główną strony, i chyba jest to działanie zamierzone. Jeśli będzie to uciążliwe to poszukam jakiegoś rozwiązania dla przeglądarek mobilnych. Po za tym, czcionki, formatowanie, i układ treści wyświetla się dobrze.

3. Dodałem możliwość wstawienia obrazka do komentarza. Obrazki są hostowane na serwerze mdiy, i uploader powinien łykać jpg gif oraz png. Po wybraniu obrazka z dysku, uzupełnieniu pola komentarza i kliknięciu wyślij, pod tekstem pojawi się miniaturka która będzie odnośnikiem do pliku właściwego. Mechanizm nie zmniejsza ani w żaden sposób nie modyfikuje pliku, więc mając na uwadze dobro innych użytkowników, nie należy wrzucać zdjęć o przesadnie dużej rozdzielczości.

4. Funkcja dodawania obrazków do komentarzy sprawdza się dobrze, więc zostaje. Teraz obrazki będą się otwierały jako podgląd na zaciemnionym tle (tak jak obrazki we wpisach), a nie jak zwykłe odnośniki.

5.00 avg. rating (96% score) - 1 vote

19 komentarzy

  1. Odnośnie wyglądu, proponował bym zmienić tło na coś mniej białego (np. szare), aby lepiej się czytało większe ilości tekstu. Reszta bardzo pozytywnie.

    • Dzięki. Tło faktycznie strasznie białe, zapiszę do zmian :)

      Ok dałem na #f5f5f5, oczy faktycznie trochę lepiej sobie radzą.

    • Jeszcze co zauważyłem, to problem z czcionką (polskie litery) w tytułach sekcji artykułów.

    • Napisz z jakiej przeglądarki korzystasz. Na chrome i operze jest ok. Firefox i IE mają problem z czcionką. Czcionka tytułów to google font.

      Tu możesz przetestować czy diakrytyki się wyświetlają dobrze:
      https://www.google.com/fonts

      Problem jest znany i leży chyba po stronie tych przeglądarek:
      https://www.google.pl/search?q=google%20font%20in%20firefox

    • Używam Firefoxa. Wygląda to tak http://www.img.pl/zZrg

    • Tak, ja widziałem bo sprawdzałem na FF. Przeglądarka nie chce pobierać czcionek z serwera google. Zobaczę jutro co da się z tym zrobić.

    • Piotrze, chyba udało mi się wyeliminować problem czcionek. Wygląda na to że źle podlinkowałem te czcionki, dopisałem do każdej &subset=latin-ext i poszło. U mnie na FF ładują się bezbłędnie. Na IE prawie, co któreś odświeżenie ma kaprysy.

      Czy możesz potwierdzić?

    • Potwierdzam, wszystko wygląda ok.

  2. Zielona ikonka z prawej do FB nie działa.

  3. Co do tła zmienił bym jeszcze na ciut ciemniejsze ( mam wadę wzroku i strasznie męczy) a co do hostingu polecam http://www.linuxpl.com :)

    • Ok z tłem tekstu się jeszcze zastanowię, bo dobierałem to tło i ciemniejsze kolory jakoś tak brzydko wyglądały.

      Hosting myślę że mam dobry, jak za swoją cenę, i suchymi parametrami trochę przewyższa odpowiednik cenowy z linuxpl. Po prostu taki urok tanich ofert hostingowych na maszynie współdzielonej, mają najniższy priorytet dla czasu procesora, więc zmiana na równie tanią ofertę ale u innego dostawcy niewiele da :)

  4. Niestety forum dalej nie działa, a było tam kilka ciekawych informacji.

    • Musiałem je wyłączyć, bo po aktualizacji zdezaktywowały się dodatki odpowiedzialne za blokowanie spamu, i całe forum zostało zalane jakimś syfem. Muszę je posprzątać i doprowadzić do ładu.

      A co Cię konkretnie interesuje?

    • Cały temat o analizatorze logicznym

  5. A ja nie korzystam ani z pejsbuka ani tłita. Strony które mnie interesują sprawdzam czytnikiem RSS.
    Tutaj działa. I gitara

    • Ja też nie :) Ale ludzie korzystają, i taki FB już niedługo wyprze wszystkie inne formy komunikacji, o prywatności nawet już nie wspominając :(

      Co do RSS to przyznam szczerze że nigdy z tego nie korzystałem i nawet nie sprawdzałem czy prawidłowo to działa (kiedyś coś się krzaczyło) ale jak piszesz że działa to ok :)

  6. Gratuluję zdrowego podejścia do tematu reklam. Nie ma nic bardziej denerwującego jak zamykanie durnych okienek lub migające badziewie odwracające uwagę. Tu bardzo fajnie masz to zrobione, aż odblokowałem aby zobaczyć :) I chyba nawet spełniasz wymogi „przyjaznych reklam” wg wytycznych adblocka, możesz zgłosić swoją stronę aby dodali ją na białą listę.

    A nie myślałeś nigdy o donacjach? Na wielu forach to działa i ludzie chętnie przekazują choćby po jakieś 10zł na utrzymanie w zamian za brak reklam.

    • Hej, cieszę się że reklamy nie przeszkadzają, nie powinny. Ale zdaje się że oni mają dużo bardziej rygorystyczne podejście, reklamy chyba nie mogą być umieszczone w tekście przerywając czytanie. A po za tym to chyba nie jest do końca darmowe. Donacje były kiedyś kiedyś i się nie sprawdziły, więc je usunąłem i wstawiłem reklamy. A na forach są społeczności które się dobrze trzymają w kupie dla tego tam to działa, tutaj takiego czegoś nie ma.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Proszę pozostawić te dwa pola tak jak są: