ວິທີການເຊື່ອງຫົວຂໍ້ WordPress ວັນທີ CSS ແບບ? div ການສອນແບບ css ທີ່ເຊື່ອງໄວ້

ວິທີການຊ່ອນ ແບບ CSS ວັນທີໃນ ຫົວຂໍ້ WordPress ?

DIV ການສອນແບບ CSS ທີ່ເຊື່ອງໄວ້

ບໍ່ດົນມານີ້, Chen Weiliang ໄດ້ປັບປຸງ ແລະ ເພີ່ມປະສິດທິພາບແມ່ແບບເວັບໄຊທ໌, ໂດຍເຮັດເຊັ່ນນັ້ນເພື່ອຄຳນຶງເຖິງ SEO ແລະ ປະສົບການຂອງຜູ້ໃຊ້.

ຜູ້ ຊ່ຽວຊານ ດ້ານສື່ໃໝ່ ໄດ້ຖາມວ່າ: ພວກເຮົາສາມາດເຊື່ອງຮູບສັນຍາລັກ ຫຼື ວັນທີສະເພາະໃນຫົວຂໍ້ WordPress ໄດ້ແນວໃດ?

ຄໍາຕອບແມ່ນເພື່ອເຊື່ອງຄໍເຕົ້າໄຂ່ທີ່ດ້ວຍ CSS:

.r-hide {display：none;}

CSS ຮູບແບບທີ່ເຊື່ອງໄວ້ສາມາດບັນລຸໄດ້:

• 1) ຂໍ້ຄວາມທີ່ເຊື່ອງໄວ້
• 2) ເຊື່ອງ hyperlinks (ການເຊື່ອມຕໍ່ສີດໍາ)
• 3) ເຊື່ອງລະຫັດສະຖິຕິ
• 4) ເຊື່ອງໄອຄອນ

ທໍາອິດ, ພວກເຮົາຈໍາເປັນຕ້ອງຊອກຫາຕົວເລືອກ CSS.

CSS ເລືອກແມ່ນຫຍັງ?

ຄໍານິຍາມຂອງແຕ່ລະແບບ CSS ປະກອບດ້ວຍ 2 ສ່ວນ:

选择器{样式}

• ສ່ວນກ່ອນ {} ແມ່ນ "ຕົວເລືອກ".
• "ຕົວເລືອກ" ຊີ້ໃຫ້ເຫັນ "ຮູບແບບ" ຂອງວັດຖຸ {}.
• ຄໍາເຫັນກ່ຽວກັບອົງປະກອບຂອງຫນ້ານີ້ "ຮູບແບບ" ເຮັດວຽກບໍ?

ວິທີການຊອກຫາຕົວເລືອກ CSS?

ຕົວຢ່າງລະຫັດ 1

ຕໍ່​ໄປ​ນີ້​ແມ່ນ​ຕົວ​ຢ່າງ​ຂອງ​ການ​ເຄື່ອນ​ໄຫວ GIF. ຫຼັງ​ຈາກ​ການ​ຊອກ​ຫາ​ຕົວ​ເລືອກ CSS ຜ່ານ​ຕົວ​ທ່ອງ​ເວັບ​, ວັນ​ທີ​ໄດ້​ຖືກ​ເຊື່ອງ​ໄວ້▼

ເອົາຕົວເລືອກ CSS time.the-date ຫຼັງຈາກນັ້ນ, ເພີ່ມລະຫັດ CSS ຕໍ່ໄປນີ້ໃສ່ໄຟລ໌ style.css ຂອງຫົວຂໍ້ WP:

time.the-date {
 display: none;
}

ຕົວຢ່າງລະຫັດ 2

ນີ້ແມ່ນວິທີການເລືອກ ແລະຈັດຮູບແບບອົງປະກອບດ້ວຍ class="r-hide":

.r-hide {display：none;}

ຖ້າຮູບແບບ WP ຂອງທ່ານມີຟັງຊັນຕົວເລືອກ, ທ່ານສາມາດເພີ່ມລະຫັດ CSS ຂ້າງເທິງໃສ່ ກ່ອງລະຫັດໃນ WP Theme Options → Custom Style → Custom Style.

• ໃຊ້ຮູບແບບ CSSສະແດງ: none;  ເຊື່ອງ​ເນື້ອ​ຫາ​ທີ່​ລະ​ບຸ​ໄວ້​,
• ເບິ່ງບໍ່ເຫັນຜ່ານຕົວທ່ອງເວັບ, ເນື້ອຫາທີ່ເຊື່ອງໄວ້ບໍ່ໄດ້ໃຊ້ພື້ນທີ່,
• ປົກກະຕິແລ້ວໃຊ້ເພື່ອເຊື່ອງຜົນກະທົບ JS, ຊ່ອນໄອຄອນຂອງລະຫັດສະຖິຕິ, ແລະອື່ນໆ.

ອ່ານ​ເພີ່ມ​ເຕີມ:

• " ຄວາມແຕກຕ່າງລະຫວ່າງ CSS selector class ແລະ id ແມ່ນຫຍັງ? id ແລະການນໍາໃຊ້ຫ້ອງຮຽນໃນ HTML"