Stwórz bazę danych recenzji produktów za pomocą Wordpress: niestandardowe typy postów, niestandardowe pola, wybrane obrazy i widżety!

Reklama

Ostatnim razem pokazałem ci jak utwórz prostą listę wydarzeń Jak stworzyć własną listę zdarzeń przy użyciu niestandardowych typów postów w WordPressWordPress pozwala używać niestandardowych typów postów w celu rozszerzenia wbudowanej funkcjonalności. Oto jak to zrobić bez wtyczek. Czytaj więcej używając być może najpotężniejszej funkcji WordPress 3.0 - niestandardowych typów postów. Po kilku prośbach o dalsze rozwijanie tego, dzisiaj będziemy tworzyć bazę danych recenzji produktów, aby połączyć wszystko, czego się nauczyliśmy do tej pory.

Będziesz mógł prowadzić osobną listę produktów korzystających z niestandardowych typów postów, każdy z powiązanym obrazem, a także niektóre meta-informacje, takie jak cena, ocena, specyfikacje - a wszystko to zakończymy sposobem wyświetlania ich w widżecie paska bocznego i strona indeksu. Brzmi dobrze? Czytaj.

Wymagania:

Będziesz potrzebował działającej instalacji WordPress 3.0+ na własnym serwerze, która wykorzysta rozbudowane kodowanie PHP. Dam ci kod, ale musisz stosunkowo dobrze posługiwać się PHP i XHTML, aby dostosować nazwy zmiennych do swoich potrzeb lub zmienić styl. Jeśli potrzebujesz szybkiego kursu dla początkujących na temat CSS i XHTML, mogę polecić nasz wspaniały bezpłatny

Przewodnik dla początkujących Naucz się mówić „Internet”: Twój przewodnik po xHTMLWitamy w świecie XHTML - Extensible Hypertext Markup Language - język znaczników, który pozwala każdemu na tworzenie stron internetowych z wieloma różnymi funkcjami. To podstawowy język Internetu. Czytaj więcej pobrać. Proponuję również użyć starannie zakodowane ale podstawowy motyw - domyślny Dwadzieścia dziesięć lub Dwadzieścia jedenaście Motyw jest w rzeczywistości dość skomplikowany do edycji, więc wypróbuj najpierw coś prostszego, zanim spróbujesz się z nim zintegrować.

Jeśli czytasz samouczek z ostatnich tygodni, powinieneś być zaznajomiony z tworzeniem niestandardowego typu postów w WordPress. Kopiuj i wklej ten kod bazowy do nowej wtyczki, aktywuj go i zacznij dodawać nowe produkty, abyśmy mieli zestaw danych do pracy. (Uwaga: jeśli wolisz po prostu pobrać teraz pełny i pełny kod bez próby dodawania kolejnych elementów, zamiast tego użyj tego gotowego kodu. Możesz nadal śledzić samouczek i dostosowywać go w miarę upływu czasu)

Rozsądnie jest też zdecydować, jakie meta-informacje chcesz powiązać z każdym produktem. Na przykład baza danych aparatów cyfrowych może wymagać:

• Cena detaliczna
• Rozkład
• Wideo w jakości HD
• Kup link
• Ocena

Zamiast dodawać te informacje bezpośrednio do opisu produktu („treść postu”), utworzymy niestandardowe pola, w których będą przechowywane te informacje. Na ekranie dodawania produktu upewnij się, że masz włączone pola niestandardowe, a następnie utwórz nowe pole dla każdego zestawu informacji. Musisz tylko utworzyć nowe pola tylko raz - przy kolejnym dodanym produkcie będziesz mógł wybrać nazwę pola niestandardowego z rozwijanego pola. Nie zapomnij dodać wyróżnionego obrazu, a także użyć go do wyświetlenia obok produktu informacyjnego później.

Szablon pojedynczego produktu

Jeśli spróbujesz teraz wyświetlić jeden ze swoich produktów, prawdopodobnie otrzymasz 404 Nie Znaleziono błąd. Aby to naprawić, przejdź do Permalinks ustawienia WordPress i po prostu naciśnij Zapisz ustawienia pewnego razu. Teraz, gdy przeglądasz jedną z nowych pozycji produktu, w zależności od motywu, możesz zobaczyć coś nieco prostego. Istnieje tytuł i tekst opisu, ale co z wszystkimi naszymi niestandardowymi informacjami meta i obrazem?

Aby dostosować widoki pojedynczego produktu, musimy dostosować nowy plik szablonu o nazwie single-products.php - zrób to, powielając swój istniejący single.php więc mamy podstawy na miejscu i nie zaczynamy od zera.

W tym momencie dokonam bardzo małej zmiany w linii, która wyświetla „Wpisany przez (autora) w dniu (data)”, Więc zamiast tego po prostu brzmi„Dodano do bazy danych w dniu (data)”. Po prostu mogę mieć pewność, że szablon działa, a odświeżenie strony pojedynczego produktu powinno natychmiast pokazać tę zmianę.

Teraz, aby dodać wyróżniony obraz postu, który załączyliśmy do produktu, ten wiersz powinien to zrobić (zamieściłem też informacje o stylu, na wypadek, gdyby były potrzebne). Opublikowałem pełny kod do mojego własnego single-products.php tutaj, ale pamiętaj, że jest on unikalny dla mojego motywu, więc po prostu skopiowanie go do własnego katalogu motywów może dać nieoczekiwane rezultaty.

Najprostszym sposobem na dodanie meta informacji w dowolnym miejscu jest użycie:

… Ale da nam to tylko bardzo podstawową listę wyjściową par klucz-wartość. Aby zrobić coś bardziej skomplikowanego ze zwróconymi wartościami (np. Wyświetlić grafikę oznaczoną gwiazdką), musisz pobrać wszystkie wartości, a następnie powtórzyć je. [Zobacz kod tutaj]:

W powyższym przykładzie sprawdzam nazwę każdego niestandardowego pola ( klucz $), aby zobaczyć, czy nazywa się „Poziom’. Jeśli to jest o nazwie poziom, zamiast po prostu powtarzać wartość pola z powrotem, wyświetlam inny element graficzny na podstawie zawartości. W przypadku innych niestandardowych pól odbieram echo bieżącą wartość wraz z nazwą pola (dokładnie to, co the_meta () robi). Teraz moja strona pojedynczego produktu wygląda następująco:

Zostawię to dla widoków pojedynczych produktów, ponieważ tak naprawdę zależy to od Twojego motywu i tego, co chcesz osiągnąć. Na razie przejdźmy do widżetu paska bocznego, aby wyświetlić... 3 najwyżej ocenione produkty w bazie danych?

Widżet

Aby to zrobić, nieznacznie dostosowałem kod, który wcześniej Ci podałem w poście Jak napisać podstawowy widget WordPress Jak stworzyć własne podstawowe widżety WordpressWielu blogerów szuka idealnego widżetu Wordpress, który zrobi dokładnie to, co chce, ale przy odrobinie doświadczenia w programowaniu łatwiej jest napisać niestandardowy widżet. W tym tygodniu ... Czytaj więcej , ale zamiast pokazywać pojedynczy losowy post, dostosowałem go w następujący sposób [zobacz pełny kod tutaj]:

To da mi 3 posty rozmieszczone podobnie do przykładowego zrzutu ekranu poniżej. Jeśli nie widzisz żadnego z Twoich produktów, sprawdź uważnie sekcję z & meta_key = Ocena, aby upewnić się, że faktycznie masz meta klucz o tej nazwie. Zauważ, że zdecydowałem się również wyświetlać metadane związane z tym produktem wraz z polecaną miniaturą, ale możesz edytować ten konkretny blok kodu, aby wyświetlać wszystko, co chcesz.

Archiwum lub lista produktów

Na koniec chciałem też utworzyć stronę indeksu / archiwum, aby odwiedziny http://yourdomain.com/products/ pokaże prostą listę wszystkich produktów, podobną do indeksu blogów. Podstawowy styl miniaturek wpisów i postów, które pokazałem, jak zrobić w Jak dodać miniatury postów do motywu Skonfiguruj swojego bloga za pomocą WordPress: najlepszy przewodnikChcesz założyć własny blog, ale nie wiesz jak? Zobacz WordPress, najpotężniejszą dostępną obecnie platformę blogów. Czytaj więcej artykuł był w większości wystarczający, ale aby go dostosować, skopiowałem plik archive.php plik w moim motywie i zmieniłem jego nazwę archive-products.php.

Jeśli nie masz jeszcze strony archiwum, po prostu zduplikuj index.php i zmień nazwę na archive-products.php. Ponownie, dostosowując wiersz meta-informacji w artykule i dodając wywołanie do the_meta () gdzieś mam to:

Oczywiście wygląda to trochę głupio zarówno w przypadku archiwów, jak i paska bocznego, i może przydać się z nieco większym dostosowaniem stylu, ale zostawię to tobie!

To wszystko ode mnie dzisiaj. Możesz wyświetlić wypełnij pełny kod online tutaj - po prostu skopiuj i wklej lub pobierz całość do pliku o nazwie products.phpi umieść go w katalogu wtyczek. Powinieneś być w stanie potencjalnie rozwinąć swojego bloga WordPress w bazę danych czegokolwiek! Trudno jest odpowiedzieć na indywidualne problemy, które możesz mieć, ale prosimy o zamieszczanie komentarzy, jeśli potrzebujesz pomocy lub chciałbyś okaż swoje uznanie - tweet lub Facebook bardzo byłyby mile widziane, a nawet wzmianka na blogu, jeśli zdecydujesz się na wdrożenie to. Dzięki za przeczytanie i nie zapomnij o wszystkim innym Samouczki WordPress mamy!