Pokazywanie postów oznaczonych etykietą Blogger. Pokaż wszystkie posty
Pokazywanie postów oznaczonych etykietą Blogger. Pokaż wszystkie posty

2009-03-24

Etykiety z różną wielkością liter

Każdy post może być oznaczony jedną lub kilkoma etykietami. Dzięki temu można łatwo dotrzeć do postów na dany temat. Standardowo dostępny gadżet wygląda tak:



Jest też dostępny gadżet o nazwie Dynamic Label/Tag Cloud Builder tyle, że nie mogłem go zmusić do poprawnej pracy. Raz, że wymagał on by na stronie obecny był podany wyżej gadżet, dwa, że jego wygląd nie za bardzo odpowiadał wybranemu szablonowi. Kluczem jest tutaj słówko cloud, tak to się właśnie nazywa.

Ostatecznie skorzystałem z rozwiązania dostępnego na tutaj. Nie ma co się dużo rozpisywać. Edytujemy szablon, podmieniamy co trzeba, zmieniamy atrybut title na bardziej polskie Etykiety i po sprawie. Teraz etykiety wyglądają tak:



Dodatkowo w szablonie odnajdujemy fragment:
.post img {
padding: 6px;
border-top: 1px solid #ddd;
border-$startSide: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-$endSide: 1px solid #c0c0c0;
}
I usuwamy informacje na temat border. Dzięki temu pozbywamy się ramek wokół obrazków.

Ciągle jednak pozostaje pomarańczowa ramka wokół obrazka. Do robienia zrzutów ekranu używałem dostępnego w Viscie Narzędzia wycinania i to ono dodawało mi te ramki. Aby się ich pozbyć w opcjach należy odznaczyć Pokaż pismo odręczne zaznaczenia po przechwyceniu wycinków. Naprawdę już głupiej tego nazwać nie mogli. Inna sprawa, że chciałem tutaj dać zrzut ekranu okienka opcji, niestety Narzędzia wycinania nie pozwala na uruchomienie drugiej instancji, więc zrzutu nie ma.

Dodano 2009-06-05

Niestety po zmianie szablonu coś się posypało, i tagi przestały się pokazywać. Wszelkie przywracania domyślnych szablonów nic nie dały. No to rozpocząłem poszukiwania alternatywy dla podanego tutaj widgetu. Jest on bardzo popularny, i chyba na 3 stronie wyników Google trafiłem na alternatywe.

Dodano 2010-07-07

Przerzuciłem się na zaktualizowany standardowy gadżet Etykiety.

2009-03-23

Podstawowe uwagi na temat edycji postów

Pisząc posta tak naprawdę korzystamy z edytora HTML-a, czyli możemy mieszać znaczniki HTML-a z tekstem. Z jednym wyjątkiem nie musimy korzystać z <br>, wszystkie znaki zakończenia linii są konwertowane automatycznie. Ma to swoje zalety i wady, jest z nich jest ingerencja w wklejany kod źródłowy, przez co skrypty taki kod formatujące mogą głupieć. Inna wada, to taka, że nie możemy dla lepszego odróżnienia znaczników od tekstu oddzielać ich pustymi liniami, albo zaczynać każdy znacznik od nowej linii, każde zakończenie linii zostanie skonwertowane na <br>. Tutaj zauważyłem jeszcze jedna dziwną rzecz, dodanie bloku <pre></pre> dodaje jakby <br> z przed i po bloku. Nie wiem, chwilowo co z tym zrobić. Jako że edytujemy kod HTML, nie możemy tak po prostu napisać <br>, musimy napisać &lt;br&gt;. Tutaj mamy dostępny konwerter, który załatwi to za nas. Tutaj mamy opisaną jeszcze ciekawsza alternatywe, które uzupełnia nasze okienko edycyjne o dodatkowy przycisk (zaznaczamy, klik i po sprawie). Po pewnym czasie pewnie każdego może poirytować fakt małej wielkości okienka edycyjnego. Można znaleźć wiele rozwiązań tego problemu. Ja wybrałem to. Całkiem wkurzającym ale chwilowo nie rozwiązanym problemem, jest to, że przejście do trybu podglądu postu i z powrotem do edycji nie ustawia nam kursora w poprzednim miejscu. Chyba najrozsądniejszym wyjściem byłoby edytowanie postów w jakimś zewnętrznym edytorze HTML-a. Podczas edycji postu możemy się przełączać pomiędzy edycją kodu HTML, a edycją WYSIWYG (no prawie). Na edytor HTML-a przełączamy się poprzez 'Edytuj kod HTML', zaś na edytor WYSIWYG poprzez 'Nowy post'. Chyba potrzebne jest dotłumaczenie paru szczegółów. :)