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.
- Strona główna
- ← Teledyski i teksty, które zrzucą Was z krzeseł (poprzedni wpis)
- → Relacja z Dni Otwartych UJ 2008 (następny wpis)
16 marca 2008 o 13:45:24 | Link do tego komentarza
hmm… a podgląd notki przed jej opublikowaniem ? (w przypadku joggera oczywiście)
16 marca 2008 o 13:47:11 | Link do tego komentarza
@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 | Link do tego komentarza
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 | Link do tego komentarza
A nie wystarczy cały(e) blok(i) dać w tagi ‘ADMIN_BLOCK’?
16 marca 2008 o 13:52:49 | Link do tego komentarza
@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 | Link do tego komentarza
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 | Link do tego komentarza
@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 | Link do tego komentarza
@Radarek: Patrz komentarz #2.
30 kwietnia 2008 o 21:22:30 | Link do tego komentarza
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…