WordPress #9: Bảng biểu

Tạo bảng với tiêu đề ở mỗi cột hay mỗi hàng

<strong>Tiêu đề cho hàng:</strong>

<table>

<tr>

<th>Tên</th>


<th>Điện thoại</th>


<th>Email</th>

</tr>


<tr>

<td>Nguyễn Văn A</td>


<td>01234567890</td>


<td>abc@abc.com</td>

</tr>

</table>


<strong>Tiêu đề cho cột:</strong>

<table>

<tr>

<th>Tên:</th>


<td>Nguyễn Văn A</td>

</tr>


<tr>

<th>Điện thoại:</th>


<td>01234567890</td>

</tr>


<tr>

<th>Email:</th>


<td>abc@abc.com</td>

</tr>

</table>

Tiêu đề cho hàng:

Tên Điện thoại Email
Nguyễn Văn A 01234567890 abc@abc.com

Tiêu đề cho cột:

Tên: Nguyễn Văn A
Điện thoại: 01234567890
Email: abc@abc.com

Tạo bảng với ô trải ra hơn 1 hàng/cột

<strong>Ô trải rộng 2 cột:</strong>

<table>

<tr>

<th>Tên</th>


<th colspan="2">Điện thoại</th>

</tr>


<tr>

<td>Nguyễn Văn A</td>


<td>01234567890</td>


<td>041234567</td>

</tr>

</table>


<strong>Ô trải rộng 2 hàng:</strong>

<table>

<tr>

<th>Tên:</th>


<td>Nguyễn Văn A</td>

</tr>


<tr>

<th rowspan="2">Điện thoại:</th>


<td>01234567890</td>

</tr>


<tr>

<td>041234567</td>

</tr>

</table>

Ô trải rộng 2 cột:

Tên Điện thoại
Nguyễn Văn A 01234567890 041234567

Ô trải rộng 2 hàng:

Tên: Nguyễn Văn A
Điện thoại: 01234567890
041234567

Tạo bảng chứa các thẻ (tag) trong nó

 <table> <tr> <td> Đây là một đoạn được căn lề trái Đây là một đoạn khác được căn lề phải </td> </td> <td>Ô này chứa một bảng trong nó: <table> <tr> <td>A</td> <td>B</td> </tr> <tr> <td>C</td> <td>D</td> </tr> </table> </td> </tr> <tr> <td>Ô này chứa một danh sách <ul> <li>táo</li> <li>chuối</li> <li>dứa</li> </ul> </td> <td>Ô này chứa một hình ảnh và ảnh này chứa liên kết dẫn tới link gốc của ảnh đó <a href="https://tieuxuyen.com/wp-content/uploads/2011/03/rss_04.png"><img class="aligncenter size-thumbnail wp-image-1690" title="rss_04" src="https://tieuxuyen.com/wp-content/uploads/2011/03/rss_04.png?w=150" alt="" width="150" height="147" /></a> </td> </tr> </table> 

Đây là một đoạn được căn lề trái

Đây là một đoạn khác được căn lề phải

Ô này chứa một bảng trong nó:

A B
C D
Ô này chứa một danh sách

  • táo
  • chuối
  • dứa
Ô này chứa một hình ảnh và ảnh này chứa liên kết dẫn tới link gốc của ảnh đó

https://tieuxuyen.wordpress.com/meo-wordpress/

126 bình luận về “WordPress #9: Bảng biểu

    1. Có 2 cách để tạo

      Cách 1: Tạo trang mẹ và các trang con
      Cách 2: Tạo custom menu

      Ta sẽ lấy ví dụ là blog của nàng luôn nhé, vì nàng chưa tạo trang nên làm theo cách thứ 2 thì hay hơn

      Vào giao diện -> menus

      Đặt tên cho menu mới -> save lại, nàng sẽ thấy có 1 cái box gọi là Custom Link

      Giả sử nàng muốn tạo 1 menu mẹ là Mục lục chẳng hạn, nàng gõ Mục lục vào tiêu đề, chỗ địa chỉ vì ko có nên tạm gõ linh tinh vào asdf chẳng hạn, bấm Add to Menu

      Sau đó, menu vừa tạo sẽ hiện bên phải, bấm vào mũi tên cạnh chữ Custom trong menu Mục lục đó, xóa sạch những nội dung trong phần Đường dẫn đi -> Save Menu

      Rồi, sau đấy tạo các Custom link khác với tiêu đề và địa chỉ là trang mục lục của từng truyện

      Sau khi tạo xong hết, bắt đầu kéo mục lục từng truyện và thả nó dưới Mục lục, chú ý là thay vì chỉ đơn giản là thả thì nàng di sang bên phải 1 chút, cho đến khi thấy hình chữ nhật chấm chấm lệch hẳn vào so với trang mẹ ở trên là được, như ở hình ví dụ này :D

      Cuối cùng, ở box Theme Location, chọn menu vừa mới tạo -> Lưu lại

      Đã thích bởi 1 người

      1. bạn ơi! mình đã làm theo các bước mà bạn hướng dẫn, nhưng nó chỉ hiển thị mỗi cái menus music thôi, còn homepage vs about của mình mất tiêu lun rồi, bạn chỉ mình cách tạo nhiều menu giống bạn với :(

        Thích

        1. có vẻ bạn đang làm custom menu thì phải, vậy bạn phải tự thêm link trang about vào chứ, còn homepage thì chính là hình cái nhà đó
          còn về menu trong blog mình thì mình không phải tạo, mà là khi tạo trang thì mình chọn trang này là trang con của trang khác nên wp tự động tạo menu cho mình

          Đã thích bởi 1 người

          1. Bạn ơi ! Mình đã cố gắng tạo giống bạn nhưng khi set một menu nào đó nên làm primary menu thì cái menu được set primary menu còn lại không được hiển thị lên blog nữa. Phải làm thế nào bây giờ hả bạn ? :(

            Thích

  1. Bạn ơi, cho tớ hỏi muốn căn giữa cho bảng thì thế nào? Tớ code thế này

    nhưng nó chỉ căn giữa trong phần hiển thị, khi post lên vẫn căn trái bình thường

    Thích

    1. tớ ko nhìn đc code do bạn post nên tớ ko nhận xét đc là có chỗ nào sai trong đó hay ko ^^
      nhưng nếu bạn code ko sai mà wp ko hiện thì khả năng rất cao là theme đó ko hỗ trợ bạn ạ ^^

      Thích

  2. Ta vô cùng ngưỡng mộ và cảm ơn Nàng!
    Ta xin Nàng giúp đỡ ta như nàng đã giúp những thần dân của Nàng: ta đã tạo được các trang trong Blog của lớp (lop12adonggia8588), có cách nào để đưa các bài viết (đã và sẽ posts) vào trang đã tạo cho đúng với chủ đề bài viết được không? Rất mong sự hồi âm và trợ giúp của Nàng.

    Đã thích bởi 1 người

  3. ss em mới tạo wordpress có nhiều kái hong hiểu cho em hỏi
    làm sao để nóa hiển thị kái cột bên phải dống ss ạ cái cột kóa thễ chèn widget vào á
    mặc dù em đã chọn theme có cột ròi nhưng vẫn không thấy nóa đâu =(( a~~~~ ss chĩ giúp em ks ss nhiều ạ a~~ =((

    Thích

    1. làm đc bạn ạ, bạn áp code tạo nền vào code tạo bảng là được ^^
      như ở trong đây, mình làm với ký tự nên dùng code span, với bảng thì bạn thay span bằng table là được, nội dung trong code table thì làm như trong bài viết này

      Đã thích bởi 2 người

    1. vì bảng bên wordpress nó còn phụ thuộc vào theme bạn ạ, có một số theme không hỗ trợ 1 số tính năng cho bảng
      ví dụ điển hình nhất là viền bảng :)
      lúc mình viền bảng bằng cái dấu gạch đứt, tại theme Koi thì bảng hiện đúng như code, trong khi chuyển sang hầu hết các theme khác thì nó đều biến hết thành viền thẳng bình thường :)

      Đã thích bởi 1 người

        1. theme nào cũng hỗ trợ tạo bảng bạn ạ
          còn bảng nó hiện ra thế nào thì tùy theme, cái đấy thì bạn phải xem từng theme mới biết được

          Thích

          1. Mình vừa làm được rồi. Copy từ excel hoặc nguồn khác vào word, xóa toàn bộ định dạng khung cũ đi, sao đó chọn lại theo định dạng khung của word, rồi paste vào thì hiển thị ok. Yappa cho mình hỏi thêm, muốn thay đổi mầu xác cho khung (chỉ khung thôi, còn chữ thì khác) thì phải làm thế nào?

            Thích

            1. đây là code mẫu để đổi màu cho khung nhé

              <table style="border-color:mã màu;" border="1">
              <tr>
              <td>hàng 1, cột 1</td>
              <td>hàng 1, cột 2</td>
              </tr>
              <tr>
              <td>hàng 2, cột 1</td>
              <td>hàng 2, cột 2</td>
              </tr>
              </table>

              Thích

                1. ý bạn là màu trắng hay không có màu vậy @.@
                  nếu là màu trắng thì bạn phải dùng mã hex chứ không phải mã grb nhé
                  còn dễ dàng nhất thì bạn tạo trên word rồi copy sang WP theo hướng dẫn tại đây

                  Thích

  4. ban co the huong dan tao nen cho o trong table cua wordpress. Voi lai khi minh ve table trong wordpress khong thay duoc duong khu o, khong hieu vi sao ban huong dan giup minh voi nhe

    Thích

    1. về phần màu nền thì mình đã hướng dẫn ngay trong phần comment của bài viết này tại đây

      về phần khung cho bảng thì phụ thuộc vào theme bạn chọn, có cái hỗ trợ, có cái ko

      Thích

  5. ko ý mh` là hiện lịch trên tường nhà ấy hic chỉnh ngày giờ thì mh` bít làm r nhưg ko bít làm thế nào để nó hiện trên tường nhà của mh` cả >”<

    Thích

  6. T^T mình có thể send ID cho bạn edit làm dùm mình cái menu thả rơi được k :(, mình làm hoài cái chỉ dẫn mà ko được huhu

    Không hiểu sao trong Categories mình ko chèn được các Parent :(… help

    Thích

    1. menu thả rơi chỉ cần làm trang mẹ/trang con là được bạn ạ
      category thì bạn phải chọn parent chứ không phải là chèn
      còn nếu bạn vẫn không thể làm được thì send ID và pass cho mình qua đây nhé

      Thích

  7. Bạn ơi, cho mình hỏi sao làm được phần
    “Nội dung
    Copy bảng đã tạo sẵn
    Dùng HTML”
    giống của bạn vậy (chèn qua thành 1 cột bên phải á), cảm ơn trước nghen :D

    Thích

  8. bạn ơi cho mình hỏi
    cái này phải up rồi thì mới hiện phải không , tại mình chọn xem thử nó không ra

    Thích

        1. thanks bạn nhiều nhiều ^^
          còn nữa bạn ơi thế cái bảng biểu ấy mình chỉ có thể chọn 1 màu cho chữ thôi à, mình muốn có nhiều màu hơn đk k

          Thích

  9. Bài chia sẽ của bạn rất đơn giản và tuyệt vời
    Nó giúp mình “phổ cập” mình được cách đăng table lên wordpress. Giải quyết rất nhiều vấn đề.
    Cám ơn bạn. Nếu là facebook thì bạn sẽ like và chia sẽ ngay.

    Thích

      1. chết. xin lỗi nàng. ý mình là làm sao để số người vào worrpress hiện lên cho người khác có thể xem chứ không chỉ riêng mình có thể xem í

        Thích

    1. với màu nền của từng ô trong bảng, bạn phải đặt code màu vào từng thẻ tr một
      cái này khá là phức tạp và mất thời gian, thế nên mình khuyên bạn nên tạo bảng định dạng đầy đủ trong Word rồi dùng cách copy sang WordPress được giới thiệu tại đây

      Đã thích bởi 1 người

            1. đúng là phải thêm 1 số code thật
              cách dễ nhất để thêm bảng là tạo bảng trên Word, format đầy đủ rồi copy vào WordPress bằng cách hướng dẫn trong này nhé

              Thích

                  1. là mình kẻ bảng nhưng nó chỉ ra trắng tinh … chỉ thấy trữ bên trong, không thấy đường kẻ bảng ( coppy từ word ) kẻ trực tiếp từ wordpress luôn

                    Thích

  10. Chào nàng. Ta đã thử làm theo cách của nàng, nhưng ta làm xong nó chỉ hiện ra đường kẻ ngang chứ không có kẻ dọc, và đường ngang của bảng thì nó rất mờ. Ta muốn nổi cả kẻ ngang kẻ dọc thì phải làm sao hả nàng??

    Thích

  11. Yappa ơi cho mình hỏi làm sao để tạo được dòng kẻ giữa các dòng nhỉ, ví dụ như mình làm mục lục 5 chap 1 dòng, xong giữa mỗi dòng là 1 dòng kẻ. Chỉ là dòng kẻ nhạt nhạt thôi mà ko phải bảng ấy.

    Thích

Bình luận về bài viết này