Sut i Arddull Clybiau Tag

Defnyddiwch CSS i Arddull Clybiau Tag

Mae cwmwl tag yn ddarlun gweledol o restr o eitemau. Byddwch yn aml yn gweld cymylau tag ar flogiau. Fe'i gwnaethpwyd yn boblogaidd gan safleoedd fel Flickr.

Mae cymylau tag yn rhestr o gysylltiadau sy'n newid mewn maint a phwysau (weithiau'n lliwio hefyd) yn dibynnu ar rywfaint o briodoldeb mesuradwy. Mae'r rhan fwyaf o gymylau tag wedi'u hadeiladu yn seiliedig ar boblogrwydd neu nifer y tudalennau sydd wedi'u tagio â'r tag penodol hwnnw. Ond gallwch greu cwmwl tag o unrhyw restr o eitemau ar eich safle sydd â o leiaf ddwy ffordd i'w dangos. Er enghraifft:

Beth Ydych Chi Angen i Adeiladu Cwmwl Tag?

Mae'n hawdd adeiladu cwmwl tag, dim ond dau beth sydd ei angen arnoch chi:

Mae'r rhan fwyaf o gymylau tagiau yn rhestrau o gysylltiadau, felly mae'n helpu os oes gan bob eitem URL sy'n gysylltiedig ag ef. Ond nid oes angen i greu hierarchaeth weledol.

Camau i Adeiladu Cwmwl Tag o Dolenni Poblogaidd

Mae gan fy safle erthyglau sy'n cael golygfeydd tudalen bob dydd, ac mae hwn yn fetrig hawdd i mi ei ddefnyddio i greu cwmwl tag. Felly, er enghraifft, byddwn ni'n creu cwmwl tag o restr o erthyglau, y 25 erthygl uchaf ar fy safle ar gyfer wythnos Ionawr 1, 2007.

  1. Penderfynwch faint o lefelau rydych chi eisiau yn eich hierarchaeth.
    1. Er ei bod hi'n bosib cael cymaint o lefelau yn eich cwmwl gan fod gennych eitemau yn eich rhestr, mae hyn yn mynd yn ddiflas i god, a gall y gwahaniaethau fod yn fach iawn. Rwy'n argymell nad oes gennych fwy na 10 lefel yn eich hierarchaeth.
  2. Penderfynwch ar y pwyntiau i ffwrdd ar gyfer pob lefel.
    1. Gallai fod mor syml â thorri eich golygfeydd tudalen bob dydd i mewn i sleidiau 1/10 - hy. os yw'r dudalen fwyaf ar eich gwefan yn cael 100 o dudalennau y dydd, fe allech chi ei sleisio fel 100+, 90-100, 80-90, 70-80, ac ati. Rwyf wedi torri fy ngolygiadau tudalen yn y ffasiwn honno.
  3. Rhestrwch eich eitemau yn orchymyn gweld tudalen, ac yn rhoi gradd iddynt yn seiliedig ar gam 2
    1. Peidiwch â phoeni os nad oes gennych unrhyw eitemau mewn rhai o'r slotiau, sy'n golygu bod y cwmwl yn fwy diddorol.
  4. Rhowch eich rhestr yn nhrefn yr wyddor (neu ba bynnag ddosbarth ail yr hoffech ei ddefnyddio).
    1. Dyma beth sy'n gwneud y cwmwl yn ddiddorol. Os byddwch chi'n ei adael yn ôl trefn, yna bydd rhestr yn unig gyda'r eitemau mwyaf ar y brig i lawr i'r lleiaf ar y gwaelod.
  5. Ysgrifennwch eich HTML fel bod y rhestr yn rif dosbarth. class = "tag4"> Ychwanegu Ffeiliau Sain Symudol

Unwaith y bydd gennych yr HTML ar gyfer pob eitem rhestr unigol, a'r orchymyn rydych chi am eu harddangos, yna bydd angen i chi wneud penderfyniad. Gallwch chi osod y dolenni mewn paragraff a byddech chi'n cael eich gwneud. Ond ni fyddai hyn yn cael ei farcio'n raddol, ac ni fyddai unrhyw un heb CSS yn dod at eich cwmwl tag yn gweld paragraff mawr o gysylltiadau. Byddai'r HTML ar gyfer y math hwn o restr yn edrych fel hyn:

Ychwanegu Ffeiliau Sain Symudol DIWEDDARIADAU Sylfaenol ar gyfer Gwefan Meddalwedd Dylunio Gwe Gorau Adeiladu Tudalen We ar gyfer y Totally Lost Symboliaeth Lliw

Yn lle hynny, rwy'n argymell i chi greu eich cwmwl tag gan ddefnyddio rhestr anghywir. Mae'n ychydig o linellau mwy o god HTML a CSS ond mae'n sicrhau y bydd y cynnwys yn ddarllenadwy waeth pwy sy'n dod i'w weld. Byddai'r HTML yn edrych fel hyn: