Artykuły:

  • data publikacji: 13.10.2009

    Skórka z własnym panelem administracyjnym

    kategoria: Webmaster, Wordpress autor: palmiak

    Skórka z własnym panelem administracyjnym

    Część z Was pewnie zauważyła, iż niektóre skóry wordpressowe posiadają własne panele administracyjne za pomocą których można określić pewne parametry strony. W dzisiejszym tutku pokażę Wam jak zrobić drobny panelik do skóry, który troszkę ułatwi nam życie (a na pewno podpowiem Wam jak tworzyc bardziej skomplikowane).

    Nasz pierwszy panel

    Pierwszą rzeczą którą robimy to odnajdujemy w naszej skórce plik functions.php (jeśli nie ma to go tworzymy). Czas stworzyć sobie odpowiednią podstronę w zakładce Wygląd.

    Żeby to zrobić skorzystamy z funkcji add_submenu_page().

    function theme_menu() {
        add_submenu_page('themes.php', 'Mój panel', 'Mój panel', 8, 'theme_admin', 'theme_admin');
    }

    Themes.php to nazwa rodzica, następnie podajemy tytuł strony, nazwę pozycji w menu, od jakiego poziomu uprawnień mozna przeglądać tą podstronę identyfikator strony (przydatny dla innych funkcji czy wtyczek) oraz funkcję która nam wygeneruje zawartość strony.

    Pozostaje nam to teraz wywołać za pomocą:

    add_action('admin_menu', 'theme_menu');

    Gdy wejdziemy w panel, w zakładkę Wygląd ujrzymy naszą nową podstronę. Niestety po kliknięciu ujrzymy error 404, ale zaraz się tym zajmiemy.

    Czas więc napisać funkcję theme_admin(). Na początku będzie nam wyświetlać napis 'cześć':

    function theme_admin() {
        echo '<div class="wrap">';
        echo '<h2>Mój panel</h2>';
        echo '<p>cześć</p>';
        echo '</div>';
    }

    Teraz już po kliknięciu w menu ujrzymy naszą podstronę. Po prostu szał ;)

    Tekst z boku strony

    Panel do czegoś takiego raczej nie będzie zbyt skomplikowany - textarea i button wyślij.

    function theme_admin() {
        echo '<div class="wrap">';
        echo '<h2>Mój panel</h2>';
        echo '<h3>O nas - żeby się z boku strony pokazało</h3>';
        echo '<form method="post">';
        echo '<table class="form-table" width="100%" border="0" cellspacing="0" cellpadding="6">';
        echo '<tr valign="top">';
        echo '<th><strong><label for="o_nas">O nas</label></strong></th>';
        echo '<td><textarea id="o_nas" name="o_nas" style="width:400px; height:100px;"></textarea></td>';
        echo '</tr>';
        echo '</table>';
        echo '<p><input type="submit" value="wyslij" /></p>';
        echo '</form>';
        echo '</div>';
    }

    Nasz formularz sobie ładnie wygląda, ale póki co jeszcze nic nie robi. Tekst, który wpiszemy będziemy musieli gdzieś trzymać, najlepszym miejsce do tego jest wordpressowa tablica options. Sprawę ułatwiają twórcy, którzy udostępniają nam funkcje update_option oraz add_option.

    Po naciśnięciu guzika wyślij zawartość textarea trafia do tablicy POST. Najlepiej więc jeśli za każdym razem będziemy sprawdzać czy przypadkiem ktoś nie zadeklarował zmiennej $_POST['o_nas'], jeśli tak to za pomocą funkcji update_option() dorzucamy pole w bazie lub zmianamy jego zawartość.

    Musimy jeszcze poprawić bug, w postaci zawsze pustego textarea. Żeby to zrobić po prostu wypisujemy zawratość pola 'o_nas' z bazy.

    function theme_admin() {
        if( isset($_POST['o_nas'])){
            update_option('o_nas', $_POST['o_nas']);
            echo '<div id="message" class="updated fade"><p>Opis został zmieniony</p></div>';
        }
        echo '<div class="wrap">';
        echo '<h2>Mój panel</h2>';
        echo '<h3>O nas - żeby się z boku strony pokazało</h3>';
        echo '<form method="post">';
        echo '<table class="form-table" width="100%" border="0" cellspacing="0" cellpadding="6">';
        echo '<tr valign="top">';
        echo '<th><strong><label for="o_nas">O nas</label></strong></th>';
        echo '<td><textarea id="o_nas" name="o_nas" style="width:400px; height:100px;">';

        if(get_option('o_nas')){
            echo get_option('o_nas');
        }

        echo '</textarea></td>';
        echo '</tr>';
        echo '</table>';
        echo '<p><input type="submit" value="wyslij" /></p>';
        echo '</form>';
        echo '</div>';
    }

    Czas to wyświetlić na stronie. Wystarczy napisać:

    <?php echo get_option('o_nas'); ?>

    lub, jeżeli wolimy mieć większy porządek w kodzie, napisać sobie prostą funkcję:

    function show_o_nas() {
        if(get_option('o_nas')){
            echo '<div id="o_nas">';
            echo '<h2>O nas</h2>';
            echo get_option('o_nas');
            echo '</div>';
        }
    }

    a w miejscu gdzie chcemy to wyświetlić:

    if(function_exists('show_o_nas')) {
                        show_o_nas();
                    }

    Podsumowanie

    Teraz gdy już znacie podstawy tworzenia pozostaje tylko życzyć mi powodzenia w rozbudowywaniu swoich skórek.

    Udostępnij ten artykuł:
    • Print
    • Digg
    • del.icio.us
    • Facebook
    • Mixx
    • Google Bookmarks
    • Gwar
    • RSS
    • Technorati
    • Twitter
    • Wykop

  • Podobne wpisy - Vivee blog o webmasteringu, grafice i fotografii

    Zobacz podobne wpisy:

  • This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

    6 Responses to “Skórka z własnym panelem administracyjnym”

    1. tomek pisze:
      6 11 2009 o 14:31

      Wszystko działa fajnie tylko jest jeden problem, jeżeli wyślę puste pole to już nie można później nic wpisać tzn pole jest puste nie jest zwracana żadna wartość. Czy istnieje możliwość resetu ustawień.

      Odpowiedz
    2. palmiak pisze:
      10 11 2009 o 15:15

      Troszkę poprawiłem kodzik i teraz działa w pełni poprawnie.

      Odpowiedz
    3. Ivellios pisze:
      5 12 2009 o 18:00

      “Żeby to zrobić skorzystamy z funkcji add_option_subpage().”
      nie powinno być jak dalej w kodzie:
      ” add_submenu_page”
      ??

      Odpowiedz
    4. palmiak pisze:
      6 12 2009 o 09:41

      W kodzie piszę jedno, a w opisie drugie… Dzięki za wypatrzenie. Już poprawiam.

      Odpowiedz
    5. Henek pisze:
      17 12 2009 o 10:54

      wita, klikam w link do kolejnego artykułu na Twojej stronie i otwiera mi się nowe okno w tym samym miejscu co poprzednio, bez możliwości powrotu. Bez sensu przecież nie będę czas tracił na przypominanie sobie adresu tamtego wpisu.

      Odpowiedz
      • palmiak pisze:
        17 12 2009 o 12:16

        Wybacz ale nie do końca rozumiem problem. Chodzi o to, że linki nie otwierają się w nowym oknie? Wytłumacz dokładnie to może coś zaradzimy.

        Odpowiedz

    Leave a Reply

Komentarze

Kategorie

Top 10

  • CMSy Artykuły dotyczące różnego rodzaju systemów zarządzania treścią CMS.
  • Flash Podstawowe informacje pomocne przy tworzeniu animacji w Adobe Flash.
  • Fotografia Samouczki dotyczące nie tylko robienia zdjęć ale też ich cyfrowej obróbki.
  • Grafika Ogólnie pojęta grafika komputerowa, od inspiracji, po tworzenie layoutów oraz mniejszych form graficznych.
  • Inne tutoriale wordpressowe Wszystkie inne zagadnienia dotyczące WordPressa.
  • Inspiracje Inspirujące materiały graficzne z dziedziny projektowania stron www, projektów DTP, digital painting, itp.
  • Obróbka zdjęć Techniki retuszu fotografii cyfrowych.
  • Rysunek Tworzenie rysowanych ilustracji w Adobe Photoshop.
  • Skóry do Wordpressa Darmowe oraz płatne – najlepsze skóry do WordPressa.
  • Skrypty client-side
  • Skrypty server-side
  • Tutoriale
  • Webdesign Tutoriale z zakresu projektowania stron www i grafiki użytkowej na rzecz internetu.
  • Wieczór z Open Source
  • Wordpress Ulubieniec naszej publiczności CMS WordPress: nowości, tricki, wtyczki, skóry i wszystko to co może przydać się przy korzystaniu z tego systemu.
  • Wtyczki do Wordpressa Recenzje oraz instrukcje najbardziej popularnych i najbardziej niezbędnych pluginów do WordPressa.
  • XHTML/CSS Ciekawostki z dziedziny kodowania stron www: XHTML, CSS, jQuery.

Najnowsze newsy

Wieczór z Open Source 2010

Jak co roku WSINF organizuje konferencję Wieczór z Open Source.
Chciałbym zaprosić was na tegoroczna konferencję Wieczór z Open Source 2010! Czytaj dalej

Grafart.org i WACOM zapraszają na konkursy!

Witam!

Myślę, że czas najwyższy nadmienić, że za niedługi czas zostanie zorganizowany pierwszy z trzech konkursów, w których główną nagrodą będą tablety firmy WACOM!
Za miejsca drugie oraz trzecie nagrodami będą kubki i koszulki firmy WACOM oraz magazyny graficzne PSD PHOTOSHOP oraz COMPUTERARTS.
Czytaj dalej

Zapraszamy na forum graficzne Graffika.pl

Każda osoba interesująca się grafiką komputerową ma czasami ochotę porozmawiać o swoich pracach, posłuchać rad, krytyki i pochwał innych osób. Idealnym miejscem na realizowanie takich potrzeb jest forum graficzne Graffika.pl.
Czytaj dalej

Polecane strony

copyright vivee.info      |       all rights reserved      |       design by water design