WordPress 3.0 – ważniejsze nowości

• scalenie z wersją multiblogową (WordPress MU),
• nowy, domyślny szablon graficzny,
• system zarządzanie menu,
• własne typy wpisów i poprawione taksonomie,
• możliwość wybrania własnej nazwy i hasła dla administratora podczas instalacji,
• odświeżony, lżejszy panel administracyjny,
• pełna lista zmian i nowości.

WordPress 3.0 – video-prezentacja

WordPress 3.0 – Twoje wrażenia

Jakie jest Twoje zdanie o najnowszej wersji WordPressa?

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• WordPress 2.9.2 (komentarzy: 30)
• WordPress 3.0 – pierwsze informacje (komentarzy: 31)
• WordPress 2.9.1 (komentarzy: 15)
• WordPress 2.9 (komentarzy: 65)
• WordPress 2.8.6 (komentarzy: 10)
• WordPress 2.8.5 (komentarzy: 51)
• WordPress 2.8.4 (komentarzy: 45)

Ustawianie domyślnego awatara

Jeśli komentujący poda adres e-mail, który został zarejestrowany w serwisie Gravatar, to obok komentarza pojawi się wybrany przez niego obrazek. W przypadku gdy go nie poda lub adres taki nie został zarejestrowany wyświetli się obrazek nazywany domyślnym awatarem.

W panelu administracyjnym w zakładce „ustawienia” / „dyskusja” mamy możliwość wybrania jednej z sześciu propozycji wyglądu domyślnych awatarów. Pierwsze trzy są stałymi obrazkami, kolejne są generowane losowo:

Ustawianie domyślnego awatara

Niestety, brakuje opcji pozwalającej na wybranie własnego obrazka.

Rozszerzanie listy domyślnych awatarów

Cała operacja sprowadza się do zamieszczenia prostego kodu PHP w pliku functions.php aktualnie używanego szablonu graficznego:

add_filter('avatar_defaults', 'custom_avatar');
 
function custom_avatar ($avatars) {
   $custom_avatar_url = get_bloginfo('template_url').'/img/nazwa-pliku.gif';
   $custom_avatar_title = "Nazwa awatara";
   $avatars[$custom_avatar_url] = $custom_avatar_title;
   return $avatars;
}

• $custom_avatar_url
  Adres obrazka. W powyższym przykładzie obrazek nazywa się „nazwa-pliku.gif” i znajduje się w katalogu /img/ w aktualnie używanym szablonie graficznym.
• $custom_avatar_url
  Nazwa awatara. Zostanie ona wyświetlona w panelu administracyjnym, na stronie z wyborem domyślnego awatara.

Efektem takiej operacji będzie rozszerzenie listy domyślnych awatarów o naszą własną propozycję (ostatnia pozycja – „Pedobear”):

Ustawianie własnego, domyślnego awatara

Zastosowana metoda działa bez względu na to, czy wyświetlamy komentarze w tradycyjny sposób, czy za pomocą „nowego” systemu komentarzy.

Kolejność stron *

Wtyczka umożliwiająca ręczne ustawianie kolejności stron:
CMS Tree Page View

Po wgraniu i aktywowaniu wtyczki należy wejść w zakładkę „strony” / „cms tree page view”:

CMS Tree Page View

Obsługa jest bardzo prosta i intuicyjna – wystarczy chwycić za ikonę przy nazwie strony i przeciągnąć ją w odpowiednie miejsce. Wtyczka oferuje jeszcze parę przydatnych funkcji ale to pozostawiam do rozgryzienia we własnym zakresie.

Samo ustawienie stron może jednak nie wystarczyć. Należy jeszcze zajrzeć do kodu szablonu i sprawdzić parametry wywołania funkcji odpowiadającej za generowanie listy. Najpopularniejszą taką funkcją jest wp_list_pages:

<?php wp_list_pages('title_li=&sort_column=menu_order&sort_order=ASC'); ?>

Ważne aby parametr „sort_column” miał wartość „menu_order” a „sort_order” wartość „ASC”.

Kolejność kategorii

Wtyczka umożliwiająca ręczne ustawianie kolejności kategorii:
My Category Order

Po wgraniu i aktywowaniu wtyczki należy wejść w zakładkę „wpisy” / „my category order”:

My Category Order

Odnośniki ustawiamy przeciągając je w odpowiednie miejsce. Niestety wtyczka potrafi obsłużyć na raz tylko jeden poziom. – aby ustawić podkategorie należy z rozwijanej listy wybrać kategorię nadrzędną i kliknąć na „kolejność podkategorii”.

Aby odnośniki wyświetlały się na stronie w ustalonej kolejności należy jeszcze odszukać w kodzie szablonu odpowiedniej funkcji i sprawdzić jej parametry. W przypadku kategorii funkcją generującą listę jest wp_list_categories:

<?php wp_list_categories('title_li=&orderby=order&order=ASC'); ?>

Ważne aby parametr „orderby” miał wartość „order” a „order” wartość „ASC”.

Kolejność odnośników

Wtyczka umożliwiająca ręczne ustawianie kolejności odnośników:
My Link Order

Po wgraniu i aktywowaniu wtyczki należy wejść w zakładkę „odnośniki” / „my link order”:

My Link Order

Wtyczka o praktycznie identycznej funkcjonalności co ta do obsługi kategorii – ustawianie kolejności polega na przeciąganiu odnośników w odpowiednie miejsca. Przed przystąpieniem do działania należy wybrać kategorię odnośników.

Tutaj również należy sprawdzić kod szablonu. Funkcja odpowiadająca za generowanie listy odnośników to wp_list_bookmarks:

<?php wp_list_bookmarks('orderby=order&category_orderby=order&order=ASC'); ?>

Ważne aby parametry „orderby” i „category_orderby” miały wartość „order” a „order” wartość „ASC”.

Instalacja

Zapewne każdy zaprawiony w bojach fan WordPressa wie, że podczas instalacji mamy dwie możliwości podania danych dostępowych do bazy MySQL. Możemy:

• wpisać je od razu do pliku wp-config.php lub
• pozwolić aby zrobił to za nas skrypt instalacyjny.

Oczywiście obie metody są prawidłowe a wybór pomiędzy nimi to kwestia gustu i przyzwyczajenia. Sam lubię mieć wszystko pod kontrolą więc najczęściej wybieram sposób z ręcznym uzupełnianiem pliku konfiguracyjnego. Niestety, ten sposób nie działa idealnie na serwerach home.pl.

Przy próbie instalacji z ręcznie wprowadzonymi danymi, po podaniu nazwy bloga i adresu e-mail administratora, skrypt instalacyjny gubi poprawny adres czego efektem jest oczywiście błąd 404 jak na załączonym zrzucie ekranowym:

Skrypt instalacyjny gubi poprawny adres

Rozwiązanie problemu

Problem nie występuje w przypadku automatycznego tworzenia pliku konfiguracyjnego przez skrypt instalacyjny. Jeśli jednak ktoś, tak jak ja, uprze się przy ręcznym uzupełnianiu to w takim wypadku instalację należy rozpocząć podając bezpośredni adres instalatora:

http://nazwa-strony.pl/wp-admin/install.php

Korzystanie z panelu administratora

Podczas korzystania z panelu administratora w dosyć nieoczekiwanych momentach strona, na której się znajdujemy sama się przeładowuje wyświetlając jedynie biały ekran. Dzieje się tak głównie w kokpicie, co jest szczególnie frustrujące ponieważ jest to miejsce gdzie jesteśmy kierowani zaraz po zalogowaniu.

Przyglądając się nieco bliżej białej stronie, w pasku stanu przeglądarki znajdziemy informację:

Przesyłanie danych z home.hit.stat.pl…

Problem ze statystykami stat.pl

Rozwiązanie problemu

Należy w następujący sposób wyłączyć automatyczne dodawanie statystyk:

• zalogować się na home.pl,
• wybrać zakładkę „konfiguracja WWW” / „informacje ogólne”,
• odznaczyć opcję „dodaj automatycznie skrypt zliczający do serwisu …”.

Wyłączone statystyki stat.pl

Zmiana schematu odnośników

Zmieniając schemat bezpośrednich odnośników ze standardowego na przyjazny wyszukiwarkom odkryjemy, że WordPress niepotrzebnie wciska w adresy dodatkowe „index.php”:

Niepotrzebny "index.php" w adresie

Rozwiązanie problemu

Trzeba wprowadzić poprawkę do jednego pliku:

• otworzyć plik wp-includes/vars.php,
• zamienić linijkę:

  $is_apache = (strpos($_SERVER['SERVER_SOFTWARE'], 'Apache') !== false || strpos($_SERVER['SERVER_SOFTWARE'], 'LiteSpeed') !== false);

  na:

  $is_apache = (strstr($_SERVER['SERVER_SOFTWARE'], 'Apache') || strstr($_SERVER['SERVER_SOFTWARE'], 'LiteSpeed') || strstr($_SERVER['SERVER_SOFTWARE'], 'IdeaWebServer')) ? 1 : 0;

• zapisać raz jeszcze ustawienia bezpośrednich odnośników.

Wgrywanie plików

Przy próbie wgrania dowolnego pliku przez panel administracyjny pojawia się napis:

Brak tymczasowego folderu

Problem z wgrywaniem plików - "brak tymczasowego katalogu"

Rozwiązanie problemu

Należy utworzyć ten nieszczęsny tymczasowy katalog:

• w katalogu głównym stworzyć katalog o nazwie „tmp”.

Inne, nierozwiązane problemy

Podczas pracy na serwerach home.pl zaobserwowałem jeszcze dwa inne, drobne problemy co do których niestety nie znalazłem odpowiedniego rozwiązania. Nie występują one jednak często i raczej nie przeszkadzają w codziennej pracy. Są to m.in:

• Usuwanie wielu odnośników na raz

  Jedną z pierwszych czynności jakie wykonuje się zaraz po instalacji jest usunięcie automatycznie dodanych odnośników (zakładka „odnośniki”). Jeśli zdecydujemy się na usunięcie wszystkich na raz to otrzymamy poniższy błąd 500:

  500 Internal Error
  The server encountered an internal error and could not complete your request

  Jeśli wrócimy do panelu administracyjnego to okaże się, że pomimo wystąpienia błędu wszystkie odnośniki zostały poprawnie usunięte.

• Przenoszenie na stronę „wszystkie ustawienia”

  Podczas zmiany ustawień poszczególnych wtyczek lub samego WordPressa czasami jesteśmy przenoszeni do strony ze wszystkimi ustawieniami. Jest to specjalna strona, do której odnośnika nie znajdziemy w panelu administracyjnym:

  http://nazwa-strony.pl/wp-admin/options.php

  Jest to trochę dezorientujące ale da się przyzwyczaić.

Wasze problemy z serwerami home.pl

Zapraszam do dzielenia się za pośrednictwem komentarzy swoimi doświadczeniami odnośnie działania WordPressa na serwerach home.pl. Może udało Wam się wyłowić jeszcze jakieś inne problemy?

Szczególnie zainteresowani nią powinni być administratorzy, którzy udostępniają możliwość zakładania kont czytelnikom i jednocześnie korzystają z funkcji kosza. Poprawka likwiduje bowiem problem związany z uprawnieniami – jak się okazało, zalogowani użytkownicy mogli do tej pory podglądać cudze wpis, które zostały wyrzucone do kosza.

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• WordPress 2.9.1 (komentarzy: 15)
• WordPress 2.9 (komentarzy: 65)
• WordPress 3.0 (komentarzy: 44)
• WordPress 2.8.6 (komentarzy: 10)
• WordPress 2.8.5 (komentarzy: 51)
• WordPress 2.8.4 (komentarzy: 45)
• WordPress 2.8.3 (komentarzy: 24)

Podobna mi się ta strona wyświetlająca członków zespołu. Jak można coś takiego zrobić w WordPressie?

Krótko i konkretnie. Pytającemu chodziło o tę stronę, którą przygotowałem na potrzeby serwisu grupy Anomalium. Otóż, zalinkowana strona to nic innego jak wykaz autorów bloga :). Już tłumaczę, jak coś takiego stworzyć.

Najpierw – wtyczka

Potrzebujemy wpierw odpowiedniej wtyczki, która pozwoli nam na wgranie i przypisanie zdjęć do autorów. Nie będziemy tutaj pisać nic własnego, wykorzystamy za to rozwiązanie już gotowe. Wtyczka nazywa się User Photo i jest bajecznie prosta w użyciu. Instalujemy i wgrywamy zdjęcie autora poprzez panel jego profilu, a następnie na chwilę o wtyczce zapominamy, musimy bowiem napisać kod strony.

Szablon strony

Najpierw otwieramy plik page.php. Na samej górze, jeszcze przez funkcją get_header(); wklejamy coś takiego:

<?php
/*
Template Name: Nasi autorzy
*/
?>

Plik zapisujemy pod nazwą nasi-autorzy.php. Tym oto sposobem stworzyliśmy szablon strony, który podepniemy wkrótce pod stronę stworzoną przez panel WordPressa. Czas zająć się właściwym kodem do wyświetlenia autorów.

Wyświetlamy autorów

Zaraz poniżej funkcji the_content(); wyświetlającej zawartość naszej strony, którą to wpisujemy w czasie edycji strony z poziomu panelu administracyjnego WP, wklejamy pierwsze linie kodu:

<ul id='the_team'>
<?php
$wp_znajdz_uzytkownikow = $wpdb->get_results("SELECT * FROM $wpdb->users ORDER BY ID");

Tak oto otworzyliśmy składnię PHP (poprzez tag <?php), oraz stworzyliśmy zapytanie do bazy danych $wp_znajdz_uzytkownikow – wyszuka nam ono w bazie wszystkich użytkowników z odpowiedniej tabeli w bazie danych i uszereguje ich według identyfikatora liczbowego. Zwróćcie proszę uwagę na początkowy fragment <ul id='the_team'> – posłuży on później do dodania stylów CSS.

Jedziemy dalej, czas dla każdego użytkownika coś wyświetlić, musimy więc stworzyć pętlę.

foreach ( $wp_znajdz_uzytkownikow as $uzytkownikid ) {
$user_id       = (int) $uzytkownikid->ID;
$user_login    = stripslashes($uzytkownikid->user_login);
$display_name  = stripslashes($uzytkownikid->display_name);
 
$file = get_option('home') . '/';
$link = $file . '?author=' . $user_id;

Pętla foreach otworzona. W pętli przypisujemy kolejne zmienne, po kolei od pierwszego wiersza.

1. ID użytkownika.
2. Jego login.
3. Jego imię wyświetlane.
4. Zmienna $file pobiera link naszej strony z ostatnim slashem.
5. Zmienna $link przypisuje do wcześniejszego linka parametr ?author oraz ID użytkownika, dzięki czemu stworzymy linka do strony tego autora.

Pozostaje nam wyświetlić dane i zamknąć kod.

?><li><?php echo '<a href="' . $link . '" title="' . $display_name . '">';?><?php echo userphoto($user_id, '', '', array(style => 'width:100px;height:100px;'), get_template_directory_uri() . '/default-avatar.gif'); ?><br /><span><?php echo $display_name; ?></span></a></li>
<?php
}
?>
</ul>

Teraz wyjaśniamy. Funkcja userphoto(); to zmienna z naszej wcześniejszej wtyczki, wyświetla ona zdjęcie użytkownika w formacie 100×100 pixeli. Jeśli zdjęcia nie ma, ta sama funkcja za pomocą get_template_directory_uri() . '/default-avatar.gif' pobierze standardowe zdjęcie z folderu naszego szablonu. Dalej, <?php echo $display_name; ?> wyświetli nam nazwę użytkownika poniżej zdjęcia :). Na końcu jeszcze za pomocą nawiasu } zamykamy pętlę foreach i cały kod jest gotowy!

Stylujemy

Teraz tylko dodać style CSS:

#the_team {
margin:0px;
padding:0px;
list-style:none;
}
#the_team li {
display:block;
float:left !important;
padding:4px;
text-align:center;
}
#the_team li:hover {
background:#eee;
}
#the_team li a {
color:#444;
font-family:"Georgia",Times,serif;
font-style:italic;
}
#the_team li a:hover {
text-decoration:none;
}

Oczywiście dodajemy ten kod do naszego pliku style.css – i całość pięknie wygląda :). Teraz już tylko tworzymy w WordPressie nową stronę i przypisujemy jej odpowiedni szablon, a następnie cieszymy się pięknym wykazem naszych autorów.

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• Tworzymy dodatkowe pole w profilu użytkownika (komentarzy: 7)

Ponieważ każdy WordPress jest takim serwisem, warto zainteresować się wtyczkami, które pozwalają na wykorzystanie Facebook Connect.

WP-FacebookConnect

Takich wtyczek jest coraz więcej, ale mnie najbardziej przypadła do gustu ta o nazwie WP-FacebookConnect. Pokażę Wam, jak wykorzystać jego możliwości.

Instalacja i uruchomienie

Zaczynamy od standardowej procedury, jaką jest ściągnięcie wtyczki, zainstalowanie jej i uruchomienie. Po wszystkim przechodzimy na podstronę Ustawienia/Facebook Connect i zastajemy taki obraz.

Panel administracyjny wtyczki Facebook Connect

5-punktowa lista to krótka instrukcja zdobycia klucza API i „tajemnej” – dwóch linijek kodu, niezbędnych do uruchomienia wtyczki. Zaczynamy od przejścia na stronę Create Application; po wybraniu nazwy aplikacji zostajemy przerzuceni na jej stronę. Znajdują się tu oba kody, których potrzebujemy. Kopiujemy je do odpowiednich okienek w panelu wtyczki.

Strona aplikacji: klucz API i "tajemna"

Ważne okienka i adresy

Teraz pora na uzupełnienie kilku innych okienek. Wracamy do strony naszej aplikacji i uzupełniamy następujące pola:

• w zakładce Podstawowe/Adresy URL, które widzi użytkownik./Adres URL zakładki wpisujemy coś w rodzaju http://apps.facebook.com/naszanazwa/ – naszanazwa zastępujemy unikalną nazwą naszej aplikacji.
• w zakładce Strona ramowa/Required URLs/Adres URL strony ramowej podajemy tę samą unikalną nazwę naszej aplikacji, co w poprzednim punkcie.
• w zakładce Strona ramowa/Required URLs/Canvas Callback URL podajemy adres, pod którym aplikacja będzie mogła znaleźć potrzebne jej pliki. Akurat w przypadku tej wtyczki żadne pliki nie są potrzebne, ale adres i tak trzeba podać sugeruję coś w rodzaju http://wpninja.pl/facebook/ (koniecznie ze slashem na końcu).
• w zakładce Strona ramowa/Optional URLs/Post-Authorize Redirect URL podajemy ten sam adres, co w punkcie pierwszym (http://apps.facebook.com/naszanazwa/).
• w zakładce Połącz/Facebook Connect Settings/Connect URL podajemy adres naszego bloga.

To były zabiegi obowiązkowe. Jeśli ktoś ma za dużo wolnego czasu, może jeszcze zadbać o ikonkę, logo i opis aplikacji :)

Jeszcze o wtyczce

Ponownie wracamy do panelu administracyjnego naszej wtyczki. Zostały do ustawienia dwie opcje:

• Force Reload of Template Bundle from config.php (resets ID) – opisana poniżej
• Strip nofollow from Facebook comment author links – dotyczy atrybutu nofollow w linkach komentatorów, którzy skorzystają z Facebook Connect. Pozostawiam to Waszemu uznaniu.

Template Bundle

Jeśli ktoś doda komentarz do wpisu, korzystając z opcji logowania się via Facebook, zostanie zapytany o to, czy zechce opublikować informację o tym na swojej tablicy.

Standardowa informacja o nowym komentarzu na blogu

Jeśli jednak zaznaczymy Force Reload of Template Bundle from config.php i dokonamy w pliku config.php odpowiednich zmian, to zmiany tego komunikatu ogranicza jedynie nasza wyobraźnia (i wymóg, by nazwa autora komentarza zawsze znajdowała się na początku informacji). Plik znajduje się w katalogu wtyczki.

<?php
 
/* Controls whether the absolutely positioned "Welcome, username"
window is displayed.  If this is disabled you *must* place equivalent
information somewhere on your page.  */
define('FBC_USER_PROFILE_WINDOW', true);
 
define('FBC_ANONYMOUS_DISPLAYNAME', 'użytkowniku Facebooka');
 
// enable to turn on login state headers (for debugging)
define('FBC_DEBUG_LOGIN_HEADER', false);
 
/*
In each of the templates below, the first template is for a single
story and the second template is for an aggregated story.
*/
$fbc_one_line_stories = array(
'{*actor*} dodał(a) komentarz do wpisu "<a href="{*post-url*}">{*post-title*}</a>" na <a href="{*blog-url*}">blogu WPNinja</a>.',
'{*actor*} dodał(a) komentarz do wpisu na <a href="{*blog-url*}">blogu WPNinja</a>.'
);
 
$fbc_short_story_templates = array(
array('template_title' =>
'{*actor*} dodał(a) komentarz do wpisu "<a href="{*post-url*}">{*post-title*}</a>" na <a href="{*blog-url*}">WPNinja</a>.',
'template_body' => ''),
array('template_title' =>
'{*actor*} dodał(a) komentarz na <a href="{*blog-url*}">blogu WPNinja</a>.',
'template_body' => '')
);

Podrasowany komunikat o nowym komentarzu na Facebooku

Plik po moich zmianach. Pamiętajcie, że na początku zawsze musi być {*actor*}.

Komentarze i awatary

Aby dodać przycisk, dzięki któremu czytelnicy bloga będą mogli skorzystać z Facebook Connect, należy wkleić kod do pliku comments.php. Polecam układ, jaki zastosowałem u siebie na blogu – dzięki temu nawet zalogowani na blogu użytkownicy będą mogli przetestować wtyczkę.

<p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small>URL</small></label></p>
 
<?php endif; ?>
 
<?php do_action('fbc_display_login_button') ?>

Można jeszcze zadbać o lanserskie awatary (z logo Facebooka w prawym dolnym rogu). Kod to <?php echo get_avatar( $comment, 32 ); ?> – także wklejany do pliku comments.php.

Przydatne linki:

• WP-FBConnect na Facebook Developers
• Setting Up Facebook Connect for Wordpress na stronie Adama Brecklera

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• IntenseDebate w polskiej wersji językowej (komentarzy: 11)
• Wu-Pe-Chi Triki #2: Wyświetlamy komentarze na stronie głównej (komentarzy: 24)
• Wtyczka do Firefoksa ułatwiająca komentowanie (komentarzy: 19)
• WordPress 2.7: Nowy system komentarzy (komentarzy: 51)
• Zmiana podpisu w komentarzach (komentarzy: 7)
• Powiadamianie czytelników o nowych komentarzach (komentarzy: 13)

Scalenie z WordPress MU

Dla przypomnienia – MU to oznaczenie specjalnej wersji, dzięki której na jednej instalacji WordPressa można uruchomić wiele blogów. Właśnie na takiej wersji stoją serwisy b5media, Times LIVE Blogs czy The New York Times Blogs.

Korzystając z WordPress MU możemy także udostępnić możliwość założenia bloga każdemu użytkownikowi, który się zarejestruje. Czyli dokładnie tak jak Edublogs, MyBabyOurBaby i wiele innych a wśród nich chyba najpopularniejszy – WordPress.com.

Wracając do tematu – WordPress od wersji 3.0 będzie zintegrowany z wersją MU. Czyli de facto WordPress MU w obecnej formie przestanie istnieć a opcja multiblogowa będzie dostępna dla każdego posiadacza „zwykłego” WordPressa.

Oficjalne rozszerzenia

WordPress 3.0 będzie pierwszą wersją, do której stworzone zostaną tzw. „kanoniczne wtyczki”. Różnice pomiędzy nimi a zwykłymi wtyczkami świetnie przedstawił Grzegorz w artykule
„WordPress będzie miał oficjalne pluginy”.

Mówiąc krótko – będą to specjalne rozszerzenia ściśle powiązane z kodem WordPressa i współtworzone przez jego głównych programistów. Dzięki temu każda taka wtyczka będzie maksymalnie zgodna z najnowszą wersją skryptu, wydajna i bezpieczna.

Nowy, domyślny szablon graficzny

Zgodnie z zapowiedziami Matta Mullenwega wersja 3.0 będzie posiadała nowy, domyślnie ustawiony szablon graficzny. Obecny (Kubrick) towarzyszy WordPressowi od wersji 1.5 czyli od 17 lutego 2005 roku.

Nie wiadomo jednak jeszcze czy zostanie on zaprojektowany przez ludzi z Automattic czy może zostanie ogłoszony konkurs, w którym będzie mógł wziąć udział każdy a o ostatecznym wyborze zadecyduje społeczność, choć osobiście optuję za tym drugim.

Krótkie podsumowanie

Lista wszystkich zmian nie jest jeszcze do końca ustalona i każdy może zgłosić własną propozycję. Gdybym miał strzelać to postawiłbym na ulepszenie zarządzania stronami, bo mam dziwne uczucie, że na więcej po prostu zabraknie czasu.

Nie ma co liczyć na takie zmiany jakie towarzyszyły dwóm poprzednim wydaniom (WordPress 2.8 i WordPress 2.9). WordPress 3.0 będzie z pewnością rewolucyjny z programistycznego punktu widzenia (scalenie z wersją multiblogową i rozwój oficjalnych wtyczek), ale moim zdaniem zwykły użytkownik praktycznie nie odczuje żadnej różnicy.

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• WordPress 3.0 (komentarzy: 44)

Movable Type 5 vs. WordPress 2.7

Poniżej zrzuty ekranowe obu skryptów przedstawiające edycję wpisów:

Movable Type 5

WordPress 2.7

Hmmm… czyżbyśmy mieli zwycięzcę w konkursie „plagiat roku”?

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• WordPress 2.9.2 (komentarzy: 30)
• WordPress 2.9 (komentarzy: 65)
• WordPress 3.0 (komentarzy: 44)
• WordPress 2.8.6 (komentarzy: 10)
• WordPress 2.8.5 (komentarzy: 51)
• WordPress 2.8.4 (komentarzy: 45)
• WordPress 2.8.3 (komentarzy: 24)

WordPress 2.9 – ważniejsze (smakowitsze) nowości

Poniżej opisałem parę większych nowości jakie oferuje WordPress 2.9. Pełna lista zmian dostępna jest na encyklopedii WordPressa – Version 2.9.

• edycja wgranej grafiki

  W okienku edycyjnym wgranej grafiki pojawił się nowy odnośnik – edytuj obrazek. Za jego pomocą możemy dokonać paru podstawowych czynności na pliku graficznym – wykadrować, obrócić, odbić poziomo lub pionowo i przeskalować:

  

  Edycja wgranej grafiki

• ikona wpisu

  Każdy wpis i strona mogą mieć przydzieloną specjalną ikonę – plik graficzny. Opcję trzeba uprzednio aktywować poprzez dodanie do pliku functions.php:

  add_theme_support('post-thumbnails');

  Od tej pory podczas tworzenia wpisu lub strony będziemy mogli określić „ikonę wpisu”:

  

  Ikona wpisu

  Sam plik graficzny wyświetla się na stronie za pomocą funkcji the_post_thumbnail().

• dodatkowe opcje wyświetlania galerii

  Znacznik shortcode generujący galerię wgranych zdjęć ([gallery]) został rozszerzony o dwa atrybuty – include i exclude, dzięki którym można precyzyjnie określać jej zawartość.

• funkcja kosza

  Kosz to miejsce gdzie trafiać będą wszystkie usunięte wpisy, strony i komentarze. Będą one tam przechowywane przez 30 dni po czym zostaną definitywnie usunięte:

  

  Funkcja kosza

  Ilość dni na przechowywanie można edytować poprzez dodanie do pliku wp-config:

  define('EMPTY_TRASH_DAYS', ilosc-dni);

  Podanie „0″ całkowicie wyłączy funkcję kosza.

• masowa aktualizacja wtyczek

  Możliwość automatycznego zaktualizowania wszystkich wtyczek za pomocą jednego kliknięcia (zakładka narzędzia / aktualizacja):

  

  Masowa aktualizacja wtyczek

  Dodatkowo, przy każdej wtyczce wyświetlana jest informacja o stopniu kompatybilności z naszym WordPressem.

• łatwiejsze osadzanie zewnętrznych multimediów

  Wprowadzono obsługę oEmbed – standardu osadzania multimediów. Dzięki czemu wstawianie filmów z YouTube, Vimeo, DailyMotion, blip.tv czy zdjęć z Flickra polega jedynie na podaniu w treści wpisu odnośnika do danego elementu – WordPress automatycznie zbada link i wstawi odpowiedni kod HTML (lista obsługiwanych serwisów).

  Opcję automatycznego rozpoznawania można wyłączyć (ustawienia / media sekcja wstawianie treści) – wtedy aby wyświetlić element wystarczy zamieścić jego adres w znaczniku shortcode [embed]…[/embed]:

  

  Łatwiejsze osadzanie zewnętrznych multimediów

• naprawa i optymalizacja bazy danych

  Możliwość przeprowadzenia naprawy i optymalizacji bazy danych. Aby uruchomić procedurę należy dodać do wp-config.php:

  define('WP_ALLOW_REPAIR', true);

  Następnie trzeba wejść na stronę:
  http://adres-strony.pl/wp-admin/maint/repair.php

  

  Naprawa i optymalizacja bazy danych

  Po zakończeniu należy usunąć wpis z pliku wp-config.

• skracanie adresów poprzez wp.me

  Możliwość skrócenia odnośnika do wpisu bądź strony za pośrednictwem serwisu wp.me:

  

  Skracanie adresów poprzez wp.me

  Opcja działa tylko wtedy gdy mamy zainstalowaną wtyczkę WordPress.com stats plugin.

WordPress 2.9 – video-prezentacja

WordPress 2.9 – Twoje wrażenia

Jakie jest Twoje zdanie o najnowszej wersji WordPressa?

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• WordPress 2.9.2 (komentarzy: 30)
• WordPress 2.9.1 (komentarzy: 15)
• WordPress 3.0 (komentarzy: 44)
• WordPress 2.8.6 (komentarzy: 10)
• WordPress 2.8.5 (komentarzy: 51)
• WordPress 2.8.4 (komentarzy: 45)
• WordPress 2.8.3 (komentarzy: 24)

Narzędzie, którym się posłużymy

Słowem „shortcode” określa się specjalne znaczniki, które po umieszczeniu w treści wpisu generują odpowiednią mieszankę kodu HTML. Przykładowo:

• [gallery]
  wyświetla galerię zdjęć, które zostały dodane do wpisu,
• [ratings]
  wyświetla system ocen wpisu (WP-PostRatings),
• [poll id="2"]
  wyświetla ankietę o ID = 2 (WP-Polls),
• [youtube width="400" height="300"]eBGIQ7ZuuiU[/youtube]
  wyświetla określony film z serwisu YouTube o podanych rozmiarach (youtube with style).

Na chwilę obecną WordPress posiada tylko jeden standardowy shortcode – [gallery], reszta to już sprawka odpowiednich wtyczek. Nic nie stoi jednak na przeszkodzie aby stworzyć własny shortcode.

I wbrew pozorom nie jest to wcale trudne!

Efekt, który chcemy osiągnąć

Naszym zadaniem będzie stworzenie znacznika shortcode, który wstawiony w dowolnym miejscu treści wyświetli liczbę wszystkich opublikowanych wpisów i komentarzy.

Kawałek kodu PHP, który pobierze z bazy odpowiednie dane już mamy – wystarczy sięgnąć po artykuł Jak wyświetlić łączną ilość wpisów i komentarzy.

Aktualizacja (15.12.2009): Dzięki uprzejmości Grzegorza mamy poprawiony kod PHP.

Moglibyśmy tutaj wykorzystać jedną z wtyczek opisanych w artykule PHP we wpisach i widgetach i byłoby pozamiatane. Nam jednak zależy na trzech istotnych rzeczach:

• zapewnienie komfortu użytkowania,
• ograniczenie niebezpieczeństwa,
• unikanie kopiowania kodu.

To tyle jeśli chodzi o teorię. Teraz to co tygrysy lubią najbardziej czyli praktyka!

Własny shortcode – tworzenie

Poniższy kod dodajemy do pliku functions.php:

function pokaz_statystyki ($atrybuty) {
	extract (shortcode_atts (array('typ' => ''), $atrybuty));
	if ($typ == "ilosc-wpisow") {
		$posts_stats = wp_count_posts();
		$wynik = $posts_stats->publish;
	}
	elseif ($typ == "ilosc-komentarzy") {
		$comments_stats = wp_count_comments();
		$wynik = $comments_stats->approved;
	}
	return $wynik;
}
 
add_shortcode('statystyki', 'pokaz_statystyki');

Najważniejszy zapis znajduje się w ostatnim wierszu – za jego pośrednictwem został dodany shortcode o nazwie „statystyki”. Od teraz, za każdym razem gdy w treści wpisu pojawi się [statystyki] zostanie uruchomiona funkcja „pokaz_statystyki” (wiersze 1-14).

W wierszu 2. przejmowana jest wartość atrybutu „typ”. W wierszu 3. i 7. widać, że shortcode reaguje na dwie wartości atrybutu – „ilosc-wpisów” oraz „ilosc-komentarzy”. W zależności od tego jaki typ wybierzemy zostanie pobrana odpowiednia wartość z bazy danych.

Więcej o samym tworzeniu znaczników shortcode:

• Shortcode API w encyklopedii WordPressa (EN)
• Wordpress Shortcode API autorstwa Maćka Palmowskiego (PL).

Własny shortcode – korzystanie

Zgodnie z tym co stworzyliśmy powyżej możemy teraz w dowolnym miejscu w treści wpisu bądź strony zamieścić shortcode:

• [statystyki typ="ilosc-wpisow"]
  wyświetli ilość wszystkich opublikowanych wpisów,
• [statystyki typ="ilosc-komentarzy"]
  wyświetli ilość wszystkich zatwierdzonych komentarzy.

Koniec. Prawda, że nie było to zbyt trudne? :-)

Zachęcam do własnych eksperymentów z tą funkcjonalnością WordPressa – w razie problemów służę pomocą za pośrednictwem poniższych komentarzy.

Page Tagger – tagowanie przestaje być domeną wpisów

Po zainstalowaniu wtyczki „Page Tagger” w panelu edycyjnym stron pojawia się dodatkowa sekcja:

Page Tagger - dodawanie tagów do stron

Jak widać na powyższym zrzucie – nie tylko wygląda ona identycznie ale także posiada takie same funkcje jak w przypadku wpisów.

Wtyczka oferuje pełną integrację stron z systemem tagów. Oznacza to, że:

• przy tworzeniu strony możemy korzystać z listy użytych wcześniej tagów,
• listę przydzielonych tagów możemy wyświetlić na stronie za pomocą funkcji the_tags,
• tagi stron są uwzględniane przy wyświetlaniu chmury tagów (wp_ tag_ cloud),
• na stronach poszczególnych tagów oprócz wpisów znajdować się będą także strony.

Tak więc jeśli masz potrzebę dodawania tagów do stron to z czystym sumieniem polecam ww. wtyczkę. Zastosowałem ją w jednym z ostatnich projektów i byłem mile zaskoczony efektem.

Ustawienie polskiej wersji językowej

Aby ustawić polską wersję językową wystarczy jedynie:

• zalogować się na stronie IntenseDebate,
• wybrać z górnej zakładki „sites” stronę, na której chcemy wprowadzić zmianę,
• wybrać z bocznej zakładki „settings” / „account”,
• wybrać „Polish” z rozwijanej listy przy „Display my comments section in:”

Czyli dokładnie tak jak na poniższym zrzucie ekranowym:

Ustawienie polskiej wersji językowej w IntenseDebate

Komu to zawdzięczamy?

Polską wersję językową IntenseDebate przygotował Michał. Serdeczne dzięki! :-)

Przykład integracji IntenseDebate z WordPressem

Zachęcam do sprawdzenia działania IntenseDebate w akcji – świetnym przykładem jest tutaj blog Pawła, który zdecydował się na integrację już parę miesięcy temu.

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• Dodawanie komentarzy do wpisów za pośrednictwem konta na Facebooku (komentarzy: 26)
• Wu-Pe-Chi Triki #2: Wyświetlamy komentarze na stronie głównej (komentarzy: 24)
• Wtyczka do Firefoksa ułatwiająca komentowanie (komentarzy: 19)
• WordPress 2.7: Nowy system komentarzy (komentarzy: 51)
• IntenseDebate + WordPress (komentarzy: 23)
• Zmiana podpisu w komentarzach (komentarzy: 7)
• Rewolucja w systemie komentarzy WordPressa (komentarzy: 12)

Mam na portalu kilku autorów. Chciałbym wstawić do sidebara link do profilu danego autora na forum (które jest w subdomenie, oparte na SMF). Np autor X ma profil forum.domena.pl/X; autor Y, ma profil forum.domena.pl/Y itd. Jak mogę to zrobić?

Stwierdziłem, iż najłatwiej będzie stworzyć pole użytkownika – jednak nie takie przy wpisie, a takie przy profilu.

Załóżmy więc, iż każdemu z naszych autorów chcemy dać możliwość odpowiedzi na pytanie „jaki jest Twój ulubiony kolor”, chcąc przedstawić tę odpowiedź pod wpisem danego autora.

Trzeba nam będzie więc podjąć dwa kroki:

• stworzyć własną wtyczkę z rzędem odpowiednich funkcji,
• wstawić mały kod do pliku single.php.

Zaczynajmy więc!

Tworzymy wtyczkę

Pisanie wtyczki zaczyna się od stworzenia odpowiedniego pliku w folderze wp-content/plugins – plik nazwijmy „kolory.php”. Otwieramy go edytorem PHP i wstawiamy kod:

<?php
/*
Plugin Name: Kolory autora
Plugin URI: http://wpninja.pl
Description: Aby inwigilować autorów...
Author: Nathan
Version: 0.0.1
Author URI: http://usarzewicz.org
*/

Tak oto stworzyliśmy swoją własną wtyczkę do WordPressa – wtyczka działa, wyświetlana jest w panelu zarządzania wtyczkami, póki co jeszcze jednak nic nie robi. Aby zaczęła coś robić, musimy wstawić trzy funkcje.

Nasza wtyczka widoczna na ekranie wtyczek

Wstawiamy formularz do profilu użytkownika

Oto kolejne linijki kodu.

// Wstawiamy formularz
function kolory_formularz() // otwieramy funkcję
{
global $wpdb, $user_ID; // przypisujemy zmienne globalne
$kolory_odpowiedz = get_usermeta($user_ID,'kolory_odpowiedz',TRUE); // wyciągamy z bazy odpowiedź, jeśli użytkownik wcześniej jej udzielił
 
?>
<h3>Odpowiedz na poniższe pytanie</h3>
 
<table>
<tr>
<th><label for="kolory_odpowiedz">Jaki jest Twój ulubiony kolor</label></th>
<td><input type="text" name="kolory_odpowiedz" id="kolory_odpowiedz" value="<?php echo $kolory_odpowiedz; ?>" /></td>
</tr>
</table>
 
<?php
}

Powyższy kod wstawi nam do profilu użytkownika WordPressa dodatkowe pole tekstowe na samym dole, w którym będzie można udzielić odpowiedzi. Formularz ten jednak jeszcze się nie pokaże, bowiem brakuje ważnego fragmentu kodu, toteż nie odświeżajcie jeszcze strony ;).

Zapisujemy formularz

Teraz musimy zapisać odpowiedź, której udzielimy w nowym polu. Dane z profilu są już zapisywane przez gotowy skrypt wbudowany w WordPressa, który zapisuje standardowe pola użytkownika, naszym zadaniem jest się pod ten skrypt podpiąć poprzez akcję. Dokonamy tego już za chwilę, najpierw jednak utworzymy nową funkcję:

// Zapisujemy ustawienia
function kolory_formularz_zapisz()
{
global $wpdb, $user_ID; // ponownie wyciągamy zmienne globalne
 
if (preg_match('&profile.php&', $_SERVER['REQUEST_URI'])) {
$id = $user_ID;
}
elseif($_GET['user_id']) {
$id = $_GET['user_id'];
} // wyciągamy ID użytkownika
 
if($_POST['kolory_odpowiedz']) { update_usermeta($id ,'kolory_odpowiedz', $_POST['kolory_odpowiedz']);  } else { update_usermeta($id, 'kolory_odpowiedz', ''); } // ta linia zapisuje naszą odpowiedź
}

Ta oto funkcja zapisze odpowiedź na pytanie o kolor.

Wyciągamy odpowiedź z bazy i szlifujemy całość

Potrzebujemy jeszcze jednej funkcji.

// Wyciagamy odpowiedz z bazy
function kolory_odpowiedz($id = "")
{
global $wpdb, $user_ID;
$kolory_odpowiedz = get_usermeta($user_ID,'kolory_odpowiedz',TRUE);
return $kolory_odpowiedz;
}

Funkcja kolory_odpowiedz() za chwilę zostanie użyta to wyciągnięcia z bazy danych odpowiedzi. Ostatnie dwie linie kodu, które musimy wpisać to:

add_action('show_user_profile', 'kolory_formularz');
add_action('profile_update', 'kolory_formularz_zapisz');
 
?>

Pierwsza z tych linii wyświetli formularz w panelu użytkownika, druga zaś podepnie funkcję zapisywania odpowiedzi pod wbudowany skrypt WordPressa. Oczywiście na końcu zamykamy tag PHP i tym sposobem napisaliśmy wtyczkę.

Dodatkowe pole widoczne w profilu

Wyświetlamy dane na stronie wpisu

Teraz pozostaje nam otworzyć plik single.php i w zasięgu pętli (the_loop()) wyświetlić odpowiedź autora na nasze pytanie. Wybieramy miejsce, które nas interesuje i wstawiamy kod:

<?php if ( kolory_odpowiedz(get_the_author_id()) != null ) : ?>Ulubiony kolor autora to: <strong><?php echo kolory_odpowiedz(get_the_author_id()); ?></strong><?php endif; ?>

I tym sposobem wszystko działa tak, jak trzeba. Funkcja get_the_author_id() wyciąga z bazy ID autora, które jest przekazywane do naszych funkcji we wtyczce, które dalej wyciągają odpowiednią wartość z bazy danych, w tym przypadku odpowiedź na pytanie o kolor ;). Jeśli zaś autor odpowiedzi nie podał i pole jest puste, nic nie zostanie wyświetlone.

Odpowiedź widoczna przy wpisie

Podsumowanie

Dzięki powyższej wiedzy bez problemu będziecie mogli stworzyć własne pola użytkownika, dzięki którym wyświetlicie np. linki do Blipa, Flakera czy Twittera, czy całej masy innych serwisów, a przecież nie muszą to być koniecznie linki.

Jeśli poradnik wam się spodobał, wesprzyjcie studenta dotacją, bo Wrocław drogie miasto, a studia jeszcze droższe :).

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• Wyświetlamy wszystkich autorów naszego bloga (komentarzy: 15)

Przepraszam za opóźnienie ale akurat kilka godzin wcześniej wyjechałem i dopiero co wróciłem (-:

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• WordPress 2.8.5 (komentarzy: 51)
• WordPress 2.8.4 (komentarzy: 45)
• WordPress 2.8.3 (komentarzy: 24)
• WordPress 2.8.2 (komentarzy: 31)
• WordPress 2.8.1 (komentarzy: 23)
• WordPress 2.8 (komentarzy: 79)
• WordPress 3.0 (komentarzy: 44)

Główne zmiany w stosunku do poprzedniej wersji

• poprawienie zabezpieczeń systemu trackaback przez atakami typu DoS,
• usunięcie z niektórych miejsc kodu PHP funkcji eval (funkcja obniża ogólną wydajność i powoduje niepotrzebne luki w bezpieczeństwie),
• wprowadzenie dodatkowego zabezpieczenia polegającego na uniemożliwieniu wgrywania przez administratorów plików z rozszerzeniem .php,
• usunięcie dwóch przestarzałych funkcji importu (Bunny’s Technorati Tags i Jerome’s Keywords),
• usunięcie standardowego zaznaczenia opcji „chcę aby mój blog był dostępny dla robotów wyszukiwarek”, które pokazuje się w ostatnim etapie instalacji,
• usunięcie wsparcia językowego dla standardowej skórki – jeśli Wacław czegoś nie wymyśli to tuż po instalacji nowego WordPressa przywita nas nieprzetłumaczony szablon.

Nadciąga kolejna aktualizacja, tym razem duża

Radzę przygotować już się na kolejną aktualizację – niedługo pojawi się WordPress 2.9. Jest niby zapowiedziany na 31 października ale wątpię żeby nie obyło się bez przesunięć.

Już niedługo zapraszam na specjalny raport dotyczący smakowitych nowości :-).

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• WordPress 2.8.6 (komentarzy: 10)
• WordPress 2.8.4 (komentarzy: 45)
• WordPress 2.8.3 (komentarzy: 24)
• WordPress 2.8.2 (komentarzy: 31)
• WordPress 2.8.1 (komentarzy: 23)
• WordPress 2.8 (komentarzy: 79)
• WordPress 3.0 (komentarzy: 44)

Standardowy formularz logowania / rejestracji

Dla przypomnienia – standardowy formularz logowania wygląda następująco:

WordPress - standardowy formularz logowania

Naszym zadaniem jest podmiana WP-owego logo na nasze w taki sposób aby:

• nie obciążać WordPressa niepotrzebnymi wtyczkami,
• nie trzeba było aktualizować odpowiednich plików po każdej aktualizacji skryptu,
• zbytnio się nie namęczyć :-).

Krok 1: Przygotowanie pliku graficznego:

Nowe logo powinno mieć wymiary pokrywające się ze starym czyli maksymalnie 310×70 pikseli. Nic nie stoi na przeszkodzie jednak abyśmy dali obrazek o mniejszych rozmiarach ponieważ zostanie od automatycznie wycentrowany.

Przygotowany plik wgrywamy na serwer do katalogu z używanym szablonem graficznym. Załóżmy, że nazwiemy go „login-logo.gif”.

Krok 2: Tworzymy plik CSS:

Tworzymy plik login.css i umieszczamy go w katalogu szablonu graficznego. W treści natomiast wpisujemy:

h1 a {
background: url(login-logo.gif) no-repeat top center;
}

Plik posłuży nam do podmiany standardowego logo na nowe.

Krok 3: Dodajemy trochę magii:

Otwieramy plik functions.php (katalog z używanym szablonem graficznym) i uzupełniamy go o poniższy kawałek kodu:

function new_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_option('siteurl') .'/wp-content/themes/'. get_option('template') .'/login.css" />'."\n";
}
 
add_action('login_head', 'new_login');

Dzięki niemu na stronach logowania i rejestracji wczytany zostanie dodatkowy plik CSS, który utworzyliśmy w poprzednim kroku.

Krok bonusowy: Podmieniamy adres odnośnika:

W komentarzach daliście znać, że interesowałaby Was również opcja podmiana adresu odnośnika. Aby to zrobić trzeba dopisać dodatkowo do pliku functions.php poniższy kod:

function new_login_headerurl($url) {
return get_bloginfo('siteurl');
}
 
add_filter("login_headerurl","new_login_headerurl");
 
function new_login_headertitle($message) {
return get_bloginfo('name');
}
 
add_filter("login_headertitle","new_login_headertitle");

Prawda, że nie było trudne? Odważne osoby, które nie boją się zaprezentować efektów swojej pracy zapraszam do komentarzy :-).

„Miszczu Wu-Pe-Chi z Doliny Mat Ta Sana, ja, Lao Pan, władca Królestwa Toczących Się Wozów z Trzema Strzałami w Osiach, rady zasięgnąć pragnę. Gdy w polu użytkownika na królewskim blogu adresu do płótna nie podam, obramowanie wciąż widocznym jest – jak temu zaradzić, wielki miszczu?”

Spojrzawszy na wiatr szumiący w górze, do Piotra Sana się zwróciłem.

- Pójdź czym prędzej do świątyni, papier, pióro i atrament pochwyć, po czym wróć tu do mnie, bym Lao Panowi odpowiedzi mógł udzielić niezwłocznie.

Jak powiedziałem, tak Piotr San uczynił…

Puste VS Pełne

Nie zawsze można zagwarantować, iż pole użytkownika będzie pełne, tj. będzie posiadało treść. Czasem treści zabraknie, lecz jeśli treścią tą dla przykładu ma być adres do obrazka, jak w przypadku problemu Lao Pana, kod html odpowiadający za wyświetlanie obrazka nadal zostanie – mówimy tutaj o znaczniku IMG. Jak temu zaradzić? Otóż wykorzystamy tutaj instrukcję warunkową IF.

Oczywiście wszystkie następujące czynności wykonujemy w pętli. Wpierw, musimy wyciągnąć samo pole użytkownika i zapisać je do zmiennej.

<?php $obrazek = get_post_meta($post->ID, "obrazek", true); ?>

Treść z pola użytkownika znajduje się już w zmiennej $obrazek, teraz tworzmy instrukcję warunkową.

<?php if ( $obrazek != null ) : ?>
<img src="<?php echo $obrazek; ?>" alt="Obrazek" />
<?php endif; ?>

Fragment != null sprawdza, czy pole nie jest puste (zwracam uwagę na formułę „nie jest puste”). Jeśli w danym polu wpisaliśmy treść, sprawdzanie zwróci wartość TRUE i wyświetli kod HTML, tym samym wyświetli nam obrazek. Jeśli pole było puste, nic nie zostanie wyświetlone. Ot i cała filozofia, aż dziwne, że wiele osób ma z tym zagadnieniem problemy :).

Oto droga Wu-Pe-Chi, prosta, choć wydawać by się mogło inaczej. Jeśli opowieść ta przydatną dla Ciebie była, nie omieszkaj wrzucić czegoś do mieszka, albowiem Tao w pozytywnych energiach Ci to wynagrodzi (no i wesprzesz studenta zbierającego na studia).

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• „Własne pola” w treści wpisu (komentarzy: 16)
• Miniatury w locie czyli phpThumb() w akcji (komentarzy: 47)
• Pola użytkownika, czyli Custom Fields (komentarzy: 32)

Krok 1: Pobierz najnowszą wersję skryptu

Wejdź na oficjalną stronę skryptu i klikając na przycisk „download now!” pobierz najnowszą wersję. Ściągnięte archiwum rozpakuj.

Krok 2: Wybierz odpowiedni font

Font, który sobie upatrzyłeś powinien spełnić dwa warunki:

• być w formacie TrueType (czyli z rozszerzeniem .ttf),
• obsługiwać polskie ogonki (ą, ę, ń…).

Wybrany plik fonta umieść w rozpakowanym katalogu /facelift-x.x/fonts/.

Krok 3: Dodaj obsługę nowego fonta

Otwórz plik config-flir.php i w okolicach 40 wiersza znajdź poniższy kod:

$fonts = array();

Tuż za nim dodaj:

$fonts['krotka-nazwa'] = 'nazwa-pliku-z-fontem.ttf';

Gdzie „krotka-nazwa” będzie skrótem, za pomocą którego będziemy identyfikowali fonta. „nazwa-pliku-z-fontem.ttf” to nic innego jak nazwa pliku.

Dodawanie nowego fonta

Krok 4: Wgraj łatkę dla Internet Explorera

IE ma dziwną tendencję do niewyświetlania prawidłowo polskich ogonków. Aby usunąć problem powinieneś otworzyć plik flir.js, odszukać następującą linijkę:

enc_text = encodeURIComponent(enc_text.replace(/&/g, '{amp}').replace(/\+/g, '{plus}'));

i zaraz po niej dodać:

if(FLIR.isCraptastic) enc_text = escape(enc_text);

Poprawka dla Internet Explorera

Krok 5: Przegraj pliki na serwer

Zmień nazwę folderu na facelift i przegraj na serwer, np. do katalogu /js/, który znajdować się będzie w katalogu używanego szablonu graficznego. Ścieżka do pliku flir.php powinna wtedy wyglądać następująco:

(...)/wp-content/themes/nazwa-twojego-szablonu/js/facelift/flir.php

Podkatalogowi /cache/ nadaj prawa do swobodnego zarządzania (chmod 777).

Krok 6: Dodaj odwołanie do pliku JavaScript

Otwórz plik footer.php, który znajduje się w katalogu szablonu graficznego i tuż przez znacznikiem </body> dodaj odwołanie do pliku JavaScript FLIR-a:

• jeśli korzystasz z jQuery:

  1 2 3 4 5

  <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/facelift/flir.js"></script> <script type="text/javascript"> FLIR.init( { path: '<?php bloginfo('template_url'); ?>/js/facelift/' } ); jQuery('#content h2').each( function() { FLIR.replace(this, new FLIRStyle({cFont:'dineng'})); } ); </script>

• jeśli nie korzystasz z jQuery:

  1 2 3 4 5

  <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/facelift/flir.js"></script> <script type="text/javascript"> FLIR.init( { path: '<?php bloginfo('template_url'); ?>/js/facelift/' } ); FLIR.replace( '#content h2' , new FLIRStyle({cFont:'dineng'}) ); </script>

Krótkie wyjaśnienie powyższego kodu:

• linijka 1: ładowanie plik JavaScript FLIR-a – powinieneś zwrócić uwagę na podanie poprawnej ścieżki (w powyższym przykładzie założyłem, że zamieściłeś FLIR-a w miejscu podanym w punkcie 5.);
• linijka 2 i 5: otwarcie i zamknięcie znacznika JavaScript;
• linijka 3: zainicjowanie FLIR-a – podobnie jak w przypadku 1. linijki powinieneś mieć baczenie na zachowanie poprawnej ścieżki;
• linijka 4: wskazanie, które elementy mają być zamienione – jak widać ja wskazałem na H2, który znajduje się u mnie w bloku #content – najprawdopodobniej Ty będziesz musiał wskazać co innego; linijka ta zawiera także informację o tym jakiego fonta chcesz użyć (dineng) – jest to właśnie ta „krotka-nazwa” z punktu 3.

Krok 7: Dodaj style CSS do elementu

W tym momencie możesz już wszystko zapisać i odświeżyć stronę. Jeśli wszystkie powyższe kroki wykonałeś poprawnie to gratulacje – masz graficzne zamienniki dla tekstów. Teraz wystarczy otworzyć plik ze stylami CSS i dodać odpowiednie wartości dla wybranych elementów.

Porównanie: przed i po

Przed zastosowaniem FLIR-a - zwykły tekst

Po zastosowaniem FLIR-a - graficzny nagłówek

Jeśli masz jakieś pytania lub chciałbyś pochwalić się swoim dziełem – zapraszam do komentarzy.

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• FLIR czyli sposób na dowolny krój pisma (komentarzy: 20)

Zdalne resetowanie hasła administratora

Usunięty problem umożliwiał, poprzez specjalnie przygotowany adres URL, zdalne resetowania hasła pierwszego użytkownika zapisanego w tabeli wp_users (najczęściej jest to konto administratora).

Hasła na szczęście nie dało się uzyskać ponieważ przychodziło ono tylko na adres e-mail nieszczęsnego użytkownika.

Szybka aktualizacja

Jeśli komuś nie chce się aktualizować całego WordPressa wystarczy, że z najnowszej paczki podmieni tylko dwa poniższe pliki:

• ./wp-login.php
• ./wp-includes/version.php

Czy komuś oprócz ^futomaki WordPress sam przesłał ostatnio nowe hasło?

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• WordPress 2.8.6 (komentarzy: 10)
• WordPress 2.8.5 (komentarzy: 51)
• WordPress 2.8.3 (komentarzy: 24)
• WordPress 2.8.2 (komentarzy: 31)
• WordPress 2.8.1 (komentarzy: 23)
• WordPress 2.8 (komentarzy: 79)
• WordPress 3.0 (komentarzy: 44)

Poświęć 5 minut i poznaj wtyczkę, dzięki której Twoje życie stanie się duuużo prostsze. A wtyczka to…

WP Status Notifier

Wtyczka WP Status Notifier potrafi zdziałać następujące cuda:

• informować administratora o nowym wpisie oczekującym na przegląd,
• informować autorów, że ich wpis został zaakceptowany (opublikowany),
• informować autorów, że ich wpis nie został zaakceptowany (powrócił do szkiców).

Panel zarządzania wtyczką (ustawienia / status notifications) prezentuje się następująco:

Panel zarządzania wtyczką WP Status Notifier

Dzięki wtyczce korzystają wszyscy:

• administrator
  nie musi już logować się do panela administratora i wchodzić w specjalną zakładkę (tak, tego nie ma nawet w kokpicie) ponieważ dostaje specjalnego maila w sekundę po zmianie statusu ze „szkicu” na „oczekujący na przegląd”
• autor wpisu
  nie musi co pięć minut sprawdzać czy jego wpis został już zatwierdzony ponieważ w momencie publikacji także dostaje specjalnego maila
• czytelnik
  nie musi tyle czekać na nowy artykuł

Wtyczki używam już od przeszło miesiąca i bardzo sobie ją chwalę. W przeszłości zdarzały się kłopotliwe sytuacje gdy o oczekującym wpisie dowiadywałem się dopiero po tygodniu…

Teraz, gdy Nathan, Adam lub Łukasz skrobną coś nowego od razu o tym wiem:

Mailowe powiadomienie o nowym wpisie, który czeka na przegląd

Teraz śpię spokojniej :-).

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• Powiadamianie czytelników o nowych komentarzach (komentarzy: 13)

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• WordPress 2.8.6 (komentarzy: 10)
• WordPress 2.8.5 (komentarzy: 51)
• WordPress 2.8.4 (komentarzy: 45)
• WordPress 2.8.2 (komentarzy: 31)
• WordPress 2.8.1 (komentarzy: 23)
• WordPress 2.8 (komentarzy: 79)
• WordPress 3.0 (komentarzy: 44)

- Miszczu, miałem wizję! Wielką stronę widziałem, wielu czytelników miałem, wiele srebrników zarabiałem, lecz… Lecz miszczu, w wizji tej komentarze na stronie głównej wyświetlane były… jakże to tak, miszczu? Księgi wiedzy mówią, iż niemożliwym jest to.

Słońce zaszło już za horyzont, a na niebie zabłysły pierwsze gwiazdy. Odpowiedziałem:

- Rację w nieracji masz, Piotrze Sanie, bo choć księgi w wiedzę bogate, to mądrości w nich brak. Ucisz swą mowę, a mądrość swą Ci przekażę…

Rzecz z pozoru tajemna, niczym droga Wu-Pe-Chi prostą jest, polega bowiem na wpisaniu dosłownie czterech linijek kodu do zaledwie dwóch plików, bowiem index.php w racji skryptów ujętych w rdzeniu WordPressa nie pozwala na wyświetlenie komentarzy poza plikami single.php oraz page.php. Musimy więc wyedytować dwa pliki, a pierwszym z nich jest właśnie index.php, którego otwieramy.

Na samej górze zobaczmy fragment:

<?php get_header(); ?>

Dokładnie pod tym fragmentem wklejamy tenże kod:

<?php $withcomments = 1; ?>

A następnie w pętli (the_loop()), a dokładniej przed jej końcem trzeba nam jeszcze umieścić funkcję odpowiedzialną za wyświetlanie komentarzy, wyglądać to będzie więc tak:

<?php comments_template(); endwhile; ?>

Pamiętajcie, iż to endwhile; już znajduje się w pętli, jest to właśnie instrukcja ja kończąca, nie wklejajcie jej po raz drugi. I na tym kończymy pierwszy etap pracy, bowiem komentarze są już wyświetlane na stronie głównej. Niestety, razem z formularzem do dodawania nowych komentarzy, toteż osoby, które nie chcą formularza wyświetlać, są zmuszone dodatkowo popracować.

Trzeba nam więc otworzyć plik comments.php, a tam zlokalizować fragment:

<?php if ( comments_open() ) : ?>

Przed tą instrukcją warunkową wklejamy własną instrukcję, która sprawdzi, czy wyświetlana strona jest wpisem lub stroną statyczną, a jeśli tak, to wyświetli formularz.

<?php if ( is_single() || is_page() ) : ?>

Na samym końcu pliku odnajdujemy jeszcze fragment endif; i go podwajamy, tworząc endif;endif;. Ot i cała filozofia, teraz formularz nie będzie już wyświetlany na stronie głównej. I tak oto jesteś teraz wędrowcze bogatszy w wiedzę.

Jeśli opowieść ta przydatną dla Ciebie była, nie omieszkaj wrzucić czegoś do mieszka, pamiętajcie jednak, że na srebrnikach nigdy skończyć się nie może, albowiem pieniądz środkiem do osiągania celu, a nie celem samym w sobie jest. Idźcie więc w pokoju, szukać własnego Tao (z drugiej strony, dóbr materialnych Tao nam nie zabrania, więc…), bowiem droga Wu-Pe-Chi prosta, choć wydawać by się mogło inaczej…

Podobne artykuły

Być może zainteresują Cię również inne artykuły o podobnej tematyce:

• Dodawanie komentarzy do wpisów za pośrednictwem konta na Facebooku (komentarzy: 26)
• IntenseDebate w polskiej wersji językowej (komentarzy: 11)
• Wu-Pe-Chi Triki #1: Wstawiamy własny kod po określonej ilości wpisów (komentarzy: 35)
• Wtyczka do Firefoksa ułatwiająca komentowanie (komentarzy: 19)
• WordPress 2.7: Nowy system komentarzy (komentarzy: 51)
• Zmiana podpisu w komentarzach (komentarzy: 7)
• Powiadamianie czytelników o nowych komentarzach (komentarzy: 13)

Może więc warto zainteresować się techniką, która niweluje negatywne skutki tak sformatowanego tekstu? :-)

Krótkie przypomnienie czyli jak wyjustować tekst

Zanim przejdę do konkretów chciałbym przypomnieć początkującym użytkownikom, że tekst można wyrównać do obu krawędzi na dwa sposoby:

• zaznaczając tekst i klikając na przycisk „Wyjustuj” w edytorze WYSIWYG:
  

  Edytor WYSIWYG

• dopisując do określonego elementu własność text-align:justify:
  

  Plik CSS

Wracając do tematu…

Dlaczego obustronne justowanie tekstu ssie?

Przeglądarki internetowe nie są jeszcze przystosowane do poprawnego wyświetlania tak sformatowanego tekstu. Nie potrafią one bowiem dzielić wyrazów i przenosić ich do nowej linii.

Powstają więc nienaturalne przerwy pomiędzy wyrazami (szczególnie widoczne są w małych blokach). Czytelność jest znacząco obniżona ponieważ oko musi nieustannie szukać kolejnych elementów zdań.

A gdyby tak nasza strona sama umiała dynamicznie dzielić wyrazy?

wp-Typography – na ratunek typografii

Wtyczka wp-Typography posiada ogrom funkcji mających na celu poprawę typografii. Główną z nich jest dzielenie wyrazów i właśnie na niej się skupimy.

Po poprawnej instalacji i aktywacji wtyczki należy wejść w „ustawienia” / „wp-Typography„. Sekcja, która nas interesuje to „hyphenation” (czyli po polsku dywiz – kreseczka służąca do przenoszenia wyrazów):

Fragment panelu zarządzania wtyczką wp-Typography

Znajdziemy tutaj m.in. główny włącznik dzielenia wyrazów i możliwość ustawienia preferowanego języka. Dobra wiadomość, że wśród 40 obsługiwanych języków jest też polski :-).

Wymagania:

• PHP w wersji 5+,
• kodowanie znaków w UTF-8,
• przechodzący walidację kod XHTML.

Przeglądarki, które obsługują skrypt prawidłowo:

• Firefox 3+,
• Opera 8+,
• Internet Explorer 6 +,
• Safari 2 +.

wp-Typography istnieje także jako zwykły kod PHP, który można przystosować do własnych potrzeb (np. w innych niż WordPress CMS-ach). Szczegółowe informacje na ten temat dostępne są na stronie internetowej autora (PHP Typography).

Aktualizacja (23.07.2009):

Wszystkim zainteresowanym kwestią typografii polecam lekturę artykułu z GRAFIKOMANII:
„10 tekstów o typografii na stronach WWW, które warto przeczytać”.