ໃຊ້ CSS ເພື່ອສະແດງ Tag Cloud
ຟັງໂຄດຄໍາສັ່ງເປັນຕາຢືມຂອງບັນຊີລາຍຊື່ຂອງລາຍການ. ທ່ານມັກຈະເບິ່ງແທັບແທັບແທັບບລັອກ. ມັນໄດ້ຖືກນິຍົມໂດຍເວັບໄຊທ໌ເຊັ່ນ Flickr.
ເມັດແທັກແມ່ນບັນຊີລາຍຊື່ຂອງການເຊື່ອມຕໍ່ທີ່ປ່ຽນແປງໃນຂະຫນາດແລະນ້ໍາຫນັກ (ບາງຄັ້ງກໍ່ມີສີ) ໂດຍອີງຕາມຄຸນລັກສະນະທີ່ສາມາດວັດແທກໄດ້. ຟັງໂຄດຄໍາສັ່ງຫຼາຍທີ່ສຸດແມ່ນການສ້າງຂຶ້ນໂດຍອີງໃສ່ຄວາມນິຍົມຫຼືຈໍານວນຫນ້າທີ່ຖືກ tagged ມີໂຄດສະເພາະນັ້ນ. ແຕ່ທ່ານສາມາດສ້າງແທັບໂຄດອອກຈາກບັນຊີລາຍຊື່ຂອງລາຍການໃດໆທີ່ຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານທີ່ມີຢ່າງຫນ້ອຍສອງວິທີການສະແດງໃຫ້ເຫັນ. ຍົກຕົວຢ່າງ:
- ລາຍະການຂອງບົດຄວາມຕາມລໍາດັບອັກຂະລະທີ່ມີຮູບແບບທີ່ສະແດງຄວາມນິຍົມຂອງບົດຄວາມ.
- ລາຍະການເວັບໄຊຕາມລໍາດັບອັກຂະລະທີ່ມີຮູບແບບທີ່ຊີ້ໃຫ້ເຫັນວ່າທ່ານຊອບທີ່ດີທີ່ສຸດ.
- ບັນຊີລາຍຊື່ຂອງບັນນາທິການເວັບທີ່ລະບຸໄວ້ໃນລາຄາທີ່ມີຮູບແບບສະແດງວ່າມີແຕ່ລະຈຸດທີ່ມີເງື່ອນໄຂທີ່ໃກ້ຊິດ.
- ບັນຊີລາຍຊື່ຂອງຫມູ່ເພື່ອນທີ່ມີຮູບແບບທີ່ຊີ້ບອກໄລຍະຫ່າງຈາກເຮືອນຂອງທ່ານກັບພວກເຂົາ.
ທ່ານຈໍາເປັນຕ້ອງສ້າງ Tag Cloud ບໍ?
ມັນງ່າຍທີ່ຈະສ້າງແທັບແທັບແທັບຫນຶ່ງ, ທ່ານພຽງແຕ່ຕ້ອງການສອງສິ່ງ:
- ລາຍະການຂອງລາຍະການ (ເຊັ່ນບົດຄວາມເວັບ, ເວັບໄຊທ໌, ຫຼືຫມູ່ເພື່ອນຂອງທ່ານ)
- ການວັດແທກສໍາລັບແຕ່ລະລາຍການ (ເຊັ່ນ: ມຸມເບິ່ງຫນ້າຕໍ່ມື້, ການຈັດອັນດັບຂອງທ່ານ 1-10, ຫຼືໄລຍະຫ່າງຈາກເຮືອນຂອງທ່ານ).
ຟັງແທັດສ່ວນຫຼາຍແມ່ນບັນຊີລາຍຊື່ຂອງການເຊື່ອມຕໍ່, ດັ່ງນັ້ນມັນຊ່ວຍໃຫ້ແຕ່ລະລາຍການມີ URL ທີ່ກ່ຽວຂ້ອງກັບມັນ. ແຕ່ວ່າບໍ່ຈໍາເປັນຕ້ອງສ້າງລະບົບນິເວດ.
ຂັ້ນຕອນໃນການສ້າງ Tag Cloud ຂອງລິ້ງທີ່ນິຍົມ
ເວັບໄຊທ໌ຂອງຂ້າພະເຈົ້າມີບົດຄວາມທີ່ໄດ້ຮັບການສະແດງຫນ້າທຸກໆມື້, ແລະນີ້ແມ່ນຂໍ້ມູນທີ່ງ່າຍດາຍສໍາລັບຂ້າພະເຈົ້າທີ່ຈະນໍາໃຊ້ເພື່ອສ້າງແທັບໂຄດໂຄດ. ດັ່ງນັ້ນ, ສໍາລັບຕົວຢ່າງນີ້, ພວກເຮົາຈະສ້າງແທັບແທັກແທັດຈາກບັນຊີລາຍຊື່ຂອງບົດຄວາມ, ບົດຂຽນທີ່ 25 ຫົວຂໍ້ເທິງເວັບໄຊຂອງຂ້ອຍສໍາລັບອາທິດຂອງວັນທີ 1 ມັງກອນ 2007.
- ກໍານົດວິທີການຈໍານວນຫຼາຍທີ່ທ່ານຕ້ອງການໃນລະດັບສູງຂອງທ່ານ.
- ໃນຂະນະທີ່ມັນເປັນໄປໄດ້ທີ່ຈະມີລະດັບຫຼາຍໃນເມລຂອງທ່ານຍ້ອນວ່າທ່ານມີລາຍການໃນບັນຊີຂອງທ່ານ, ນີ້ໄດ້ຮັບຄວາມຫຍຸ້ງຍາກໃນການລະຫັດແລະຄວາມແຕກຕ່າງສາມາດຫນ້ອຍລົງ. ຂ້າພະເຈົ້າຂໍແນະນໍາໃຫ້ບໍ່ມີຫຼາຍກວ່າ 10 ລະດັບໃນລໍາດັບຂອງທ່ານ.
- ຕັດສິນໃຈຕັດຈຸດສໍາລັບແຕ່ລະຂັ້ນ.
- ມັນອາດຈະງ່າຍດາຍຄືການຕັດ views ຫນ້າຂອງທ່ານຕໍ່ມື້ເຂົ້າໄປໃນ 1/10 ຊິ້ນ - ເຊັ່ນ. ຖ້າຫນ້າທີ່ໃຫຍ່ທີ່ສຸດໃນເວັບໄຊທ໌ຂອງທ່ານໄດ້ຮັບການສະແດງ 100 ຫນ້າຕໍ່ມື້, ທ່ານສາມາດຕັດມັນເປັນ 100+, 90-100, 80-90, 70-80, ແລະອື່ນໆ. ຂ້າພະເຈົ້າຕັດວິດີໂອຂອງຂ້າພະເຈົ້າໃນແບບນັ້ນ.
- ລາຍຊື່ລາຍການຂອງທ່ານໃນຄໍາສັ່ງເບິ່ງຫນ້າ, ແລະໃຫ້ພວກເຂົາມີອັນດັບຕາມຂັ້ນຕອນທີ 2
- ບໍ່ຕ້ອງກັງວົນວ່າທ່ານບໍ່ມີລາຍການໃດໆໃນບາງຊ່ອງທີ່ເຮັດໃຫ້ຟັງໄດ້ຫນ້າສົນໃຈຫຼາຍ.
- ສະຖານທີ່ບັນຊີຂອງທ່ານຕາມລໍາດັບຕົວອັກສອນ (ຫຼືໃດກໍ່ຕາມທີ່ທ່ານຢາກໃຊ້).
- ນີ້ແມ່ນສິ່ງທີ່ເຮັດໃຫ້ຟັງທີ່ຫນ້າສົນໃຈ. ຖ້າທ່ານປະຕິເສດມັນຈັດລຽງຕາມລໍາດັບ, ຫຼັງຈາກນັ້ນມັນຈະເປັນລາຍະການທີ່ມີລາຍການທີ່ໃຫຍ່ທີ່ສຸດຢູ່ເທິງລົງໄປຫາທີ່ນ້ອຍທີ່ສຸດຢູ່ດ້ານລຸ່ມ.
- ຂຽນ HTML ຂອງທ່ານເພື່ອວ່າຊີວິດເປັນຈໍານວນຫ້ອງຮຽນ. class = "tag4"> ເພີ່ມໄຟລ໌ສຽງທີ່ມີສຽງ
ເມື່ອທ່ານມີ HTML ສໍາລັບແຕ່ລະລາຍການລາຍການແຕ່ລະຄົນແລະຄໍາສັ່ງທີ່ທ່ານຕ້ອງການສະແດງໃຫ້ພວກເຂົາ, ທ່ານຈໍາເປັນຕ້ອງຕັດສິນໃຈ. ທ່ານສາມາດຈັດວາງການເຊື່ອມຕໍ່ໃນວັກຫນຶ່ງແລະທ່ານຕ້ອງເຮັດ. ແຕ່ວ່ານີ້ບໍ່ໄດ້ຫມາຍເຖິງຄວາມຫມາຍ, ແລະທຸກໆຄົນທີ່ບໍ່ມີ CSS ເຂົ້າມາໃນແທັບແທັບແທັບແທັບແທັບແທັບແທັບໂຄດຂອງທ່ານກໍ່ຈະເຫັນຂໍ້ຄວາມຫຍໍ້ຫນ້າໃຫຍ່. HTML ສໍາລັບປະເພດຂອງບັນຊີລາຍຊື່ນີ້ຈະຄືແນວນີ້:
ເພີ່ມໄຟລ໌ສຽງສຽງ ແທໍກພື້ນຖານສໍາລັບເວັບໄຊທ໌ ຊອບແວອອກແບບເວັບທີ່ດີທີ່ສຸດ ສ້າງຫນ້າເວັບສໍາລັບການສູນເສຍທັງຫມົດ ສີສັນຍາລັກ a> ແທນທີ່ຈະ, ຂ້າພະເຈົ້າແນະນໍາໃຫ້ທ່ານສ້າງແທັບແທັກແທັກຂອງທ່ານໂດຍໃຊ້ບັນຊີລາຍຊື່ທີ່ບໍ່ໄດ້ສັ່ງຊື້. ມັນເປັນເສັ້ນທາງ HTML ແລະ CSS ຫຼາຍໆຂໍ້ແຕ່ວ່າມັນຫມັ້ນໃຈວ່າເນື້ອຫາຈະສາມາດອ່ານໄດ້ບໍ່ວ່າໃຜມາເບິ່ງມັນ. HTML ຈະເບິ່ງຄືວ່ານີ້: ໃນປັດຈຸບັນພວກເຮົາໄດ້ຮັບສ່ວນທີ່ມ່ວນຊື່ນ - ຮູບແບບ CSS. ເມື່ອທ່ານສະຫລາກແທັບໂຄດ, ທ່ານມັກຈະປ່ຽນຂະຫນາດຕົວອັກສອນແລະນ້ໍາຫນັກຕົວອັກສອນ. ນອກນັ້ນທ່ານຍັງສາມາດປ່ຽນສີຂອງຕົວອັກສອນຫຼືພື້ນຫລັງຫລືຄຸນລັກສະນະແບບອື່ນໆແຕ່ຂະຫນາດແລະນ້ໍາຫນັກແມ່ນແບບດັ້ງເດີມ. ທ່ານຈໍາເປັນຕ້ອງຮຽນ 10 ແບບ, ຫນຶ່ງສໍາລັບແຕ່ລະປ້າຍໂຄສະນາ: ຂ້າພະເຈົ້າຢາກປະກອບມີຄໍເຕົ້າໄຂ່ທີ່ປະມານມູມມອງຕົວເອງ: ຈຸດໃຈກາງຂອງເມຄ, ກໍານົດເສັ້ນສູງເພື່ອໃຫ້ຟັງໄດ້, ແລະໃຫ້ແນ່ໃຈວ່າແທັກມໍເຕີບໍ່ມີການບິດໃສ່ພວກມັນ: ສຸດທ້າຍ, ຖ້າທ່ານກໍາລັງໃຊ້ວິທີການແຕ່ງງານແບບ semantic (ie, ລາຍະການ unordered), ທ່ານຈໍາເປັນຕ້ອງເພີ່ມສອງສາຍ CSS ເພີ່ມເຕີມເພື່ອວ່າບັນຊີບໍ່ມີຈຸດຫມາຍປາຍທາງແລະບໍ່ຖືກດັດແປງ:
ແຕ່ບ່ອນທີ່ມີຄໍເຕົ້າໄຂ່ທີ່ສໍາລັບ Tag Cloud