Wszystko przebiegało bezproblemowo, poza jednym mankamentem – kodowanie bazy danych! Gdyby nie wtyczka WP Database Backup byłoby ciężko. Z tego miejsca chciałbym podziękować Maciejowi Miąsikowi za podzielenie się przepisem na modyfikację wp-db.php.

Przy okazji przenosin dokonałem reorganizacji mojej strony. Wydzieliłem portfolio do odrębnej domeny – od dzisiaj dostępne jest ono pod adresem: design.barczentewicz.com (tam też wiedzie link z menu głównego).

Może z okazji rocznicy Microsoft pogodzi się z CSS i przestanie się wykręcać sianem w kwestii kompatybilności? (Pobożne życzenia, he he…)

e-motional design consist many of digital creative professionals showcases from all over the world, showing their designs compared to our tastes, feelings and polish, easterneuropean’ romantic soul.

Zapraszam.

Przy tworzeniu strony dla Bartka Danowskiego pokazałem po raz kolejny, że z WordPress’em można zrobić prawie wszystko. Przy okazji tego projektu zmobilizowałem się też do wprowadzenia pewnych zmian na mojej własnej stronie (AJAX’owa wyszukiwarka).

A propos strony Bartka – mam nadzieję, że nawet najzagorzalsi zwolennicy, czy wręcz fanatycy Web 2.0, znajdą na tej stronie wszystko, co trzeba (włącznie z AJAX’em, no i oczywiście specyficzną, aczkowliek charakterystyczną, kolorystyką).

W związku z tymi nowościami zaktualizowałem oczywiście swoje Portfolio.

EDIT: Gdyby ktoś chciał wykorzystać moją implementację – zamieszczam pliki z instrukcjami co gdzie wkleić: link tutaj (ZIP, 2KB).

UWAGA: Trzeba oczywiście sobie samodzielnie wyedytować pliki theme’u, a plik general.js wrzucić do katalogu /js, będącego podkatalogiem katalogu WP. Tam też trzeba wrzucić wszystkie pliki z paczki script.aculo.us.

To jest deklaracja XML. Jej funkcją zadeklarowanie, że mamy doczynienia z dokumentem XML, określa także wersję XML. Może być także wykorzystana do określenia kodowania dokumentu. Ten element jest rekomendowany, ale nie wymagany przez W3C, głównie z powodu wstecznej kompatybilności, gdyż wiele starszych przeglądarek nie interpretuje poprawnie deklaracji XML. Może to powodować różne problemy: zamiast dokumentu wyświetli się jego składnia; dokument zostanie wyrenderowany jako drzewo XML; lub – w przypadku IE 6.0, dokument pozostanie w Quirks Mode, gdyż cokolwiek innego niż pusta spacja powyżej deklaracji DOCTYPE nie pozwoli na przejście IE 6.0 w Compliance Mode (w którym lepiej interpretowany jest XHTML i CSS).

Uwaga: Z powodu problemów z kompatybilnością przeglądarek przy interpretacji deklaracji XML, większość programistów i projektantów jej nie stosuje.

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

To jest deklaracja DOCTYPE. Deklaracje DOCTYPE, to instrukcje SGML, które określają typ dokumentu, zawierają informację gdzie opublikowana jest Document Type Definition (Definicja Typu Dokumentu – DTD) i przez kogo. Deklaracje DOCTYPE są wymagane w HTML 4.x i XHTML 1.x by dokument był z tymi standardami zgodny. Validatory wykorzystują tę deklarację do określenia DTD, do którego będzie porównywany dokument.

Uwaga: Deklaracja XML i deklaracja DOCTYPE tworzą razem prolog XML.

To jest tag otwierający nadrzędnego elementu HTML i atrybut przestrzeni nazw XML (XML namespace). W dokumentach HTML i XHTML, elementem nadrzędnym jest html. Oznacza to, że jest on najstarszym przodkiem: nie ma żadnych przodków, tylko dzieci i potomków. Atrybuty przestrzeni nazw opisują też jaki język lub języki składni zostały użyte do zbudowania dokumentu. Pomimo, że wiele validatorów validuje dokumenty XHTML bez atrybutu przestrzeni nazw, powinien on byc zawsze obecny.

Interesujące, że wielu projektantów i programistów jest nieświadomych tego, iż element html może być ostylowany, co jest szczególnie przydatne przy tworzeniu podpisu strony lub innych środków identyfikacji jak też i implementowaniu dziedziczonych styli z góry na dół drzewa.

Tag otwierający część head naszego dokumentu. head zawiera informacje na temat dokumentu, styli i skryptów. Jest to element wymagany w XHTML 1.x.

Element title zawiera tekst tytułowy, który wyświetlany jest na pasku tytułowym przeglądarki. Prawidłowo wpisany tekst tytułowy jest bardzo ważny, ponieważ wpływa na użyteczność (funkcjonalność), dostępność i SEO (Search Engine Optimization)

Uwaga: Element title jest wymagany w dokumentach HTML 4.x i XHTML 1.x.

Element link jest wykorzystywany tutaj by określić zewnętrzny arkusz CSS. Definiuje też: relację odnośnika przez atrybut rel, typ MIME jako text/css i definiuje media dla tego CSS’a jako wszystkie możliwe rodzaje (inne używane wartości to np. screen, handheld, print, tv etc.).

Element link jest tzw. pustym elementem lub elementem zastąpionym. Elementy puste nie zawierają tekstu i zwykle są przez coś zastępowane, jak np. img przez obrazek, br przez złamanie linii lub hr przez poziomą linię. Puste elementy są często określane jako samozamykające się ponieważ w XHTML muszą być zakańczane przez />, czyli np. <br />.

Uwaga: Spacja pomiędzy nazwą elementu a slash’em jest konwencją, nie wymogiem. Jest wykorzystywana do uzyskania wstecznej kompatybilności z niektórymi przeglądarkami jak Netscape 4.x.

Tag zamykający elementu head.

Uwaga: Element head składa się z tagu otwierającego, dzieci elementu i jego potomków, a także tagu zamykającego.

Tag otwierający elementu body. Wszystkie znajdujące się w nim elementy pojawią się w oknie przeglądarki (oczywiście o ile są do tego przeznaczone).

Nagłówek poziomu pierwszego

Strukturalny i semantyczny nagłówek (heading element). Element h1 jest najważniejszym nagłówkiem strony, najczęściej umieszcza się w nim jej nazwę, dodatkowo bardzo ważnym dla wyszukiwarek.

Akapit tekstu z względnym odnośnikiem
i odnośnikiem
absolutnym (bezwzględnym).

Nagłówki i akapity są uważane za nie-puste elementy ponieważ zawierają tekst. W XHTML nie-puste elementy muszą być zakończone tagiem zamykającym. HTML pozwala pewnym nie-pustym elementom na posiadanie jedynie tagu otwierającego (np. p lub li). Nagłówki i akapity są także dobrymi przykładami elementów blokowych.

Uwaga: Właściwości wyświetlania moga być modyyfikowane przez CSS. To dzięki temu np. możemy wykorzystać listy do tworzenia poziomej nawigacji.

Tag zamykający element body.

Tag zamykający nadrzędny element html.

Przede wszystkim – pełna obsługa polskich krzaczków, nawet przez AJAX’owe skrypty do komentarzy i opisów zdjęć, tudzież galerii. Głupio mi teraz narzekać na AJAXA (mimo tego, co napisałem wczoraj) – działa świentnie. Co nie zmienia faktu, że nie mogę wycofać moich zarzutów – co do działania na przeglądarkach nie obsługujących w pełni CSS i JS (np. dla niewidomych – no akurat galeria to zły przykład, ale wiadomo o co chodzi – czy na komórkach lub palmtopach).

Instalacja (wymagana podstawowa znajomość PHP!):

1. Ściągamy archiwum: http://www.barczentewicz.com/zenphoto by mb.zip
2. Rozpakowujemy archiwum i wrzucamy na serwer – od razu na początku mówię, że mogą pojawić się problemy ze ścieżkami plików – to zależy od waszego serwera – nie gwarantuję, że nie trzeba będzie wprowadzać zmian w kilku plikach (informacje potrzebne znajdziecie na forach zenphoto).
3. Odpalamy plik setup.php (w katalogu \zen\) i robimy co nam każą
4. Teraz modyfikujemy plik config.php i ustawiamy:
   • $conf['mod_rewrite'] = false;
   • $conf['image_size'] = 480;
   • $conf['thumb_crop_width'] = 80;
   • $conf['thumb_crop_height'] = 80;
   • $conf['albums_per_page'] = 9;
   • $conf['images_per_page'] = 20;
5. Logujemy się do panelu administracyjnego – /zen/admin.php – user: admin, hasło: 1234
6. W Options ustawiamy theme na Stopdesign

Uwaga: jeśli chcesz wykorzystywać moją modyfikację to musisz pzostawić informację Theme by Sjard Bleecken and Mikołaj Barczentewicz w stopce, wraz z linkami.

To by było chyba tyle.