Cách sử dụng Thẻ Span cho Blockquote trên WordPress

Thẻ Span cho phép bạn áp dụng kiểu CSS cho bất kỳ phần nào trong các bài đăng WordPress của bạn - hãy nghĩ về chúng như các lệnh CSS tùy chỉnh. Khi được bao bọc xung quanh một phần của văn bản, các lệnh tùy chỉnh này được áp dụng cho mọi thứ bên trong khoảng nhịp. Hiệu quả, điều này cho phép bạn phát minh ra các thẻ của riêng mình. Một ứng dụng như vậy là để tạo thẻ blockquote do người dùng xác định mà bạn có thể sử dụng cùng với lệnh blockquote mặc định của chủ đề.

1.

Đăng nhập vào khu vực quản trị WordPress của bạn. Từ menu chính ở bên trái, nhấp vào Xuất hiện trực tuyến, sau đó nhấp vào Trình biên tập. Sau đó, nếu không có các tùy chọn này, đó là do bạn không có quyền của Quản trị viên. Liên hệ với chủ sở hữu trang web để yêu cầu nâng cấp - hoặc yêu cầu họ hoàn thành các bước này cho bạn.

2.

Nhấp vào kiểu style.css, từ danh sách tập tin bên phải. Mã cho tệp này sẽ xuất hiện trong khung chỉnh sửa trung tâm. Bắt đầu một dòng mới ở đầu tệp và sau đó thêm mã sau đây:

.bq {hiển thị: khối; lề trái: 30px; viền trái-phong cách: rắn chắc; viền trái-màu: đỏ; đệm-trái: 5px; }

Phần thiết yếu duy nhất là màn hình hiển thị trên mạng: khối; dòng, cho phép nhiều dòng văn bản được tạo kiểu bởi các thẻ span. Phần còn lại của mã thụt vào blockquote 30 pixel, đặt một dòng màu đỏ xuống bên trái của trích dẫn và sau đó đặt văn bản năm pixel ở bên phải của dòng đó. Chỉnh sửa hoặc thêm mã mới cho phù hợp với sở thích của bạn. Nhấp vào Cập nhật tệp tin Cập nhật khi bạn hoàn tất.

3.

Nhấp vào các bài viết của Nhật Bản hoặc các trang khác từ menu chính và chọn một tài liệu mà bạn muốn thêm blockquote mới. Gói thẻ span xung quanh phần bạn muốn trích dẫn theo cách sau:

Đây là câu nói của tôi

4.

Nhấp vào Cập nhật Cập nhật từ trên cùng bên phải của màn hình, sau đó nhấp vào Xem Chế độ Xem để xem kết quả. Các thẻ span sẽ áp dụng tất cả các mã trong lớp Bbv mà bạn vừa tạo cho văn bản giữa chúng. Nếu bạn hài lòng với kết quả, bạn có thể tiếp tục áp dụng thẻ nhịp bq cho bất kỳ văn bản nào bạn muốn. Nếu không, hãy quay lại trang style.css và chỉnh sửa lớp bq, sau đó kiểm tra lại. Lặp lại cho đến khi bạn hài lòng.

tiền boa

• Thẻ Span không chỉ giới hạn trong văn bản - bạn có thể định kiểu mọi thứ mà CSS thường có thể được áp dụng.

Cảnh báo

• Mọi thay đổi bạn thực hiện đối với tệp kiểu style.css sẽ được áp dụng ngay lập tức trên toàn bộ trang web của bạn - hãy cẩn thận không chỉnh sửa bất kỳ mã nào khác trong tệp này.