# 136: A dolgok áthelyezése CMS-be, szükség szerint - CSS-trükkök

Anonim

Ebben a videóban egy adott „valós világban” tapasztalt helyzetet feszegetem, amelyben részt vettem a CodePen Meetups oldal kezelésében.

A CodePen Meetups legelején a tervek szerint egyetlen tervben volt részünk. Ez volt az első CodePen Meetup a texasi Austinban. Szóval készítettem egy oldalt a CodePen fő webhelyének (egy Rails projekt) részeként az URL / meetups / címen. Ott kellett megterveznem, ahogy akartam. Kitaláltam, hogy milyen információknak kell szerepelniük azon az oldalon, és hogyan kell ezeket bemutatni. (A videóban a Cached Pages (képernyőkép) segítségével ástunk ki egy akkori webhely másolatát).

Telt az idő. Hozzáadtam néhány találkozót, és kialakult az a forma, hogy több találkozót jelenítsünk meg az oldalon. Kitaláltam, hogy az összes metup között milyen apró információ található meg, és hogyan lehet ezt megmutatni. Ugyanakkor a frissítések egyre unalmasabbak lettek. Újak hozzáadása munka. Könnyű elfelejteni a régiek eltávolítását. Valószínűleg csak az ilyen HTML törlése a helyzet, tudva, hogy ez potenciálisan hasznos információ, amelyet elpusztít. Csak egy HTML-sablont szerkesztettem itt.

Eljött az idő, amikor ezt valóban rendszerbe kellett foglalni és át kellett helyezni egy tartalomkezelő rendszerbe. Szerencsére a lépés meglehetősen könnyű volt, mivel pontosan tudtam, hogy mire van szükségem, és tudtam, hogy vannak eszközeim, amivel elhúzhatom. Valójában már többször csináltunk ilyesmit. Például itt és itt.

Valami ilyesmi jön:

  1. Hozzon létre egy új egyéni bejegyzéstípust („Meetups”) ezzel a bővítménnyel.
  2. Csatolja pontosan a kívánt egyéni mezőket a CPT-hez (dátum, idő, helyszín stb.).
  3. Közzététel el!

Mi meg has_archivea truemi CPT, így megkaptuk az URL / meetups / ingyen, mely a sablon `archive-meetups.php` automatikusan. Ugyanakkor komoly egyéni munkát kellett végeznünk ezen a sablonon, mivel:

  1. Jelenítse meg az összes szükséges információt, ahogyan azt szeretnénk.
  2. Jelenítse meg a közelgő találkozókat dátum sorrendben.
  3. A régi találkozók automatikus áthelyezése a „Korábbi találkozók” szakaszba.

Minden teljesen kivitelezhető. Először kérdezzük meg a kívánt találkozókat (a mai dátum után). Ezt úgy végezzük el, hogy futtatunk egy egyéni lekérdezést, amely magában foglalja a megfelelő egyéni mezőt

 '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(); ?>

Az Egyéni mezők kiadása nagyon egyszerű a Speciális egyéni mezők használatával. Ez egy olyan funkciót ad, amelyet így használhat, csak nevezze el a mezőt:

Csak ezt a fajta kimenetet helyeztük el a meglévő HTML-be, amelyet már ebben az új sablonban használtunk. Ezután egy újabb ciklust futtatunk, csak fordított dátum-összehasonlítással, a múltbeli találkozókra.

Itt semmi rendkívül kinyilatkoztató, csak izgulok az ilyesmi miatt, mert:

  • Nagyon produktívnak tűnik, ilyen kis mennyiségű munkához (egyik este a kanapén fekve csináltam).
  • Meg tudom csinálni anélkül, hogy hibát kellene vennem a csapattal, hogy valami divatos dolgot alkothassak, felhasználhatom a front-end fejlesztői képességeimet. (A WordPress témák és az alapvető funkcionalitások bütykölését front-end készségnek tartom).

És ehhez természetesen nem szükséges a WordPress. Biztos vagyok benne, hogy bármely CMS-ben lehetséges. Ilyenek a CMS-ek. Csak a WordPress-t szeretem és ismerem a legjobban.