Vivee - wordpress, webmastering, grafika i fotografia » Inne tutoriale wordpressowe http://vivee.info Blog o wordpress, webmasteringu, grafice i fotografii. Sat, 01 Jan 2011 22:14:10 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Tworzenie nowych bloków w panelu administratora http://vivee.info/2010/10/06/tworzenie-nowych-blokow-w-panelu-administratora/ http://vivee.info/2010/10/06/tworzenie-nowych-blokow-w-panelu-administratora/#comments Wed, 06 Oct 2010 12:27:40 +0000 palmiak http://vivee.info/?p=2089 Jestem leniwy. Nie jest to coś godnego pochwały, ale jednak. I tak oto moje lenistwo focha strzeliło podczas pisania jednego z projektów, gdzie musiałem dopisać do każdego wpisu kilka pól użytkownika (custom fields). Po trzecim wpisie foch był już okrutny i postanowiłem jakoś to obejść - najlepiej pisząc pod formularzem edycji wpisu dodatkowy formularz w którym będę miał wypisane wszystkie cf, a wartości przygotowane jako listy rozwijane, żeby tylko sobie wybrać co trzeba. Jako, że jakoś się z tym ogarnąłem to podzielę się teraz tą wiedzą z Wami.

Twórcy WordPressa na szczęście po raz kolejny okazali się bardzo sympatyczni i dodanie takiego ficzerka jest naprawdę proste. Można to zrobić na dwa sposoby - albo poprzez functions.php (czyli będzie to działać tylko z tą skórą w której to napiszemy) albo jako plugin (bardziej uniwersalne).

Pierwszy blok

Najpierw musimy napisać kilka linijek dzięki którym stworzymy nasz nowy blok:

function admin_init(){  
        add_meta_box("testblock", "Fajny Tytuł", "test_block", "post", "advanced", "high");  
}

Funkcja add_meta_box (więcej info tutaj) odpowiada właśnie za tworzenie takich bloków. Kolejno jako parametry podajemy identyfikator, tytuł bloku, funkcję którą ten blok wykona, pod co podpinamy, umiejscowienie oraz ułożenie. Warto poczytać sobie codex, gdyż są tam dokładnie podane z jakich umiejscowień możemy korzystać etc. W naszym przypadku stworzymy blok, który będzie widoczny tylko pod wpisami (post), będzie miał tytuł "Fajny Tytuł" i wywoła funkcję test_block() (której to jeszcze nie napisalismy).

No to czas ją napisać:

function test_block(){
echo 'plum';
}

Jak nietrudno zauważyć w obecnej postaci w bloku powinien się pojawić napis "plum" i już. Jednak to jeszcze nie wszystko, żeby to zadziałało - musimy jeszcze blok zainicjalizować. Robimy to następująco:

if(is_admin()){
        add_action("admin_init", "admin_init");  
}
 

Teraz gdy spojrzymy w panel pod textarea na treść wpisu powinien pojawić się nasz blok a w nim napis "plum".

Zwiększamy funkcjonalność

Niestety radość z pluma szybko mija i warto by zrobić z tego coś bardziej praktycznego. Np. zrobimy sobie formularz za pomocą którego będzie nam łatwiej dodawać custom fields.

function test_block(){
global $post;  
        $custom = get_post_custom($post->ID);  
        $muzyka = $custom["muzyka"][0];  
        $pogoda = $custom["pogoda"][0];
        $reszta = $custom["reszta"][0];  
?>    
    <label>Czego słucham:</label><br/>
    <select name="muzyka">
        <option <?php if($muzyka=='Rock'){ echo 'selected="selected"';} ?>>Rock</option>
        <option <?php if($muzyka=='Pop'){ echo 'selected="selected"';} ?>>Pop</option>
        <option <?php if($muzyka=='Disco Polo'){ echo 'selected="selected"';} ?>>Disco polo</option>
    </select><br/>
    <label>Jaka jest pogoda</label><br/>
    <select name="pogoda">
        <option <?php if($pogoda=='Pada'){ echo 'selected="selected"';} ?>>Pada</option>
        <option <?php if($pogoda=='Leje'){ echo 'selected="selected"';} ?>>Leje</option>
        <option <?php if($pogoda=='Bul bul bul'){ echo 'selected="selected"';} ?>>Bul bul bul</option>
    </select><br/>  
    <label>Napisz coś jeszcze:</label><input name="reszta" value="<?php echo $reszta; ?>" />
<?php  
}

Dzięki temu w skórze pojawi nam się formularz w którym możemy wybrać sobie gatunek muzyki, pogodę i coś tam jeszcze napisać. W obecnej chwili poza wyświetlaniem nic innego nie robi - musimy jeszcze stworzyć funkcję, która wrzuci te zmienne do custom fields oraz poinformować WP, żeby przy każdym zapisie wpisu był łaskaw takową funkcję wywołać.

Najpierw funkcja do zapisu:

function save_cf(){  
    global $post;  
    update_post_meta($post->ID, "muzyka", $_POST["muzyka"]);  
    update_post_meta($post->ID, "pogoda", $_POST["pogoda"]);
    update_post_meta($post->ID, "reszta", $_POST["reszta"]);
}  

Po kolei tworzy lub uaktualnia zawartość kolejnych pól.

A by to wszystkow wywołać poprawiamy to napisaliśmy przy wywoływaniu bloku:

if(is_admin()){
        add_action("admin_init", "admin_init");  
        add_action('save_post', 'save_cf');  
    }
 

Tworzenie nowych bloków w panelu administratora

I już. Wszystko powinno działać jak ta lala :) Teraz Wasza kolej - dopisujcie własne bloki. We wpisach, na stronach, po bokach lub na dole. Róbcie z nimi co chcecie.

]]> http://vivee.info/2010/10/06/tworzenie-nowych-blokow-w-panelu-administratora/feed/ 16 Wyróżnianie wpisów w WordPress http://vivee.info/2009/12/04/wyroznianie-wpisow-w-wordpress/ http://vivee.info/2009/12/04/wyroznianie-wpisow-w-wordpress/#comments Fri, 04 Dec 2009 21:19:19 +0000 palmiak http://vivee.info/?p=1332 Gdy prowadzimy bloga lub stronę czasem zdarzają się wpisy, które byśmy chcieli jakoś wyróżnić. Czemu? Bo albo są ważne, albo są np wpisami sponsorowanymi. Powodów może być wiele. I jest to naprawdę łatwe do uzyskania.

W poniższym tutorialu zaprezentuje dwie metody jak coś takiego osiągnąć. Obie metody sprowadzają się jednak do identycznego zakończenia, czyli oznaczenia wpisu odpowiednią css'ową klasą, np. "important". W stylu zaś ozdobimy go tak jak chcemy.

Nasz bohater

Nim jednak zaczniemy pisać o konkretach muszę wspomnieć troszkę o funkcji post_class(). Funkcja ta służy do wyświetlania klas związanych z wpisem. Wytestujcie ją umieszczając w loopie i zobaczcie co wypisze. Widać, że w bardzo prosty sposób dzięki niej można rozwiązać kwestię stylowania poszczególnych kategorii etc.

Poza wyświetlaniem klas możemy też zachęcić funkcję do tego, żeby wyświetliła klasę zaproponowaną przez nas. Jezeli chcemy dopisać do jakiegoś elementu klasę 'vivee' wystarczy, że użyjemy post_class('vivee').

Tyle jeśli chodzi o teorię - czas na praktykę.

Użyjmy kategorii

Pierwsze co musimy zrobić to utworzyć kategorię do której będziemy wrzucać ważne wpisy. Nazwijmy ją "ważne wpisy". Czas umieścić post_class() w odpowiednim miejscu.

Jeżeli nasz loop wygląda tak:

<?php while (have_posts()) : the_post(); ?>
    <div>
            <h2 class="art"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>
            <?php the_content("więcej");?>
                <div class="clear"></div>
    </div>
<?php endwhile; ?>

to post_class() umieszczamy następująco:

<?php while (have_posts()) : the_post(); ?>
    <div <?php post_class();?>>
            <h2 class="art"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>
            <?php the_content("więcej");?>
                <div class="clear"></div>
    </div>
<?php endwhile; ?>

Wpisy, które zostały oznaczone kategorią "ważne wpisy" dostaną klasę category-wazne-wpisy.

Użyjmy pola użytkownika

Jeżeli komuś się nie podobają kategorie może użyć pól użytkownika. Wystarczy stworzyć pole "important" i jako wartość przypisać 1 (jeśli uznamy wpis za wazny).

W tym przypadku tworzymy functions.php i dopisujemy w nim (lub po prostu tylko dopisujemy do tego pliku jezeli już istnieje) funkcję is_important():

function is_important() {
global $post;
$important=get_post_meta($post->ID, "important", true);

if($important==1){
return 'important';
}
}

O polach użytkownika już pisaliśmy, jednak przypomnę, że za pomocą get_post_meta($post->ID, "important", true) pobieramy wartość pola "important" i przypisujemy do zmiennej. Następnie sprawdzamy czy wartość jest równa 1. Jeśli tak to dopisana jest klasa important.

Żeby to zadziałało zastępujemy zwykłe post_class() za pomocą:

<?php while (have_posts()) : the_post(); ?>
    <?php $important = is_important();?>
    <div <?php post_class($important);?>>
            <h2 class="art"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>
            <?php the_content("więcej");?>
                <div class="clear"></div>
    </div>
<?php endwhile; ?>

Stylujemy

Kiedy już przy odpowiednich wpisach pojawia się nam klasa category-wazne-wpisy lub important możemy spokojnie zabrać się za stylowanie:

.important{
...
}

co wpiszecie zamiast "..." jest już tylko zależne od Was. Możecie np. zrobić coś bardzo kontrastowego i na białej stronie wyróżnionym wpisom dać ciemne tło.

Podsumowanie

I tak oto za pomocą niezwykle prostej sztuczki osiągneliśmy bardzo fajny i pożyteczny efekt. Ogólnie rzecz boirąc dopisywanie jakiejś klasy do pewnego typu wpisu jest bardzo użyteczną metodą. Tak też można wróżniać wpisy danego autora.

]]> http://vivee.info/2009/12/04/wyroznianie-wpisow-w-wordpress/feed/ 11 WordPress Shortcode API http://vivee.info/2009/02/12/wordpress-shortcode-api/ http://vivee.info/2009/02/12/wordpress-shortcode-api/#comments Thu, 12 Feb 2009 18:25:28 +0000 palmiak http://vivee.info/?p=565 Czasem zdarza się, że pisząc wpis chcielibyśmy wywołaś jakiś kod PHP. No niby da się - są do tego wtyczki, jednak miło by było gdyby była jakaś prostsza metoda. W WP 2.5 na szczęście się taka pojawiała, chodzi o tytułowe Shortcode API. W tym artykule postaram się pokazać Wam jak z tego korzystać.

Dzięki Shortcode API możemy wywoływać funkcje PHP w następujące sposoby:

  • [moja_funkcja]
  • [moja_funkcja argument1="4" argument2="maciek"]
  • [moja_funkcja]Jakaś treść[/moja_funkcja]
  • [moja_funkcja argument1="4" argument2="maciek"]Jakaś treść[/moja_funkcja]

W dalszej części artykułu przedstawię po jednym przykładzie użycia każdego wariantu. Jednak już teraz widać, że jest to naprawdę miłe i potężne narzędzie. Nie dość, że pozwoli nam wywołac PHP to jeszcze możemy odpowiednią listę argumentów.

Pojedynczo i bez argumentów

Nasza pierwsza funkcja nie będzie zbyt twórcza - jedyne co będzie robić to wypisywać fragment "Lorem ipsum". Do testowania w sam raz.

Żeby to zrobić otwieramy (lub tworzymy jeśli nie ma) plik functions.php w katalogu z naszą skórką. Następnie piszemy tam:

<?php
function lipsum() {
   return 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempus laoreet tellus. Nam fermentum. Fusce lobortis purus nec risus. Aliquam risus purus, rhoncus ut, vulputate vel, venenatis sed, enim.';
}
add_shortcode('lorem', 'lipsum');
?>

Jedyne co może ciekawić w tym wszystkim to add_shortcode('lorem', 'lipsum');. Dzięki tej funkcji sygnalizujemy, że poprzez napisanie [lorem] we wpisie wywołujemy funkcję lipsum.

Pojedynczo, ale solidnie uargumentowane

Kolejną możliwością jest [lorem_v2 ilosc="20"]. Będzie to rozszerzona wersja poprzedniej funkcji o możliwość podania ile razy tekst ma się powtórzyć.

Tym oto sposobem nasz funkcja będzie wyglądać:

function lorem_with_count($atts) {
        extract(shortcode_atts(array(
                'count' => 5
        ), $atts));

for($i=0; $i<$count;$i++) {
echo ' Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempus laoreet tellus. Nam fermentum. Fusce lobortis purus nec risus. Aliquam risus purus, rhoncus ut, vulputate vel, venenatis sed, enim.';
}
}
add_shortcode('lorem_v2', 'lorem_with_count');
 

Jest to funkcja z cyklu prostackich wręcz, jednak dobrze ilustruje jak używać tego typu shorttagów. Wszystkie argumenty z tagu (w naszym przypadku count="20") przypisywane są do tablicy $atts. Za pomocą funkcji extract, poza przypisaniem zawartości tablicy do zmiennych, możemy ustalić wartości defaultowe (w naszym przypadku count => 5).

Na końcu pozostaje już tylko wykonanie pętli tyle razy ile podaliśmy w count (lub 5 razy, jeśli argument pomineliśmy).

Prawie jak bbcode

Na końcu zrobimy sobie coś a'la bbcode, czyli [b]jakiś tekst[/b] będzie pogrobiony, a [i]inny tekst[/i] będzie pochylony.

function convert_to_strong($atts, $content='') {
        return '<strong>'.$content.'</strong>';
}

function convert_to_em($atts, $content='') {
        return '<em>'.$content.'</em>';
}
add_shortcode('b', 'convert_to_strong');
add_shortcode('i', 'convert_to_em');
 

Jak widać po przykładach to co jest pomiędzy naszymi kwadratowymi tagami to po prostu zmienna $content.

Podsumowanie

I tak oto wygląda Shorttag API. Dość kiepsko promowany ficzer WordPressa (przegrał walkę z ówczesnym nowym interfejsem). A naprawdę szkoda, bo dzięki niemu może sobie (oraz naszym klientom) bardzo ułatwić pracę. O wiele łatwiej jest tłumaczyć, zeby napisał [tytul]jakiś tytuł[/tytul] niż tłumaczyć którego h ma użyć (a i tak użyje złego). Dodatkowo pozwala w dość prosty sposób osadzać w treści wiele rzeczy (np. mapkę googlową po podaniu tylko wysokości i szerokości geograficznej [gmap dl=x szer=y]).

]]> http://vivee.info/2009/02/12/wordpress-shortcode-api/feed/ 22 FeedWordPress – czyli jak agregować RSSy http://vivee.info/2008/01/18/feedwordpress-czyli-jak-agregowac-rssy/ http://vivee.info/2008/01/18/feedwordpress-czyli-jak-agregowac-rssy/#comments Fri, 18 Jan 2008 21:13:47 +0000 palmiak http://vivee.info/2008/01/18/feedwordpress-czyli-jak-agregowac-rssy/ Część z Was pewnie spotkała się z wtyczką FeedWordPress czytając artykuł na PolskimBloggerze. Jest to wtyczka, która może być bardzo pomocna lub, niestety, może bardzo ułatwić kradzież treści. Liczę, że Wy będziecie jej używać tylko w zacnych celach.

Co to robi?

Najprościej mówiąc czyta sobie wybrane przez nas kanały RSS i publikuje na naszym blogu wszystko co przeczyta. Oczywiście dzięki FeedWordPress możemy zapanować nad żywiołem wyznaczając np kategorie do których ma umieszczać wpisy, wybierając czy wpisy mają być od razu publokowane czy tylko zapisane i wiele innych.

Do czego to służy FeedWordPress

Nim przejdziemy do instalacji zastanówmy się do czego wtyczki można użyć.

Jak już pisałem we wstępnie, za jej pomocą możemy kraść treść (szczególnie jeśli ktoś po RSS udostępnia cały wpis a nie tylko zajawkę), możemy też użyć tego do tworzenia zaplecza. Ja osobiście będę używał tej wtyczki do umieszczania na jednej stronie aktualności z kilku serwisów (coś jakby stronę głównę, zbierającą wszystkie informacje z moich serwisów).

Instalacja

Najpierw pobieram wtyczkę z oficjalnej strony.
Tworzymy w katalogu wp-content/plugins/ katalog feedwordpress i kopiujemy do niego pliki

  • syndication-options.php
  • feedwordpress.php

Do katalogu wp-includes kopiujemy będące w MagpieRSS-upgrade.

Pozostaje nam już tylko wejść do panelu administracyjnego w zakładkę wtyczki i aktywować FeedWordPress.

Pierwsze podejście

FeedWordpress

Żeby rozpocząć naszą przygodę z agregowaniem RSS'ów wystarczy przejść w PA do zakładki Syndication, znaleźć na nowej stronie Add a new syndicated site, wpisać odpowiedni link i kliknąć Syndicate. Skrypt zapytan nas czy na pewno chcemy korzystać z tego kanału - oczywiście potwierdzamy. Tym sposobem dodaliśmy nasz pierwszy kanał RSS.

Teraz szukamy na stronie Update feeds now i klikamy Update. Tym sposobem ostanie 10 wpisów z serwisu który podaliśmy wylądowało na naszym blogu. No niby fajnie. Ale ja osobiście lubię mieć większą kontrolę nad takimi rzeczami. Dlatego teraz pogrzebiemy w konfiguracji.

Konfigurujemy

FeedWordpress

Wtyczka oferuje nam możliwość ustawienia opcji globalny oraz tylko dla poszczególnego kanału RSS. Jest to naprawdę bardzo przydatna cecha tej wtyczki, która może nam bardzo życie ułatwić.

My zajmiemy się konfiguracją globalną, resztę zostawiam Wam do eksperymentów. Klikam więc na zakładkę Options w Syndication.

Za pomocą Check for new posts możemy wybrać czy chcemy, żeby nowe wpisy z RSS'ów trafiały do nas automatycznie albo ręcznie (czyli poprzez kliknięcie Update, jak opisywałem akapit wcześniej).

W Publication wybieramy czy nowe wpisy mają być od razu publikowane, zapisywane jak brudnopis czy jako prywatne wpisy.

Za pomocą Comments ustalamy czy pod pobranymi wpisami mają być komentarze czy nie.

Trackback and Pingback - wybieramy czy chcemy akceptować trackbacki i pingi

Unfamiliar authors oraz Unfamiliar categories pozwalają na podjęcie odpowiedniego działania w wypadku gdy autor bądź kategoria wpisu nie istnieje na naszym blogu. Możemy wtedy albo wywalić wpis, albo utworzyć odpowiedniego autora/kategorię albo przypisać defaultową kategorię/autora.

Pozostaje nam jeszcze z boku wybrać do jakich kategorii ma trafić pobrany przez nas wpis.

Podsumowanie

Mam nadzięję, że dzięki tej wtyczce będzie mogli np. "spiąć" z sobą swoje serwisy będące na różnych serwerach w sposób bardzo prosty i wygodny. Pamiętajcie tylko, że nim zaczniecie pobierać od kogoś RSS'y i publkować u siebie, zapytajcie go o zgodę.

]]> http://vivee.info/2008/01/18/feedwordpress-czyli-jak-agregowac-rssy/feed/ 2 O wyświetlaniu podstron w WordPress http://vivee.info/2007/10/03/o-wyswietlaniu-podstron-w-wordpress/ http://vivee.info/2007/10/03/o-wyswietlaniu-podstron-w-wordpress/#comments Wed, 03 Oct 2007 20:00:16 +0000 palmiak http://vivee.info/2007/10/03/o-wyswietlaniu-podstron-w-wordpress/ Wczoraj przypomniał o sobie pewien znajomy, który pyta mnie czasem o problemy związane z WordPressem. Przypomniało mi to jego stare pytanie. Dlatego raz jeszcze opiszę ja w WordPressie zrobić sztuczkę która pozwala na pokazywanie tylko "dzieci" strony.

Wyobraźmy sobie sytuacje gdzie mamy dwie strony:
X oraz Y, do X należą podstrony X1, X2, i tak dalej, odpowiedno do Y,
należą Y1, Y2. Jak narazie nic trudnego. Tutaj pojawia sie
pytanie: Jak wyswietlić w SIDEBARZE, podstrony X1, X2 [ oraz odpowiednio
Y1,Y2 ], jednak aby nie wyświetlały sie strony nadrzędne X,Y?

Najpierw musimy sprawdzić czy strona-rodzic istnieje (może w końcu być zły link czy coś) oraz czy to w co klikneliśmy jest stroną.

Kiedy już mamy tą pewność pobieramy ID strony i staramy się odnaleźć go w bazie, a następnie namierzyć jego rodzica (robimy to w pętli aż znajdziemy tego ostatecznego rodzica). Wiedząc już coś takiego pozostaje nam tylko wypisać strony-dzieci za pomocą

<?php wp_list_pages('child_of='. $parent_id); ?>
 

gdzie $parent_id to numer ID rodzica.

Teraz czas na praktykę.

W naszego sidebar.php musimy wkleić następujący kod

<?php
        global $notfound;
                if (is_page() and ($notfound != '1')) {
                        $current_page = $post->ID;
                        while($current_page) {
                                $page_query = $wpdb->get_row("SELECT ID, post_title, post_status, post_parent FROM $wpdb->posts WHERE ID = '$current_page'");
                                $current_page = $page_query->post_parent;
                        }
                        $parent_id = $page_query->ID;
                        $parent_title = $page_query->post_title;

                        if ($wpdb->get_results("SELECT * FROM $wpdb->posts WHERE post_parent = '$parent_id' AND post_status != 'attachment'")) {
        ?>

        <ul class="list-page">
          <?php wp_list_pages('child_of='. $parent_id); ?>
        </ul>
        <?php } } ?>
 

Musimy mieć jeszcze menu, które będzie pokazywało strony-rodziców, a takie otrzymamy następującym kodem:

                <ul>
<?php wp_list_pages('sort_column=menu_order&title_li=&depth=-1 '); ?>
                </ul>
 

I tak oto problem Karola zostaje rozwiązany. Mam nadzieję, że innym też się to przyda.

]]> http://vivee.info/2007/10/03/o-wyswietlaniu-podstron-w-wordpress/feed/ 7