WordPress #9: Bảng biểu

Nội dung

Tạo bảng trong WordPress nói thật là vô cùng đơn giản ^^

Có 2 cách để tạo bảng, cách thứ nhất là copy một bảng đã tạo sẵn, cách thứ hai là dùng đến HTML

Copy bảng đã tạo sẵn

Đầu tiên bạn hãy vào Word, tạo một bảng với nội dung mình muốn. Sau đó copy bảng đó và paste vào trong WordPress ở chế độ Hiển thị. Rồi lúc đó muốn căn chỉnh, màu sắc bảng đó thế nào tùy ý. Vậy là xong, rất nhanh gọn nhé ^^

Chú ý là bảng đó không được quá rộng, vì nếu không nó sẽ lấn khỏi phạm vi của bài viết sang phần widget. Lúc đấy trông rất xấu ha ^^

Dùng HTML

Một bảng được xác định bởi tag <table>. Bảng được chia thành hàng với tag <tr> và cột với tag <td>. Một tag <td> có thể chứa kí tự, hình ảnh, danh sách,… và thậm chí là một bảng khác.

Ví dụ của một bảng

<table>

<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>

Với code trên, ta có một bảng như sau:

hàng 1, cột 1 hàng 1, cột 2
hàng 2, cột 1 hàng 2, cột 2

Cứ như thế bạn có thể làm một bảng cơ bản với số hàng hay cột tùy thích. Không khó lắm phải không ^^

Nếu muốn xem nhiều ví dụ hơn về tạo bảng với HTML, bạn có thể click vào đây để tới phần 2 của bài

Ngoài ra bạn có thể áp dụng cách copy code theo hướng dẫn trong bài này nữa nhé.

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

Một suy nghĩ 126 thoughts on “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

      Liked by 1 person

      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 :(

        Số lượt 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

          Liked by 1 person

          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 ? :(

            Số lượt 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 ạ ^^

      Số lượt thích

  1. 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.

    Liked by 1 person

  2. 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~~ =((

    Số lượt 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

      Liked by 2 people

    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 :)

      Liked by 1 person

          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?

            Số lượt 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>

              Số lượt 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

                  Số lượt thích

  3. 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

    Số lượt thích

  4. 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

    Số lượt 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é

      Số lượt thích

  5. 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

    Số lượt 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

          Số lượt thích

  6. 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.

    Số lượt 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

      Liked by 1 person

                  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

                    Số lượt thích

  7. 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??

    Số lượt thích

  8. 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.

    Số lượt thích

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất /  Thay đổi )

Google photo

Bạn đang bình luận bằng tài khoản Google Đăng xuất /  Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất /  Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất /  Thay đổi )

Connecting to %s