• Home
  • Informacje
  •  

    Przyjazne linki w Wordpress

    niedziela, 18 Październik 2009

    Chodzi tu o zmianę domyślnego formatu linków http://www.jakasdomena.pl/?p=123 (czasami tych parametrów może być więcej) na http://www.jakasdomena.pl/zycie/pierwsza-praca.php.

    Takie adresy są dużo bardziej przyjazne dla użytkowników a także są zdecydowanie lepiej traktowane przez wyszukiwarki tj. Google. Ustawienie przyjaznych linków jest najprostszym i stosunkowo efektywnym elementem pozycjonowania.

    Aby móc korzystać z przyjaznych linków musimy mieć dostęp do mod_rewrite. Jest to moduł serwera Apache posiadający funkcje przepisywania adresów. Dostęp do niego uzyskujemy poprzez zarządzanie plikiem .htaccess (jakby bez nazwy tylko samo rozszerzenie htaccess po kropce).

    Do głównego katalogu Wordpressa wrzucamy przez FTP pusty plik o nazwie .htaccess i zmieniamy mu prawa na 666 (muszą być prawa do zapisu, a po edycji wracamy na 644).

    Reguł przepisywania nie musimy ustawiać ręcznie w tym pliku. Zmian dokonujemy w panelu administracyjnym Ustawienia / Bezpośrednie odnośniki i tam wybieramy odpowiedni schemat linków.

    Warunek, żeby na serwerze mod_rewrite było włączone (on).

    Zmianę najlepiej wykonać od razu po zainstalowaniu Wordpressa ponieważ wyszukiwarki indeksują adresy, i jeśli po pewnym czasie zmienimy je na przyjazne linki to okaże się że nasze adresy podawane w wyszukiwaniach prowadzą donikąd.


    Custom Fields

    piątek, 16 Październik 2009

    Przyznam, że wcześniej nie interesowałem się Custom Fields (polami użytkownika) w Wordpressie chociaż zdawałem sobie sprawę, że takie istnieją. Dopiero testując skórkę, która wykorzystywała je do wstawiania obrazków do postów uznałem, że rzecz jest warta uwagi.
    Umożliwiają one dodawanie dodatkowych elementów do wpisów.
    Typowe zastosowanie to właśnie dodawanie obrazków do postów, chociaż zastosowań może być znacznie więcej.

    Po pierwsze: należy wykonać upload obrazka. Najprościej przez panel administracyjny, zakładka Media / Dodaj nowe, a następnie skopiować ścieżkę.

    Po drugie: musimy dodać pole użytkownika do wpisu. Custom Field to para “klucz” i “wartość“. Na stronie edycji wpisu w panelu użytkownika wpisujemy jako “klucz” – “imagepost” a w pole “wartość” ścieżkę do obrazka “/wp-content/uploads/image.gif“. Raz dodany klucz będzie dostępny z listy rozwijanej. Podobnie dodajemy następne pole “klucz” – “imagepost_class” i “wartość” – nazwa klasy css obrazka np. “fotopost“.

    Po trzecie: trzeba obrazek wyświetlić w odpowiednim miejscu skórki.
    W pliku index.php po rozpoczęciu pętli

    if(have_posts()) : while(have_posts()) : the_post();

    wstawiamy:

    // pobieramy pola użytkownika i wartości przekazujemy do zmiennych
    $imagepost = get_post_meta($post->ID, 'imagepost', $single = true);
    $imagepost_class = get_post_meta($post->ID, 'imagepost_class', $single = true);

    Posty odczytywane są w pętli. Kiedy pętla napotyka informacje z custom fields przekazuje je do zmiennych. Teraz wyświetlamy:
    Przed

    <?php the_content();  ?> lub <?php the_excerpt();  ?> (treść wpisu lub podsumowanie)

    wstawiamy:

    <?php // jeśli są obrazki
    if($imagepost !== '') { ?>
    <p>
    <img src="<?php echo $imagepost; ?>"
    class="<?php if($imagepost_class !== '') { echo $imagepost_class; } else { echo "left"; } ?>"
    />
    </p>
    <?php } // end "if"
    // jeśli nie ma obrazków
    else { echo ''; } ?>

    Dla uproszczenia pominąłem atrybut “alt”
    Obrazki można wstawiać w dowolnym miejscu np w single.php jeśli obrazek ma się wyświetlać w rozwinięciu wpisy.

    W pliku style.css
    dodajemy klasę .fotopost i domyślną klasę .feft dla ostylowania obrazka:

    .fitopost {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 15px 0 0;
    }
    .left {
    float: left;
    margin: 0 15px 0 0;
    }

    Oczywiście obrazek w tym wpisie dodany jest w opisany sposób.