Nowy theme do mojego WordPressa
Minęło wiele czasu od ostatniego postu. Wiele się wydarzyło, ponieważ zrobiłem nawet jakieś ciekawe fotki podczas majówki :P, potem zaczęły się nieprzyjemności na uczelni w postaci tak bardzo nielubianych zaliczeń i oczywiście sesji, ale generalnie jakoś poszło, a w międzyczasie powoli pracowałem nad nowym wyglądem strony i …
w końcu udało się coś stworzyć.
Pomysł
Projektując ten theme do WordPressa, który właśnie oglądasz (proszę jednak zerknąć na datę, bo od czasu publikacji tego postu “mogło się przelać wiele piwa”) miałem zamiar skonstruować coś prostego i przejrzystego, ale jednocześnie spełniającego pewne założenia, np WEB 2.0. Oczywiście od razu ktoś powie, że serwis WEB 2.0 to nie jego wygląd, a przede wszystkim możliwość ingerencji użytkownika czyli jego interaktywne działanie i będzie miał rację, ale przyjęło się już, że o samym wyglądzie aplikacji webowych też mówi się WEB 2.0. Dodam jeszcze, że theme nazwałem CleanJS.
Zastosowane technologie
Choć nigdy się nie zajmowałem skryptami JAVA na stronie to jednak tym razem postanowiłem dodać parę funkcjonalnych elementów, ale również kilka mniej efektywnych, a bardziej efektownych skryptów. Więc po kolei :
- Zintegrowana wyszukiwarka AJAX Better Than Live Search by Elliot Swan z własnymi efektami
- Zintegrowane AJAXowe dodawanie komentarzy - własne efekty
- Zintegrowany template strony Archiw SRG Clean Archives
- Zintegrowany template strony (Sitemap) generujący mapę strony, który w późniejszym terminie opublikuje również jako PLUGIN do WordPressa
- Zintegrowana technologia podmiany nagłówków na obiekty fleshowe sIFR
- Naprawa przeźroczystości obrazków PNG w Internet Explorer - pngfix
- CleanJS może być tłumaczony (domyślnie angielski, plik języka polskiego w pakiecie)
- CleanJS posiada możliwość edycji zawartości poprzez widgety (w sumie 8 miejsc z tego 3 przeznaczone głównie na reklamy, ale niekoniecznie)
- CleanJS posiada panel administracyjny z kilkoma opcjami
- Opcja zastąpienia domyślnego kanału RSS kanałem oferowanym przez FeedBurner z poziomu panelu administracyjnego
- Efekty
- Nawigacja na stronie poprzez łagodne przewijanie do odpowiednich miejsc
- Możliwość zwiększenia lub zmniejszenia rozmiaru czcionki
- Dodatkowa nawigacja pokazująca się dopiero po kliknięciu (kategorie + własne widgety)
- Zmiana wszystkich obrazków umieszczanych na stronie na przeźroczyste (po najechaniu kursorem są widoczne w 100%)
- Komentarze użytkowników są półprzeźroczyste
- Komentarze administratora są oznaczone specjalnym znacznikiem (ADMIN)
Bloki
Do treści można dodawać bloki pewnych klas, których przykłady poniżej:
przykład dla class=”information”
przykład dla class=”alert”
przykład dla class=”warning”
przykład dla class=”links”
przykład dla class=”download”
przykład dla class=”category”
przykład dla class=”code”
przykład dla class=”new”
przykład dla class=”note”
przykład dla znacznika code
przykład dla znacznika blockquote
Najważniejsza wiadomość
CleanJS już niedługo będzie za darmo dostępny dla wszystkich, a tak jak już wspomniałem w późniejszym terminie plugin generujący mapę strony.
Wspaniały pomysł i wykonanie
Dzięki wielkie, ciesze się, że już się komuś podoba.
jejku jaka sieka :0 IMO przeładowane bajerami. jak dla mnie trochę za ciemne. mio wszystko brawo za wykonanie.
heh …
no ma dość trochę bajerów, ale mam nadzieję, że zdobędzie pewną grupę zwolenników, poza tym część tych bajerów można z poziomu panelu wyłączyć.
Design jak dla mnie nie jest wcale taki “czysty” :/ Ma kilka wad: źle dobrałeś kolory (przykład: przyciski np. Zatwierdź pod dodawaniem nowego komentarza) , top jest naprawdę wstrętny, ogólnie za ciemno np. mój komentarz jest taki ciemny że z trudnością go czytasz :P, wszystko jakoś tak poukładane bez większego ładu. Co do bajerek to spoko, (mógł byś zrobić jeszcze płynne powiększanie/zmniejszanie czcionki - widziałem gdzieś taki skrypt :P). Reszta bez zarzutów - design ładny :].
Nie wiem co rozumiesz przez złe dobranie kolorów, uważasz, że zbyt duży kontrast jest tego przycisku w stosunku do tła, czy w ogóle nie pasuje? Przyciemnianie komentarzy już wywaliłem, bo chyba rzeczywiście średnio to pasowało, ale teraz już wg mnie są dobrze widoczne. Co do powiększania czcionek to miałem na początku wersję płynną, o której mówisz, niestety musiałem zrezygnować, bo to był jedyny efekt napisany na frameworku MooTools, a niestety gryzie się z Prototype i efektami Scriptaculous.
Będę jeszcze robił drugą, jasną wersję, może wtedy będzie lepiej.
Czekam na dalsze merytoryczne (jak to się teraz mówi) opinie.