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/

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

Trả lời

Điền thông tin vào ô dưới đây hoặc nhấn 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