16 marca 2008
Wprowadzanie zmian w wyglądzie blogów jest rzeczą trudną - zwłaszcza, jeśli zmiany mają połączenie z istniejącymi notkami.
Często ciężko jest ustalić, czy efekt dla przykładowych danych będzie taki sam po umieszczeniu na serwerze.
Jest jednak pewien sprytny sposób, by wprowadzać zmiany na żywo, lecz bez wglądu czytelników.
Określenie problemu
Załóżmy, że chcemy dodać przyciski, np. 
Wykop wpis. By sprawdzić, czy szablon dobrze parsuje nasz kod, musimy go opublikować. Jeśli mamy wysoką oglądalność, czytelnicy mogą zobaczyć wadliwie działające mechanizmy, a w najgorszym przypadku - zniszczony layout.
Oczywiście, możemy skopiować cały blog i sprawdzać dane na dedykowanej platformie. W praktyce jest to wysoce nieefektywne, w dodatku bardzo trudne np. w przypadku Joggera.
Solucja
Pomysł jest bardzo prosty i jeszcze bardziej skuteczny. Zamykamy wszystkie zmiany w klasie CSS, np. "hidden" i definiujemy ją następująco:
.hidden { display: none; }
To zagwarantuje, że zawartość znacznika oznaczonego tą klasą nie będzie widoczna dla czytelników.
By była widoczna dla nas, sięgamy po dodatek umożliwiający edycję kodu CSS wyświetlanej witryny, np. WebDeveloper (działa z Firefoxem, Flockiem i Seamonkey). Po instalacji przechodzimy na naszą witrynę i wybieramy Edit CSS z menu CSS:
Usuwamy definicję klasy hidden i już widzimy, jak wygląda nasz blog po zmianach.
Dodatkowo możemy na żywo edytować style CSS w panelu WebDevelopera.
Trzeba jednak pamiętać, by po dokonaniu zmian skopiować je na serwer i usunąć klasę hidden.
Chcesz być powiadamiany o nowych artykułach? Zapisz się do kanału RSS 
lub zasubskrybuj powiadomienia e-mailem!
16 marca 2008 o 13:45:24
hmm… a podgląd notki przed jej opublikowaniem ? (w przypadku joggera oczywiście)
16 marca 2008 o 13:47:11
@talen: Podgląd notki jest generowany na podstawie szablonu strony głównej wpisów, więc nie ma co marzyć o poprawnym generowaniu np. linka do publikowanego wpisu. Do tego nie masz możliwości wykorzystania znaczników joggerowych dla szablonu komentarzy.
16 marca 2008 o 13:49:29
to fakt :-)
Trzeba poprosić twórców Webdevelopera (lub Firebug’a), żeby dodali możliwość zapisywania plików css na serwer (lub przynajmniej trzymali te wyedytowane gdzieś na dysku). Bo po przypadkowym F5 jest czasem niesmak…
16 marca 2008 o 13:51:17
A nie wystarczy cały(e) blok(i) dać w tagi ‘ADMIN_BLOCK’?
16 marca 2008 o 13:52:49
@talen: Prawda, to jest w przypadku Webdevelopera bolesne, jak np. przełączy się między kartami w firefoxie – wtedy zmiany w CSS się kasują. Przydatne jest tu „Stick” (nad polem edycji CSS), ale to nie to, czego chcemy…
Przydałby się też edytor HTML na żywo wbudowany w tą wtyczkę, ale nie można mieć wszystkiego ;)
@pirveli: W pewnych sytuacjach wystarczy, ale co, jeśli chcesz np. wyedytować styl dla niezalogowanego użytkownika? Ja mam większość czytelników spoza Joggera jednak…
16 marca 2008 o 13:56:15
Wydaje mi się, że także można to podpiąć pod ADMIN_BLOCK, a później wkleić tam gdzie trzeba. Znając życie jest kilka sposobów i każdy dobry ;)
18 marca 2008 o 02:47:12
@talen i reszta, przecież jogger posiada funkcjonalność podglądu notki w kontekście layoutu bloga (w panelu admina).
18 marca 2008 o 03:56:28
@Radarek: Patrz komentarz #2.
30 kwietnia 2008 o 21:22:30
Bardzo ciekawy pomysł, zwłaszcza, że prosty i szybki w implementacji. Sam go wypróbuję przy następnych zmianach na serwisie. Aczkolwiek wszystko rozbija się o czas…
01 kwietnia 2009 o 13:50:35
A jak w podobny sposób proponujesz przeprowadzić instalację całego nowego layoutu?