Mẹo tự động canh giữa hình ảnh bài viết trong WordPress

Mẹo tự động canh giữa hình ảnh bài viết trong WordPress – Có thể nói wordpress một mã nguồn mở khá mạnh mẽ với sự hỗ trợ xây dựng một website, blog trong chỉ trong vài phút. Tuy nhiên trong quá trình sử dụng cũng có một số vấn đề gặp phải khiến bạn đâu đầu và không như mong muốn. Một trong những vấn đề mà mình giới thiệu dưới đây chắc chắn rằng đôi lúc bạn sẽ vấp phải?

Tự động canh giữa hình ảnh bài viết WordPress

Có thể nói giao diện là thành phần rất quan trọng của trang Web, và nội dung bài viết hình ảnh là một phần không thể thiếu? tuy nhiên bạn không biết vì sao khi chèn hình ảnh vào bài viết cho dù bạn đã canh giữa thì hình ảnh vẫn không hiển thị như ý của bạn vậy phải làm sao?

Trường hợp này xảy ra với một số “Theme” chứ không phải tất cả, nếu bạn đang gặp phải vấn đề trên thì có thể áp dụng mẹo bên dưới nó có thể giúp bạn giải quyết vấn đề đấy?

Đầu tiên hãy đăng nhập vào trang quản trị WordPress và sau đó truy cập theo đường đẫn sau: Appearance (Giao diện), chọn Customize (tùy biến), chọn tiếp Additional CSS (CSS bổ sung).

Mẹo tự động canh giữa hình ảnh

Sau đó bạn hãy sao chép toàn bộ đoạn mã được cung cấp bên dưới và dán vào phần Additional CSS (CSS bổ sung) là xong!

Cuối cùng nhấn “Save & Publish” để lưu lại và xuất bản kết quả là được!

Nếu bạn có cài đặt Plugin tạo Cache nên xóa Cache đồng thời cũng cần xóa Cache trình duyệt, sau khi thực hiện xóa Cache xong bạn hãy kiểm tra lại kết quả đã làm? (để kết quả chính xác bạn hãy sử dụng một trình duyệt khác để xem).

Hãy đợi chút: Bạn muốn chèn mã trong các khu vực Header, body, Footer trong WordPress, hãy tham khảo bài viết mẹo chèn mã vào Header, body, Footer trong WordPress vô cùng đơn giản.

Kết luận

Như vậy mình đã hướng dẫn các bạn mẹo tự động canh giữa hình ảnh bài viết trong WordPress khi bạn đã sử dụng tính năng canh giữa mà không được. Để tự động canh giữa hình ảnh khi đã định dạng bạn có thể tham khảo hướng như sau:

  • Thay đổi giao diện khác
  • Áp dụng mẹo tự động canh giữa bên trên
  • Tùy theo giao diện bạn hãy xác định thuộc tính rồi thêm CSS canh giữa hình ảnh

Đó là một số mẹo để bạn có thể canh giữa hình ảnh trong bài viết WordPress, chúc các bạn vui vẻ!

Tỉ lệ / 5. Phiếu:

Chúng tôi rất tiếc vì bài đăng này không hữu ích cho bạn!

Hãy để chúng tôi cải thiện bài đăng này!

Hãy cho chúng tôi biết làm thế nào chúng tôi có thể cải thiện bài đăng này?

Chia sẻ:

31 thoughts on “Mẹo tự động canh giữa hình ảnh bài viết trong WordPress”

  1. E chén đoạn code vào rồi tất cả hình ảnh đã đc canh giữa nhưng video thì không có cách nào khắc phụ không anh ơi?

      1. Alt shift J chứ. Nhưng đó là phiên cũ. Phiên bản mới là khối. Mình cũng đã thử nhiều cách mà không vẫn chưa được.

        1. Đây cái này dành cho bạn: Canh đều, còn nều muốn áp dụng cho tất cả bài viết thì vào WordPress Dashboard > Appearance > Customize > Additional CSS: sau đó dán đoạn mã này: .type-post
          p {text-align: justify;
          }

  2. Các bạn cứ làm theo hướng dẫn của Admin, nếu hình ảnh vẫn chưa vào giữa thì các bạn thêm dòng “text-align:Center;” giống như mình thì sẽ chạy được nha.
    Cảm ơn Admin.

    .wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    text-align:Center;
    margin:0;
    padding:0 4px 5px;
    }

    1. Vậy mình hướng dẫn cách xác định thuộc tính đó nhé!

      Bạn chuột phải vô trang Web sau đó chọn kiểm tra (hoặc nhấn Ctrl + Shift + I) sau đó hãy xác định khối caption và lúc này bạn sẽ thấy thuộc tính của nó và bạn hãy thay đổi thuộc tính là được! (dùng trình duyệt Google Chrome hoặc cốc cốc!

  3. Mình có một trang WP là http://www.daycon.com.vn – Hiện tại đang gặp một sự bất tiện là khi viết caption cho ảnh nội dung, đoạn caption đó bị căn trái. Mình muốn nó tự căn giữa thì phải làm thế nào bạn? (Căn giữa đoạn mô tả cho ảnh chứ không phải ảnh).

    Hiện nay mình bỏ qua cái caption của ảnh và tự chèn thêm một dòng dưới ảnh để làm mô tả, chọn căn lề giữa. 🙁

      1. Trang của mình đang hoạt động nên không test thử được. Trong WP có Chú thích và Mô tả cho ảnh. Khi nhập nội dung vào đó, dù đã chọn căn giữa nhưng không thể hiển thị là căn giữa mà nó bị căn trái.

        1. Bởi lẽ mỗi caption của mỗi theme sẽ khác nhau vì thế nếu không có mẫu rất khó xác định thuộc tính của nó bạn ak? bạn có thể vào file Style.css của theme và tìm xem từ khóa “wp-caption-text” nếu có hãy thay đổi thuộc tính text-align là Center nhé 😛

    1. Chào bạn – Vậy bạn hãy vào tập tin style.css của theme bạn đang dùng và tìm đoạn code tương tự và sửa lại nhé!

      div#largecol div#interior_wrapper img {
      float: left; /* đổi left thành center bạn nhé */
      display: inline;
      padding: 3px;
      background-color: #fff;
      margin: 5px 15px 0px 0px;
      }

      Chúc bạn thành công!

    2. Nếu không tìm thấy bạn hãy thêm đoạn mã này vô tập tin style.css thử nhé – Và khi viết bạn phải canh giữa hình ảnh nhé!

      .aligncenter {
      margin: 15px auto;
      display: block;
      text-align: center;
      }

Leave a Comment

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Scroll to Top
Ưu đãi Win, Office, Virus lên đến 90%. Bảo hành trọn đời, 1 đổi 1 nếu có lỗi xảy ra.
Khuyến mãi hấp dẫn