Po czym poznać, że liczba kategorii na blogu jest za mała? Niepokojąco rozrastająca się kategoria Inne. Postanowiłem dołożyć conieco (np. Dyrdymały, czyli takie moje „co by było gdyby”/mój punkt widzenia na pewne sprawy). Oprócz tego eksperymentuję z podkategoriami. Kategorię Telekomunikacja rozdzieliłem na 3 odrębne podkategorie w zależności od sposobu komunikacji. W ten sposób powinno być bardziej przejrzyście. Ostatecznie planuję dodać jeszcze 2–3 (pod)kategorie.
Druga sprawa to modyfikacja motywu WordPressowego. Najbardziej do gustu już dawno temu przypadł mi K2. Sporo osób go używa i modyfikuje. Postanowiłem spróbować dostosować K2 do swoich potrzeb.
Co zmieniłem?
- Format daty z miesiąc dzień, rok na dzień miesiąc rok.
- Dodanie obwódki wokół grafik.
- Zmodyfikowanie wyświetlanych informacji na temat wpisów i pozbycie się ikonki zegara (nie wiem dlaczego, ale mnie drażniła
).
Jedziemy po kolei:
Ad. 1.
Tutaj sprawa jest prosta. Nie trzeba „babrać się” w żadnych plikach. Przechodzimy do panelu administracyjnego WordPress i tam w Opcje. Domyślny format daty ustawiamy na j F Y. Proste, co?
Ad. 2.
Obwódki dodajemy za pomocą modyfikacji pliku style.css znajdującego się w katalogu wp-content/themes/k2. Sekcja img powinna wyglądać tak:
img {
border-style: solid;
border-color: #bbb;
border-width: 1px;
margin-left: 12px;
padding: 5px;
}
Niektóre obrazki z paska bocznego mogą zacząć dziwnie wyglądać (poprzesuwane w bok i/lub być z obwódką). Podczas wstawiania ich za pomocą <img src=„coś_tam.jpg”> dodajemy im dodatkowo style=„margin:0;padding:0;border:none”.
Jeżeli używacie Widgetu RSS, to od razu podpowiedź: Ikonka RSS będzie przesunięta i z pomarańczowym tłem. Aby się tego pozbyć, edytujemy plik widgets.php z katalogu wp-includes. W edytorze dajemy na szukanie ciągu background:orange;color:white;border:none. Dodajemy ;padding:0;margin:0.
Ad. 3.
Teraz najtrudniejsza część. Potrzebujemy 2 plików: style.css (tego samego co w Ad. 1) i theloop.php z wp-content/themes/k2. Sekcja .entry-meta powinna wyglądać tak:
.entry-meta { /* Time and category for blog entries */
font-size: 1em;
line-height: 1.6em;
display: block;
margin-top: 7px;
margin-left: 12px;
padding-left: 5px;
border-left-color: #bbb;
border-left-width: 1px;
border-left-style: solid;
color: #bbb;
}
a .meta-start (to tu jako tło wstawiana jest ikonka zegara) tak:
.meta-start {
}
Dzięki w/w modyfikacjom mamy po lewej stronie linię oddaloną od brzegu 12 pikseli, grubą na 1 piksel w kolorze tekstu.
Teraz czas na modyfikacje wyświetlanej informacji poniżej tytułu. W tym celu edytujemy plik theloop.php. Interesuje nas fragment kodu od linii 102 (<div class=„entry-meta”>) do linii 135 (</div> <!– .entry-meta –>). Ponieważ zmian jest trochę, pomyślałem, że najprościej będzie, jak zamieszczę gotowy plik txt. Wystarczy zmienić mu nazwę z theloop.txt na theloop.php i to wszystko. Przypominam, że plik theloop.php jest do wersji K2 RC4. Prawdopodobnie nie będzie działał z inną wersją.
Podobne wpisy:

2 Comments
Wszystko fajnie ale kiedy wreszcie zmienisz wygląd
code?właśnie zapożyczyłem sobie od kierownika theloop.php i widzę małe niedociągnięcia
zapomniałeś edytować odmiany słowa ‚komentarz’. Teraz mam — ‚7 komentarze’ itd.