Végezze el a címke felhő kimenetét a modx forradalomban, utasításokat

előző ◈ a következő

Ma elmondom, hogyan hozhatja ki a "Tag Cloud" -et a MODX forradalomban.
És hozzon létre egy oldalt az eredmények megjelenítéséhez, ha egy címkére vagy egy címkére utal, akihez hasonlít. A kódleképezés megjelenítéséhez a kódrészletet használjuk. Ha még nincs telepítve, töltse le és telepítse azt.

Letöltötte a kódrészletlista három részletet tartalmaz:

Végezze el a címke felhő kimenetét a modx forradalomban, utasításokat

tagLister - A címkefelhő megjelenítését jelzi, pl. az összes elérhető címke listáját.
tolinks - Megjeleníti a címkéket egy oldalra.
getResourcesTag - Megjeleníti az összes címkével ellátott oldalt, ha ezt a címkét használja. Ez a getResources kódrészlet-kiterjesztés, ezért ugyanazokat a paramétereket osztja meg, és hozzáadja a sajátját.

Annak érdekében, hogy a címkéket megjelenítsék, azokat valahol el kell vinni. Ezért hozzon létre egy új kiegészítő mezőt (TV). Az Általános lapon töltse ki a mezőket:

nevét. címkék (nem javasolom a név megváltoztatását, mert a paraméterek tagLister ez a név a TV-hez való hozzáféréshez alapértelmezés szerint be van állítva.)
fejlécet. címkék
leírás. Címkék megjelenítése

A "Beviteli beállítások" fülön. A "beviteli típus" sorban válassza az "automatikus címke" lehetőséget. Ez kizárja az ilyen hibákat a címkézés során, például: címkével, címkével, címkével, címkével stb. Ezenkívül nagyon kényelmes. A kimeneti beállítások fül az alapértelmezett.

"Sablonok számára elérhető" - ellenőrizze az összes olyan sablont, ahol címkéket írhat fel. Megmentjük.

Ha megnézed a forráskódot, látni fogja, hogy a tagLister listát használ. Ezért a sablonkészletet a sablonba címkékké tettem. Nyissa meg az oldal forráskódját a böngészőben, és figyeljen az osztályra.
Osztályok vannak hozzárendelve az egyes címkékhez. A lista során egy további osztály kerül hozzáadásra: "tl-tag-alt" - alternatív vonal. Nem fogom szétszerelni, mit lehet tenni vele, nyilvánvalóan egyértelmű, hogy egy sor további CSS stílusok. Törölem a CSS felesleges osztályait az alábbiakban. A legérdekesebb dolog az osztály: "tl-tag-weght1". «Tl-tag-weght2». «Tl-tag-weght3». «Tl-tag-weght4». «Tl-tag-weght5». Segítségükkel a címkéink eltérőek lesznek. Minél gyakrabban használják a címkét, annál többet fog megjelenni a felhőben. Csak egy van, de van! Nem vagyok elégedett azzal, hogy a címkék az oszlopban jelennek meg. Olyannak kell kinéznie, mint a helyszínen, soronként és a szám megszámlálása nélkül. Találtam több lehetőséget, hogyan lehet elérni, amit akartam. Vegyük fontolóra mindegyiket.

Távolítsa el a címkék számlálását, és helyezze soronként, rossz választás.

Távolítsa el a címkék kiszámítását és helyezze sorban, GOOD OPTION.

Annak érdekében, hogy ne félek a frissítésekről, ezt a sablont egy külön darabba vesszük, hívjuk: tag_user. Chunk kód:
Amint látja, a címkéket kicseréltem. Megmentjük. Most csatlakoztatjuk az újonnan létrehozott darabot, mert ez a csomó felhőbe megyünk. És változtasson kicsit.
Két attribútumot adtam hozzá, és a címkéket megváltoztattam. Tekintsük a hozzáadott paramétereket:

tpl = # 96; tag_user # 96; - Csatlakoztassa az általunk létrehozott darabot # 96; tag_user # 96; alapértelmezés szerint # 96; tag # 96;
altCls = # 96; # 96; - Alapértelmezés szerint letiltja a CSS osztályt # 96; tl-tag-alt # 96;. Ne feledd, ez egy alternatív vonal.

Most minden tag fennmaradó két CSS osztály «tl-tag» - az általános stílus és a «tl-tag-weght» - a megfelelő számok 1-5, összesen öt osztályba. A felhődarab összes paramétere közvetlenül beírható a tagListerserék-paraméterekbe. Ehhez nyissa meg a lap elemeit / tagListár / opciók /. Az alapértelmezett beállítások módosítása nem ajánlott. Frissítéskor az eredeti nézetben felülírhatók. A változtatáshoz menjen a "Paraméterek hozzáadása" fülre. A szerkesztés után kattintson a "Beállítások mentése" gombra. A mentés után ne felejtse el exportálni az egyedi paramétercsomagot, és a szkriptet biztonságos helyen elhelyezni. Címkefelhőünk most így néz ki:

CSS-stílusokat csatlakoztatunk:

Itt van a stílusok hozzávetőleges verziója, mert a webhelyed kiválasztja magát. Nézd, mi történt.

A létrehozott oldal "Az erőforrás tartalma" szakaszban a kódrészlethívást helyeztük el # 91; # 91; getResourcesTag # 93; # 93; .
Elemezzük az alkalmazott paramétereket.

# 91; # 91;; GetResourcesTag? # 93; # 93; - Nem gyorsítótár hívás a kódrészletre.
szülők = # 96; 0 # 96; - Alapértelmezés szerint keresse az egész webhelyet # 96; jelenlegi 96. erőforrás;.
tpl = # 96; tag_result # 96; - Csatlakoztassa a darabot a kimeneti sablonhoz, alatta pedig létrehozzuk.
toPlaceholder = # 96; eredmény # 96; - Hozzárendel egy helyőrzőt # 91; # 91; + results # 93; # 93; ahol az eredmények megjelennek.
showHidden = # 96; 1 # 96; - A menükből rejtett erőforrások megjelenítése alapértelmezés szerint # 96; 0 # 96;.
limit = # 96; 50 # 96; - Alapesetben korlátozza az oldalon megjelenített erőforrások számát # 96; 5 # 96;
hideContainers = # 96; true # 96; - Alapértelmezés szerint ne jelenjen meg a tartály erőforrásai # 96; 0 # 96;

Remélem, hogy világos, a lekérdezés eredményeit a felsorolt lista fogja megjeleníteni. Minden sort csík tag_result alkot. Chunk kód tag_result:
Nem állítottam össze a feladatot egy színes oldalon. Ezért minden egyszerű. A részletekre vonatkozó teljes dokumentáció megtekinthető itt.

Remélem, ez a post hasznos. Örülök leszek a visszajelzésekért.

Kérem, mondja meg, hogyan lehet megoldani ezt a problémát: Vajon a TV a címkéket. "Lista (többszörös választás)" bemenet típusa. Ő nevezte ki a lehetséges értékek «tag1 || tag2» .A kimeneti paraméterek :. Type O „elválasztó” elválasztó „” Most a poszt metaadatcímkék jelennek meg helyesen, ha több címke utáni kijelzése vesszővel elválasztva, és a linkeket a dolgozó pravilno.No címkefelhő, ha vannak pozíciók több tag, több címke jelennek: «tag1 || tag2» hivatkozva, hogy javítani?

Nehéz mondani valamit. A következő paramétereket tételezhetem fel: A bemeneti paraméterek lehetséges értékei így íródnak elem == érték || elem == érték || elem == érték

Kapcsolódó cikkek

előző ◈ a következő