Hvordan å gjøre en prisliste tabell i WordPress

Hvordan å gjøre en prisliste tabell i WordPress


Når du legger til en prisliste bordet til din WordPress blog, har du et par alternativer med ulik vanskelighetsgrad. HTML-editoren er tilgjengelig for å legge til et innlegg eller side, og skrive bordet ved hjelp av bare noen få enkle ferdigheter. Alternativt bruke en plugin med WordPress blogger for å gjøre prosessen enklere. Plugins også hjelpe deg importere prisliste data du kanskje allerede har.

Bruksanvisning

WP-Table Reloaded

1 Bestem ditt verktøy. Den fritt plugin, WP-Table Reloaded, hjelper deg å lage tabeller som er søkbar og sorterbar ved ID-nummer, pris, beskrivelse eller andre kolonne prisliste har. Det hjelper deg også importere eksisterende data, noe som er spesielt nyttig hvis du allerede har et regneark som inneholder prislisten.

2 Gå til "Plugins> Legg til ny" i din WordPress dashbordet og søker etter «WP-Table Reloaded". Aktiver den ved å klikke på "Aktiver Plugin", eller ved å bruke "Plugins> Plugins" delen av dashbordet.

3 Tilgang WP-Table Reloaded fra "Verktøy" for å laste opp regnearket, eller starte en ny tabell. Den plugin støtter CSV (kommadelte verdier), XML og HTML filformater, som de fleste regnearkprogrammer støtte (inkludert Google Docs, Excel og Numbers for Mac). Alternativt, forteller plugin hvor mange kolonner og rader du trenger i din prisliste, og det gir plass til å fylle inn informasjon i et regneark format.

4 Lagre bordet ditt og gjøre oppmerksom på ID-nummeret er knyttet til tabellen. Legg til eller endre et innlegg eller en side, og finne ut hvor du vil at tabellen skal vises. Bruk deretter "HTML" -kategorien av redaktøren og skriv "[table id = ID /]," erstatte "ID" med ID av tabellen du opprettet. Lagre innlegg eller side og vise den for å nyte ditt verk.

Easy Tabell Creator

5 Last ned Easy Tabell Creator, et annet gratis WordPress plugin. Selv om det ikke hjelper deg importere et regneark eller lage en tabell søkbar, er det enklere å bruke. Du trenger ikke å opprette tabellen i en egen side og deretter legge til en referanse til det som du gjør med WP-Table Reloaded.

6 Installer plugin ved å søke etter "Easy Tabell Creator" fra "Plugins> Legg til ny" i din WordPress Dashboard, og klikke "Install". Aktiver den ved å klikke på "Aktiver Plugin", eller ved å bruke "Plugins> Plugins" delen av dashbordet.

7 Legg til eller endre et innlegg eller side og legge til bordet ditt ved hjelp av "Visual" -kategorien i editoren. Klikk på "Easy Table Skaperen" knappen på verktøylinjen i editoren til å dukke opp verktøyet. Ved hjelp av dette regnearket vise, legge all informasjon for din prisliste, og legger til kolonner og rader etter behov. Klikk "Sett inn", lagre side eller post, og vise den for å se resultatene.

Alternativ: HTML

8 Lag ditt bord fra grunnen av med HTML-koder. Det er mer tidkrevende enn de andre tilnærminger, og er ikke så bidrar til det søkes eller sortert etter brukere, men det krever ikke installerer WordPress plugins. Først legge til eller endre et innlegg eller en side, og pass på å bruke "HTML" -kategorien av redaktøren. Hvis du ikke er vant til å bruke HTML editor, vil du se "tags" i tillegg til teksten, omgitt av "<" og ">". Finn ut hvor du vil bordet ditt, og begynne bordet ditt ved å skrive "<table>".

9 Liste hver av kolonnene i prislisten, mellom "<th>" og "</ th>" koder, med hele listen omgitt av "<tr>" og "</ tr>". Den "tr" i koden står for "table rad," og "th" i koden står for "table header," som indikerer at teksten mellom dem vil være overskriften til en kolonne med data i tabellen. For eksempel kan du vise kolonnene: "<tr> <th> Produkt ID </ th> <th> Produktnavn </ th> <th> Pris </ th> <th> Vekt </ th> </ tr> ".

10 Liste hvert produkt i prislisten. For hvert element i prislisten, liste det på en egen linje, omgitt av "<tr>" og "</ tr>" koder, og fylle i kolonnene omgitt av "<td>" og "</ td > "tags. . For eksempel, hvis du selger en "Widget" med ID-nummer "1234" som veier 7 lbs, liste du det: "<tr> <td> 1234 </ td> <td> Widget </ td> <td > 7 </ td> <td> 0 lbs </ td> </ tr> ". Hvert par av "td" tags er forbundet med en kolonne du listet i forrige trinn, slik at de adlyder samme rekkefølge.

11 Når du har listet opp hvert eneste produkt i din prisliste, ferdig bordet ved å legge til "</ table>" tag. Dette indikerer at innholdet i tabellen har blitt fullstendig angitt.

Hint

  • Lagre dine data ofte.