# 136: Asioiden siirtäminen CMS: ään tarpeen mukaan - CSS-temppuja

Anonim

Tässä videossa käsittelen tiettyä "tosielämän" tilannetta, jossa olin mukana keskustellessani CodePen Meetups -sivun kanssa.

CodePen Meetupsin aloituspäivinä meillä oli vain yksi suunniteltu. Sen piti olla kaikkien aikojen ensimmäinen CodePen Meetup Austinissa, Texasissa. Joten tein sen sivulle osana CodePen-verkkosivustoa (Rails-projekti) osoitteessa URL / meetups /. Siellä minun on suunniteltava se haluamallani tavalla. Olin miettimässä, millaista tietoa sivulla oli oltava ja miten se esitettiin. (Videossa kaivoimme kopion sivustosta tuolloin välimuistisivujen kautta (kuvakaappaus)).

Aika kului. Lisäsin siihen muutaman tapaamisen, ja muoto, jolla useita tapaamisia näytettiin sivulla, muuttui. Sain selville, mitkä tietopalat olivat yhteisiä kaikkien tapaamisten keskuudessa ja miten se osoitetaan. Samaan aikaan päivitykset olivat tylsiä. Uusien lisääminen on työtä. Vanhat on helppo unohtaa poistaa. Ja se on tavallaan vain sellaisen HTML: n poistamista tietäen, että se on mahdollisesti hyödyllistä tietoa, jonka tuhoat. Olin juuri muokkaamassa HTML-mallia täällä.

Tuli aika, että tämä todella oli järjestelmällistettävä ja siirrettävä sisällönhallintajärjestelmään. Onneksi siirto oli melko helppoa, koska tiesin tarkalleen mitä tarvitsin ja tiesin, että minulla on työkaluja sen vetämiseen. Olemme itse asiassa tehneet sellaista ennen useita kertoja. Esimerkiksi täällä ja täällä.

Se tulee jotain tältä:

  1. Luo uusi mukautettu postityyppi (”Meetups”) tällä laajennuksella.
  2. Liitä tarkalleen haluamasi mukautetut kentät kyseiseen CPT: hen (päivämäärä, kellonaika, paikka jne.).
  3. Julkaise pois!

Asetimme has_archiveon truemeidän CPT, joten saimme URL / Meetups / ilmaiseksi, joka käyttää mallia `arkisto-meetups.php` automaattisesti. Meidän oli kuitenkin tehtävä vakavaa mukautettua työtä kyseiselle mallille, koska meidän piti:

  1. Näytä kaikki tarvitsemamme tiedot juuri niin kuin haluamme.
  2. Näytä tulevat tapaamiset päivämääräjärjestyksessä.
  3. Siirrä vanhat tapaamiset automaattisesti ”Aiemmat tapaamiset” -osioon.

Kaikki täysin toteutettavissa. Ensin kysytään haluamistamme tapaamisista (tämän päivän päivämäärän jälkeen). Teemme sen suorittamalla mukautetun kyselyn, johon liittyy oikea mukautettu kenttä

 'meetups', 'posts_per_page' => -1, 'meta_key' => 'date', 'orderby' => 'meta_value_num', 'order' => 'ASC', 'meta_query' => array( array( 'key' => 'date', 'compare' => '>=', 'value' => $today )) )); foreach ($myposts as $post) : setup_postdata($post); // The loop! Output stuff! endforeach; wp_reset_postdata(); ?>

Mukautettujen kenttien tulostaminen on erittäin helppoa edistyneiden mukautettujen kenttien avulla. Se antaa sinulle toiminnon, jota voit käyttää tällä tavoin, nimeä vain kenttä:

Laitimme juuri tällaisen lähdön olemassa olevaan HTML-koodiin, jota käytimme jo tässä uudessa mallissa. Sitten suoritamme toisen silmukan, vain käänteisellä päivämäärävertailulla, aikaisemmille tapaamisille.

Mikään täällä ei ole valtavan paljastavaa, innostun vain tällaisesta asiasta, koska:

  • Se tuntuu erittäin tuottavalta niin pienelle määrälle työtä (tein sen makaillessani sohvalla yhden yön).
  • Voin tehdä sen ilman virhettä joukkueelle kehittääksesi jotain hienoa, voin käyttää sitä käyttöliittymän kehittäjätaidoillani. (Pidän WordPress-teemojen ja perustoimintojen käyttämistä etupään taitona).

Ja tietenkään WordPressia ei tarvita tähän. Olen varma, että se on mahdollista missä tahansa CMS: ssä. Juuri CMS: t ovat. Pidän ja tunnen WordPressin parhaiten.