Cách in đậm, in nghiêng, gạch chân văn bản không cần thẻ HTML chuẩn. Chọn văn bản

Tất cả chúng ta đều quen với việc làm nổi bật một phần văn bản hoặc từng từ riêng lẻ trên một trang web bằng chữ in đậm, gạch chân hoặc in nghiêng. Tuy nhiên, nếu bạn lạm dụng những thứ này, công cụ tìm kiếm có thể lọc trang hoặc trang web của bạn.

Hôm nay tôi sẽ đưa ra một giải pháp cho những ai muốn vẫn làm nổi bật từ ngữ và văn bản nhưng không sợ bị các công cụ tìm kiếm trừng phạt. Cá nhân tôi sử dụng phương pháp này trên một số trang web.

Thẻ HTML tiêu chuẩn chịu trách nhiệm định dạng văn bản:

Chú ý! Tôi đã phát hành một chủ đề Romb mới cho người viết bài và blog của bạn. Tốc độ trang Google nhanh nhất và tối ưu hóa tối đa cho SEO.

Tôi khuyên bạn nên sử dụng CSS để làm nổi bật văn bản, điều này sẽ được các công cụ tìm kiếm cảm nhận khá đầy đủ.

Mở tệp kiểu của bạn (style.css, css.css, screen.css, v.v.) và thêm tệp này vào cuối:

Mạnh (font-weight:bold;).italic (font-style:italic;).underline(text-trang trí:underline;)

Ở đây chúng tôi đã cung cấp cho các lớp tương ứng diện mạo của chúng tôi. Giờ đây, ở chế độ HTML, bạn có thể đưa đoạn văn bản hoặc từ mong muốn vào thẻ span với các tham số mong muốn, do đó văn bản sẽ có dạng mong muốn: in đậm, in nghiêng hoặc gạch chân. Nhìn thấy:

Tuy nhiên, việc viết thủ công thẻ span mới cho lớp mỗi lần sẽ tốn thời gian. Vì vậy, tôi đề xuất tùy chọn để tự động hóa việc này.

Bây giờ chúng tôi sẽ thêm các nút mới vào bảng định dạng văn bản trong khu vực quản trị trang WordPress của bạn. Nó sẽ trông giống thế này:

Như bạn có thể thấy trong hình, tôi đã thêm 3 nút mới ở chế độ HTML. Trên đó, tôi đã “treo” các nhịp đã tạo với các lớp cần thiết (mạnh, in nghiêng và gạch chân).

Mở tệp tin.php của bạn và ở cuối cùng, trước khi đóng ?> , hãy thêm đoạn mã sau (mượn nhưng đã được tôi sửa đổi):

/*các nút định dạng văn bản của riêng bạn*/ add_action("admin_footer", "eg_quicktags"); hàm eg_quicktags() ( ?> jQuery(document).ready(function())( if(typeof(QTags) !== "unknown") ( QTags.addButton("zhirny", "Bold", "", "" ) ); QTags.addButton("in nghiêng", "nghiêng", "", "");