Plugin Breadcrumb. Tại sao bạn cần đường dẫn trong WordPress? Tạo Breadcrumbs bằng Plugin Yoast SEO

Cái gọi là “Mẩu bánh mì” dùng để cải thiện việc điều hướng trang web và giúp khách truy cập trang web tìm ra vị trí hiện tại của mình. Khách truy cập trên bất kỳ trang nào của trang web sẽ hiểu được vị trí của mình trong cấu trúc blog với sự trợ giúp của đường dẫn.

Breadcrumbs là một yếu tố khác liên kết nội bộđịa điểm. Việc điều hướng xung quanh trang web được đơn giản hóa, thuận tiện cho người truy cập trang web và về mặt này, các yếu tố hành vi được tăng lên.

Bản thân thuật ngữ “Breadcrumbs” được lấy từ câu chuyện cổ tích “Hansel và Gretel” của anh em nhà Grimm, trong đó trẻ em được đưa vào rừng. Lần đầu tiên, khi người cha, theo lệnh của bà mẹ kế độc ác, đưa anh trai và em gái của mình vào rừng, họ đã tìm được đường về nhờ những viên sỏi đã để lại trên đường đi. Lần thứ hai bọn trẻ không có viên sỏi nào nên chúng để chúng trên đường đi thay vì sỏi. vụn bánh mì bị chim rừng mổ và trẻ em bị lạc trong rừng. Sau nhiều cuộc phiêu lưu khác nhau, bọn trẻ vẫn tìm cách trở về nhà.

Thông thường, điều hướng Breadcrumbs là một thanh ở đầu trang trông giống như thế này:

Tất cả các phần của trang web, ngoại trừ phần cuối cùng, đều là liên kết. Phần điều hướng cuối cùng là trang chính xác mà bạn đang truy cập. Không cần phải tạo siêu liên kết đến trang này.

Phần tử cuối cùng này có thể không cần thiết trang riêng và ví dụ như tên của danh mục, nếu bạn được đưa vào một danh mục nào đó. Trong trường hợp này, tiêu đề của danh mục sẽ không còn là siêu liên kết nữa.

Breadcrumbs có thể được cài đặt trên trang web bằng cách sử dụng plugin hoặc không cần sử dụng plugin đặc biệt cho việc này. Trước tiên, hãy xem việc cài đặt breadcrumb bằng plugin Breadcrumb NavXT.

Plugin Breadcrumb NavXT

Để cài đặt plugin Breadcrumb NavXT, bạn cần đăng nhập vào “Bảng quản trị WordPress” => “Plugins” => “Thêm mới”. Trong trường “Tìm kiếm”, bạn cần nhập biểu thức “Breadcrumb NavXT” và sau đó bạn cần nhấp vào nút “Tìm kiếm plugin”.
Trong cửa sổ “Cài đặt plugin”, dưới tên plugin “Breadcrumb NavXT”, nhấp vào liên kết “Cài đặt”.

Trong cửa sổ “Cài đặt plugin: Breadcrumb NavXT” mở ra, hãy nhấp vào liên kết “Kích hoạt plugin”. Sau đó, ở thanh bên " Bảng quản trị WordPress"đã xuất hiện vật phẩm mới"Mẩu bánh mỳ NavXT". Nếu bạn nhấp vào mục này, bạn có thể nhập cài đặt của plugin Breadcrumbs.

Trong cửa sổ " Cài đặt đường dẫn NavXT" chứa khá nhiều cài đặt cho plugin này. Cài đặt Breadcrumb NavXT có thể được để ở cài đặt mặc định. Trong tab “Cơ bản”, nếu muốn, bạn có thể thay đổi mục “Liên kết đến Trang chủ”.

Bây giờ bạn cần chèn đoạn mã sau vào tệp chủ đề của mình, ở những nơi sẽ hiển thị đường dẫn:

Bạn nên chèn mã này vào các tệp sau trong chủ đề của mình: “Mục nhập đơn (single.php)”, “Mẫu trang (page.php)”, “Lưu trữ (arhvie.php)”, “Kết quả tìm kiếm (search. php)”.

Để chèn mã này, bạn cần vào “Bảng quản trị WordPress” => “Giao diện” => “Trình chỉnh sửa” => “Mẫu”.

Trong mẫu “Bài đăng đơn (single.php)”, mẫu chịu trách nhiệm cho các trang có bài viết, mã được chèn như trong hình ảnh này.

Sau khi chèn mã, nhấp vào nút “Cập nhật tệp”.

Mã được chèn vào, sau đó bạn cần nhấp vào nút “Cập nhật tệp”.

Bạn cũng sẽ cần chèn mã này vào tệp “Archives (arhvie.php)”, tệp này chịu trách nhiệm về các danh mục.

Sau khi chèn mã, hãy nhấp vào nút “Cập nhật tệp”.

Và sau khi cài đặt mã trong các tệp chủ đề WordPress, mã sẽ được chèn vào tệp “Kết quả tìm kiếm (search.php)”, tệp này chịu trách nhiệm tìm kiếm trang web. Dán mã vào vị trí như trong hình.

Hình ảnh này cho thấy điều hướng đường dẫn trông như thế nào. Tên trang chủ chưa được đổi thành tên trang web.

Bạn cũng có thể chèn đoạn mã sau vào tệp “Biểu định kiểu (style.ccs)” (đây là tùy chọn):

Breadcrumb ( font:bolder 12px "Trebuchet MS", Verdana, Arial; đệm-bottom: 10px; ) .breadcrumb a( color: #1B7499; ) .breadcrumb a:hover ( color: #EF0E0E; )

Trong mã này, bạn có thể thay đổi kích thước và phông chữ (font:bolder 12px “Trebuchet MS”, Verdana, Arial), phần đệm (padding-bottom: 10px), cũng như màu của các liên kết breadcrumb ở trạng thái tĩnh và khi di chuột qua con trỏ chuột qua chúng (bạn có thể thay đổi giá trị kỹ thuật số).

Các bài đọc trong mã này có thể được thay đổi theo ý của bạn hoặc bạn có thể tìm thấy một mã tương tự khác trên Internet. Bạn cũng có thể thực hiện mà không cần cài đặt mã này trong tệp “Biểu định kiểu (style.ccs)”. Trong theme mình cài, sau khi cài code thì font chữ có thay đổi một chút.

Bài viết này xem xét việc cài đặt breadcrumbs trên một trang web bằng cách sử dụng plugin Breadcrumb NavXT. Bài viết tiếp theo sẽ thảo luận về câu hỏi này - cách cài đặt mà không cần sử dụng plugin.

Kết luận của bài viết

Bằng cách sử dụng plugin Breadcrumb NavXT, điều hướng, còn được gọi là “breadcrumbs”, được cài đặt trên trang web, giúp người dùng hiểu mình đang ở phần nào của trang web tại một thời điểm nhất định.

Xin chào các độc giả thân yêu của trang blog. Trong bài viết này, tôi sẽ hướng dẫn bạn cách tạo thanh điều hướng mà bạn có thể nhìn thấy ở trên cùng trước tiêu đề bài viết. Chuỗi điều hướng này làm cho mọi việc trở nên đơn giản đối với tôi plugin choWordPress— vụn bánh mìNavXT, có nghĩa là “mẩu bánh mì”.

Plugin có tên này vì tác giả của nó, John Havlik, thích câu chuyện cổ tích về anh em nhà Grimm, nơi cậu bé Hansel rắc vụn bánh mì để tìm đường quay về. Đúng vậy, sẽ hợp lý hơn nếu gọi plugin là “những viên sỏi”, vì theo câu chuyện trong truyện cổ tích, Hansel và Gretel không thể tìm được đường về vì vụn bánh mì đã bị chim ăn mất. Được rồi, đó không phải là vấn đề, vấn đề chính là plugin này sẽ giúp khách truy cập không bị lạc vào trang web của bạn và sẽ cho bạn biết chính xác vị trí và danh mục (một phần của trang web) mà họ hiện đang ở.

Ngoài ra, plugin Breadcrumb NavXT giúp phân bổ đều trọng lượng tĩnh trên tất cả các trang của trang web, điều này rất quan trọng để quảng bá nó trên các công cụ tìm kiếm. Đề phòng trường hợp, nếu bạn cho rằng liên kết nội bộ (tối ưu hóa) của một trang web không quá quan trọng, thì tôi khuyên bạn nên đọc bài viết này, từ đó bạn sẽ thay đổi quan điểm của mình.

Vì vậy, trong bài viết này tôi sẽ hướng dẫn bạn cách triển khai điều hướng này trên trang web hoặc blog của bạn bằng cách sử dụng plugin Breadcrumb NavXT , cũng như mã đơn giản.

Đang cài đặt plugin Breadcrumb NavXT.

1 ) Như thường lệ, tải plugin và tải nó lên blog, kích hoạt nó.

2 ) Bây giờ chúng ta cần đặt mã đặc biệt ở nơi bạn muốn xem dòng đường dẫn. Để thực hiện việc này, hãy đi tới “trình soạn thảo” “giao diện” và chọn tệp mà bạn sẽ dán mã vào. Thông thường, mã plugin được chèn vào tệp “single entry” (single.php) ngay trước hoặc sau tiêu đề bài viết. Nếu bạn hoàn toàn không hiểu mã thì chỉ cần tìm hai thẻ ở đầu mã

Và , chịu trách nhiệm hiển thị tên các ấn phẩm. Mã của tôi trông như thế này:</p> <p><b><h2>" tiêu đề="<?php the_title (); ?>!}"><?php the_title (); ?></h2> </b></p> <p>Khi bạn tìm thấy thứ gì đó tương tự, hãy dán ngay mã đường dẫn này vào trước nó và cập nhật tệp.</p> <p><b><?php </b><br><br><b>(bcn_display();)</b><br><b>?> </b></p> <p>Nhân tiện, nếu bạn không thích điều hướng ngang và muốn nó được hiển thị theo chiều dọc thì bạn cần chèn mã này thay vì mã trước đó.</p> <p><b><?php if (function_exists ("bcn_display_list")) </b><br><b>{ </b><br><b>bcn_display_list();</b><br><b>}?> </b></p> <p>Tốt, như bạn có thể thấy, bây giờ bạn có một thanh điều hướng, nhưng không hiển thị ngày xuất bản ở cuối, giống như của tôi. Nếu bạn muốn đính kèm nó vào thanh điều hướng, thì bạn chỉ cần tìm mã trong chủ đề chịu trách nhiệm hiển thị ngày xuất bản và thêm nó sau mã đường dẫn.</p> <p><b><?php </b><br><b>if (function_exists("bcn_display"))</b><br><b>(bcn_display();)</b><br><b>?><span>> <span>Được phát hành<?php the_time (" j F Y"); ?></span></div> </span> </b></p> <p>Nếu có điều gì đó không rõ ràng, thì > - hiển thị một mũi tên như vậy cho tôi > và chữ j - là viết tắt của ngày, F - tháng, Y - năm. Tôi nghĩ sau những lời giải thích như vậy, bạn sẽ không khó để tự mình tìm ra đoạn mã như vậy.</p> <p>Được rồi, bây giờ hãy nhìn vào thiết kế. Bản thân kiểu phông chữ và màu của các liên kết trên thanh điều hướng được lấy từ kiểu chủ đề của bạn, nhưng nếu bạn không thích chúng và muốn thay đổi chúng, thì chỉ cần thêm dòng bổ sung này vào mã chúng tôi đã dán ở trên.</p> <p><b><divclass="breadcrumb"></div> </b></p> <p>Kết quả là bạn sẽ có mã như thế này:</p> <p><b><divclass="breadcrumb"> </b> </span><br><b><?php </b><br><b>if (function_exists("bcn_display"))</b><br><b>{ </b><br><b>bcn_display();></b><br><b>} </b><br><b>?> </b><br><b></div> </b> </p> <p>Bây giờ hãy vào “trình soạn thảo” “ngoại hình” và mở tệp “biểu định kiểu” (style.css). Và dán mã này gần đến cuối cùng và cập nhật tệp.</p> <p><b>.breadcrumb (</b><br><b>phông chữ:đậm hơn 12px “Trebuchet MS”, Verdana, Arial;</b><br><b>phần đệm dưới cùng: 10px;</b><br><b>} </b><br><b>.breadcrumb a(</b><br><b>màu sắc: #1B7499;</b><br><b>} </b><br><b>.breadcrumb a:hover (</b><br><b>màu: #EF0E0E;</b><br><b>} </b></p> <p>Trước khi chuyển trực tiếp sang phần đánh giá các mô-đun, tôi sẽ nói vài lời về cách thức và lý do giải pháp này được áp dụng:</p> <ul><li>Thứ nhất, nó hữu ích từ quan điểm khả năng sử dụng - điều hướng sẽ định hướng mọi người trên trang web và làm rõ cấu trúc của nó.</li> <li>Thứ hai, tính năng này cũng có tác dụng tối ưu hóa, bởi vì... về cơ bản là một tùy chọn khác và cũng làm tăng số lần nhấp chuột và thời gian dừng (+ có thể xuất hiện trong kết quả).</li> </ul><p>Tuy nhiên, chức năng như vậy có hiệu quả trong mọi dự án web. Nếu bạn có một danh thiếp đơn giản dài 10-20 trang không có hệ thống phân cấp lồng nhau thì việc thêm đường dẫn vào WP chẳng ích gì. Phần tử này hoàn toàn không mang lại lợi ích gì mà chỉ chiếm không gian trống trên màn hình. Trong trường hợp cổng thông tin công ty có các danh mục/phần đa cấp thì đó lại là một vấn đề hoàn toàn khác. Ngoài ra nó trông cũng rất tuyệt.</p> <p>Về mặt lý thuyết, khối này có thể không hiển thị trên tất cả các trang. Ví dụ: bạn có một blog, ban đầu cung cấp một số đường dẫn truyền thống thông qua trang web: thẻ và danh mục, kho lưu trữ ngày tháng, tác giả cũng như các bài đăng cụ thể. Tôi sẽ để điều hướng trong các phần và ghi chú, trong khi ở nhãn và ngày tháng, giá trị của những thông tin đó là tối thiểu, bởi vì nó chỉ đơn giản là sao chép tiêu đề. Nếu các plugin breadcrumb WordPress đã cài đặt không cho phép bạn thực hiện việc này trực tiếp, hãy sử dụng . Ngoài ra, nên thiết kế phần tử một cách kín đáo nhất có thể thông qua bố cục và kiểu dáng.</p> <p><img src='https://i1.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread2.jpg' width="100%" loading=lazy loading=lazy></p> <p>Thật ngu ngốc khi ngay trong chuỗi “Trang chủ” - “Danh mục” - “Tiêu đề bài viết” bạn thấy tiêu đề tương tự + dấu hiệu của danh mục hiện tại. Nhân tiện, việc hiển thị các danh mục như vậy thường được tìm thấy trong các mẫu WP tiêu chuẩn, vì vậy sau khi tích hợp giải pháp phù hợp, bạn nên sửa lại sắc thái này.</p> <h2>Plugin và Breadcrumbs trong WordPress</h2> <p>Bạn có thể dễ dàng tìm thấy các mô-đun cho tác vụ này bằng tên tiếng Anh của chức năng Breadcrumbs - trong kho lưu trữ WordPress hoặc thông qua các công cụ tìm kiếm. Có rất nhiều tùy chọn triển khai khác nhau, nhưng hầu hết chúng đều chưa được cập nhật trong vài năm.</p> <p><img src='https://i2.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread3-560x380.jpg' width="100%" loading=lazy loading=lazy></p> <p>Có lẽ tác giả đã chán cạnh tranh với người dẫn đầu thường trực Breadcrumb NavXT với 600 nghìn. tải xuống và SEO bởi Yoast. Ngoài ra, khá khó để nghĩ ra điều gì đó độc đáo hơn trong vấn đề này, bởi vì nó đơn giản nhất có thể và thậm chí bạn có thể triển khai đường dẫn trong WordPress mà không cần plugin. Dù vậy, tôi đã chọn 4 giải pháp thú vị nhất:</p> <p><img src='https://i0.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread41-560x250.jpg' width="100%" loading=lazy loading=lazy></p> <p>Về nguyên tắc, nhiệm vụ chính của học phần không liên quan gì đến chủ đề hôm nay của chúng ta nhưng không thể bỏ qua. Một trong những tính năng bổ sung của plugin Yoast SEO là mẩu bánh mì. Nghĩa là, bạn không phải cài đặt mô-đun mới mà chỉ cần kích hoạt tùy chọn thích hợp. Trong công việc của tôi, tôi sử dụng chính xác tùy chọn này.</p> <p><img src='https://i1.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread42-560x250.jpg' width="100%" loading=lazy loading=lazy></p> <p>là plugin Breadcrumb phổ biến nhất trong WordPress với hơn 600 nghìn lượt tải xuống. Được cập nhật thường xuyên và chứa nhiều tính năng để dễ dàng tùy chỉnh màn hình điều hướng của bạn. Nó cũng bao gồm một tiện ích tích hợp sẵn, hỗ trợ cho bbPress, BuddyPress, bản địa hóa, khả năng cho các nhà phát triển sử dụng bộ lọc/hook, v.v.</p> <p>vụn bánh mì</p> <p><img src='https://i1.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread43-560x250.jpg' width="100%" loading=lazy loading=lazy></p> <p>Về nguyên tắc, rất khó để tìm ra giải pháp thú vị hơn hai giải pháp trước, mặc dù đã có những nỗ lực tốt. Ví dụ: mô-đun Breadcrumb cho WordPress có hỗ trợ mã ngắn, cộng với bản thân chuỗi liên kết có thiết kế ban đầu (xem liên kết Live Demo!). Không rõ liệu các thiết kế có được hỗ trợ trong phiên bản miễn phí hay không. Bạn cũng có thể tùy chỉnh loại dấu phân cách và thêm văn bản vào đầu phần tử. Theo các nhà phát triển, tập lệnh càng đơn giản và nhẹ càng tốt.</p> <p><img src='https://i1.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread44-560x250.jpg' width="100%" loading=lazy loading=lazy></p> <p>Một tùy chọn khác có điểm cộng hoặc điểm trừ, số lượt tải xuống khá cao, mặc dù thực tế là nó đã được cập nhật khoảng một năm trước. Các tác giả hứa hẹn khả năng tùy chỉnh linh hoạt các đường dẫn trong WordPress: hook tích hợp, tùy chọn hiển thị và hỗ trợ kiểu (có Mẫu CSS trong phần mô tả). Mô-đun này có vẻ là một giải pháp khá tốt và đơn giản với điểm số cao.</p> <h3>Breadcrumb trong Yoast SEO</h3> <p>Tôi sẽ không mô tả chi tiết tất cả những điều phức tạp của công việc, bạn có thể đọc về nó trong đó, tôi sẽ chỉ tập trung vào việc tạo ra một yếu tố bằng những mảnh vụn. Quá trình tích hợp bao gồm hai phần - cài đặt trong bảng quản trị + chỉnh sửa mẫu.</p> <p>Sau khi kích hoạt, một phần SEO hoàn toàn mới sẽ xuất hiện nơi bạn cần chọn tùy chọn “Nâng cao”. Tiếp theo, chuyển công tắc ở mục có tên lạ “Enable Crumb” sang vị trí “On”:</p> <p><img src='https://i0.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread51-560x489.jpg' width="100%" loading=lazy loading=lazy></p> <p>Về nguyên tắc, không có nhiều lựa chọn khác nhau ở đây. Bạn xác định ký hiệu phân cách, tiêu đề trang chủ, tiền tố, văn bản cho kho lưu trữ và trang 404. Ngay bên dưới, chọn tùy chọn phân loại hiển thị trong bài đăng (danh mục hợp lý nhất).</p> <p>Sau đó đi tới tệp mẫu nơi bạn sẽ hiển thị khối điều hướng và thêm các dòng:</p> <table><tr><td class="code"> <?php if ( function_exists ("yoast_breadcrumb" ) ) { yoast_breadcrumb("<p id="breadcrumbs">" , "</p>" ) ; } ?> </td> </tr></table><p><?php if (function_exists("yoast_breadcrumb")) { yoast_breadcrumb(""); } ?></p> <p>Những nơi phổ biến nhất để chèn mã là trong bài viết (single.php) và các trang (page.php) trước khi hiển thị tiêu đề. Đôi khi nó có thể được đặt ở cuối bố cục tiêu đề (header.php). Đoạn mã trên có một câu lệnh có điều kiện và kiểm tra sự hiện diện của plugin, sau đó hiển thị kết quả. Với thiết kế này, bạn có thể dễ dàng vô hiệu hóa đường dẫn trong cài đặt. Nhân tiện, mã này ban đầu được thêm vào nhiều chủ đề chuyên nghiệp, bởi vì Mô-đun này rất phổ biến.</p> <p>Một ưu điểm khác của Yoast SEO là đường dẫn có thể được đặt trong các tham số bổ sung của bài đăng trên blog:</p> <p><img src='https://i0.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread52-560x377.jpg' width="100%" loading=lazy loading=lazy></p> <p>Nghĩa là, bạn có cơ hội xác định thủ công bất kỳ giá trị tiêu đề bài đăng WP nào thông qua bảng quản trị. Điều này hữu ích cho các tiêu đề bài viết dài + cho phép bạn loại bỏ thông tin trùng lặp.</p> <h3>Plugin Breadcrumb NavXT cho WordPress</h3> <p>Ngoài ra, khi tạo breadcrumbs cho WordPress, Breadcrumb NavXT planin được sử dụng. Mô-đun này có chức năng tốt mà tôi đã đề cập một phần ở trên, ngoài ra nó còn chứa nhiều tùy chọn thú vị. Hầu như mọi người dùng đều có thể hiểu nó và dễ dàng thay đổi các cài đặt cần thiết của thành phần điều hướng.</p> <p>Thông qua bảng quản trị hoặc tải xuống từ kho lưu trữ chính thức. Quan trọng! Đối với Breadcrumb NavXT phiên bản 5.2, bạn sẽ cần PHP5.3, các bản phát hành trước đó yêu cầu PHP5.2. Sau đó, bạn kích hoạt nó và phần tương ứng sẽ xuất hiện trong WP.</p> <p><img src='https://i0.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread61-560x477.jpg' width="100%" loading=lazy loading=lazy></p> <p>Có 4 tab tham số ở đây:</p> <ul><li>Trong “Cơ bản”, bạn có thể chọn loại dấu phân cách, xóa liên kết đến trang chính và định cấu hình hiển thị trang hiện tại. Định dạng chuỗi được chỉ định thông qua các mẫu.</li> <li>“Bài viết” - chứa các tùy chọn cho bài viết.</li> <li>“Phân loại” - chịu trách nhiệm về thẻ/danh mục.</li> <li>“Khác” - định dạng trang tác giả, kho lưu trữ, lỗi 404.</li> </ul><p>Tôi khuyên bạn nên xem qua từng tab và xem tất cả các tính năng. Định dạng hiển thị cho phép bạn thực hiện bất kỳ thay đổi nào đối với điều hướng này - thêm văn bản/ký hiệu của riêng bạn, thay đổi kiểu, v.v.</p> <p>Sau khi chỉ định tham số Breadcrumbs trong plugin WordPress, bạn cần đặt đầu ra thông tin trong mẫu - mở tệp bố cục tương ứng (thường là header.php) và đặt các dòng vào đúng vị trí:</p> <table><tr><td class="code"> <div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/"> <?php if (function_exists ("bcn_display" ) ) { bcn_display() ; } ?> </div> </td> </tr></table><p><div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/"> <?php if(function_exists("bcn_display")) { bcn_display(); }?> </div></p> <p>Tương tự như làm việc với Yoast SEO, việc lựa chọn nơi đặt mã tùy thuộc vào chủ đề được cài đặt. Nếu bạn định hiển thị một khối trong tiêu đề thì hãy sử dụng header.php. Vì tệp này là chung cho tất cả các trang trong bố cục, bạn sẽ thấy một chuỗi liên kết trên mỗi trang. Bạn cũng có thể chỉ hiển thị một phần tử trong các phần đã chọn - trong trường hợp này, hãy dán mã vào single.php, page.php, archive.php, v.v. Nhìn chung, Breadcrumb NavXT là một công cụ tốt.</p> <h2>Breadcrumbs trong WordPress không cần plugin</h2> <p>Có thể triển khai chức năng Breadcrumbs trong WordPress mà không cần plugin. Tuy nhiên, trước khi chuyển sang mô tả các lựa chọn khác nhau, tôi sẽ bày tỏ quan điểm chủ quan của mình về lý do tại sao đây không phải là ý tưởng tốt nhất:</p> <ul><li>Việc tích hợp chắc chắn sẽ là thách thức đối với người dùng mới làm quen.</li> <li>Việc chỉnh sửa các tham số trực tiếp trong mã không đặc biệt rõ ràng - việc thiết lập các mẫu hiển thị thông qua bảng quản trị sẽ thuận tiện hơn nhiều so với việc chỉnh sửa trực tiếp.</li> <li>Các mô-đun có nhiều tính năng hơn - ít nhất phải có bản địa hóa, hỗ trợ Schema.org, các tiện ích.</li> <li>Không phải tất cả các mã tìm thấy trên web đều mới nhất, chính xác và được cập nhật thường xuyên, trong khi ít nhất Yoast SEO và Breadcrumb NavXT trong WordPress hoạt động ổn định.</li> </ul><p>Thành thật mà nói, tôi không nghĩ rằng việc tạo đường dẫn trong WordPress mà không cần plugin sẽ giúp bạn tăng hiệu suất đáng kể. Có, nếu bạn là một nhà phát triển web thú vị, đang tạo một dự án cho chính mình, thì bạn có thể thực hiện bằng “mã sạch”; trong mọi trường hợp khác, mô-đun làm sẵn đơn giản hơn nhiều.</p> <p>Một trong những giải pháp nhỏ gọn nhất và cộng hoặc trừ hiện tại. Điều đầu tiên bạn làm là thêm một hàm tùy chỉnh mới get_breadcrumb() vào tệp tin.php.</p> <table><tr><td class="code"> <span>/** * Tạo mẩu bánh mì * @author CodexWorld * @authorURL www.codexworld.com */</span> hàm get_breadcrumb() ( echo "Home" ; if (is_category() || is_single() ) ( echo " » " ; the_category(" . " ) ; if (is_single() ) ( echo " » " ; the_title() ; ) ) elseif (is_page() ) ( echo " » " ; echo the_title() ; ) elseif (is_search() ) ( echo " » Kết quả tìm kiếm cho... " ; echo "" <em>" ; echo the_search_query() ; echo "</em>"" ; } } </td> </tr></table><p>/** * Tạo mẩu bánh mì * @author CodexWorld * @authorURL www.codexworld.com / function get_breadcrumb() ( echo "Home"; if (is_category() || is_single()) ( echo " " "; the_category(" . "); if (is_single()) ( echo " » "; the_title(); ) ) elseif (is_page()) ( echo " » "; echo the_title(); ) elseif (is_search()) ( echo " » Kết quả tìm kiếm cho... "; echo "" <em>"; echo the_search_query(); echo "</em>""; } }</p> <p>Sau đó, trong bố cục hiển thị bài đăng single.php hoặc bất kỳ bố cục nào khác, hãy gọi nó:</p> <table><tr><td class="code"> <div class="breadcrumb"><?php get_breadcrumb(); ?></div> </td> </tr></table><p><div class="breadcrumb"><?php get_breadcrumb(); ?></div></p> <table><tr><td class="code">breadcrumb ( đệm : 8px 15px ; lề dưới : 20px ; kiểu danh sách : không ; màu nền : #f5f5f5 ; bán kính đường viền : 4px ; ) .breadcrumb a ( màu : #428bca ; trang trí văn bản : không ; )</td> </tr></table><p>breadcrumb ( đệm: 8px 15px; lề dưới: 20px; kiểu danh sách: không; màu nền: #f5f5f5; bán kính đường viền: 4px; ) .breadcrumb a ( color: #428bca; text-trang trí: none; )</p> <p>Kết quả là bạn sẽ nhận được một cái gì đó như:</p> <p>Nếu điều này là đủ cho bạn thì tại sao không. Tôi cũng có thể đề xuất tùy chọn từ Dimox, công ty đã cố gắng tính đến tất cả những thiếu sót của các đoạn mã hiện có. Ở đó có nhiều mã nguồn hơn, hoàn toàn có thể tạo một mô-đun chính thức từ nó :)</p> <h2>Làm thế nào để loại bỏ Breadcrumb trong WordPress</h2> <p>Về nguyên tắc, nhiệm vụ này là đảo ngược quá trình cài đặt một phần tử. Do đó, trước khi vô hiệu hóa nó, bạn cần hiểu chính xác cách mọi thứ được triển khai trong trường hợp cụ thể của bạn. Thuật toán xấp xỉ như sau:</p> <ol><li>Hãy xem liệu có plugin breadcrumb cho trang web WordPress hay không. Nếu có, hãy thử ẩn hiển thị chuỗi liên kết trong cài đặt và/hoặc tắt nó.</li> <li>Nếu nhà phát triển thực hiện tích hợp chính xác thì việc xóa mô-đun sẽ không dẫn đến lỗi. Nếu không, chúng tôi tìm mã đầu ra điều hướng trong tệp mẫu (WinGrep có thể trợ giúp). Ví dụ: đây có thể là các hàm yoast_breadcrumb(), bcn_display(), bread_crumb(), v.v. Loại bỏ các dòng bổ sung.</li> <li>Hãy kiểm tra lại việc hiển thị các trang dự án trong trình duyệt.</li> </ol><p>Về nguyên tắc, việc vô hiệu hóa hoặc loại bỏ đường dẫn trong WordPress không quá khó, điều quan trọng chính là hiểu cách chúng được thêm vào. Chỉnh sửa mã cẩn thận để không xóa bất cứ điều gì quan trọng (bạn có thể nhận xét các dòng trước).</p> <p><b>Tổng cộng.</b> Trong bài viết, tôi đã thảo luận chi tiết về cách tạo đường dẫn trong WordPress; thông tin về cách thiết lập nó là đủ cho bạn. Trước khi cài đặt, tôi khuyên bạn nên suy nghĩ xem bạn có thực sự cần thiết bị này hay không. Về việc triển khai, cá nhân tôi không thấy ý nghĩa của việc triển khai phần tử đường dẫn trang web trong WordPress mà không có plugin, vì dự án web của bạn có thể sẽ có Yoast SEO. Đối với các mô-đun khác, chúng chỉ hữu ích trong trường hợp có một số chức năng ban đầu. Breadcrumb NavXT có vẻ khá tốt, nhưng tôi hoàn toàn ủng hộ giải pháp của Yoast.</p> <p><i>Nếu bạn có bất kỳ câu hỏi nào về cách làm việc với Breadcrumbs breadcrumbs và plugin WordPress cho chúng, hãy viết bên dưới và chúng tôi sẽ giải quyết.</i></p> <p><i>tái bút Bảo vệ. Ngày nay cần phải sử dụng hệ thống đường ống hiện đại - ống dẫn khí do Thương mại Eurotrubplast cung cấp đáp ứng mọi tiêu chuẩn chất lượng.</i></p> <p>Chào mọi người!. Hôm nay, trong bài viết này, tôi muốn cho bạn biết cách bạn có thể cải thiện khả năng sử dụng trang web của mình bằng cách sử dụng plugin Yoast SEO, điều mà tôi sẽ nói chi tiết trong một trong những bài viết tiếp theo của mình.</p> <p>Chắc chắn nhiều người đã nghe nói về plugin này và biết rằng nó cần thiết để viết bài tối ưu SEO. Nhưng ít người nhận ra breadcrumbs WordPress Yoast SEO có thể làm được những gì khác.</p> <p>Trước tiên, hãy để tôi giải thích “breadcrumbs” là gì và tại sao chúng lại cần thiết.</p> <p>Vì thế, <span>“Mẩu bánh mì” là điều hướng bổ sung theo từng trang hiển thị danh mục hoặc phần của bài viết.</span> Một khách truy cập, sau khi truy cập một số trang trên blog của bạn, phải hiểu anh ta đang ở phần nào và liệu anh ta có đang tìm kiếm thông tin mình cần trong đúng danh mục hay không. Điều hướng này có thể được tóm tắt như sau:</p> <p><img src='https://i1.wp.com/blog-bridge.ru/wp-content/uploads/2015/12/zamena-kartinki.jpg' width="100%" loading=lazy loading=lazy></p> <p>Trên trang web của chúng tôi nó trông như thế này:</p> <p><img src='https://i2.wp.com/blog-bridge.ru/wp-content/uploads/2015/12/hlebnyie-kroshki-nash-sayt.jpg' width="100%" loading=lazy loading=lazy></p> <p>Ngoài ra, sự hiện diện của điều hướng này giúp robot hiểu rõ hơn cấu trúc trang web và lập chỉ mục blog của bạn nhanh hơn. Và điều này rất quan trọng đối với các dự án trực tuyến.</p> <p>"Tại sao?" - bạn hỏi, chúng tôi quyết định sử dụng plugin này. Câu trả lời ở đây sẽ đơn giản. Có một số lượng lớn các dịch vụ tương tự trên Internet sẽ giúp loại bỏ "mẩu vụn", nhưng đồng thời chúng sẽ tải thêm trang web, điều này chắc chắn sẽ không làm cho nó tốt hơn chút nào. Và vì chúng tôi vẫn sử dụng Yoast SEO để tối ưu hóa bài đăng, nên sẽ thật tội lỗi nếu không tận dụng các khả năng của nó và không tạo ra khả năng sử dụng thuận tiện với sự trợ giúp của nó.</p> <h2><span><b>Thiết lập đầu ra breadcrumb bằng plugin Yoast SEO</b> </span></h2> <p>Tôi sẽ không viết ở đây cách cài đặt Yoast SEO này. Nếu bạn chưa biết cách thực hiện thì hãy đọc bài viết này của tôi nhé “”. Trong đó tôi nói chi tiết và chỉ ra những cách bạn có thể cài đặt các plugin cần thiết cho công việc.</p> <p><img src='https://i1.wp.com/blog-bridge.ru/wp-content/uploads/2015/12/Nastroyki-plagina-SEO.jpg' height="264" width="157" loading=lazy loading=lazy></p> <p>Trong cửa sổ mở ra, hãy chọn hộp kiểm “Bật đường dẫn”.</p> <p><img src='https://i2.wp.com/blog-bridge.ru/wp-content/uploads/2015/12/Vklyuchenie-navigatsii.jpg' width="100%" loading=lazy loading=lazy></p> <p>Chúng tôi rất vui mừng khi tất cả các cài đặt sẽ mở ra bằng tiếng Nga và chúng rất trực quan. Trong video sắp xuất hiện trong bài viết này, tôi sẽ trình bày rõ hơn điều gì sẽ xảy ra khi bạn thay đổi một số mục trong menu này. Trong thời gian chờ đợi, bạn có thể dễ dàng thử nghiệm và thử tự thay đổi cài đặt. Không thể làm bất cứ điều gì khủng khiếp ở đây, vì đây chỉ là những điều chỉnh trực quan đối với “mảnh vụn” của chúng tôi.</p> <p>Sau khi kích hoạt breadcrumb, bước tiếp theo là chèn mã kích hoạt tính năng này vào mẫu chủ đề của bạn. Để tìm hiểu mã nào cần được chèn, hãy nhấp vào liên kết sau cài đặt chuỗi của chúng tôi.</p> <p><img src='https://i0.wp.com/blog-bridge.ru/wp-content/uploads/2015/12/Perehod-po-ssyilke.jpg' width="100%" loading=lazy loading=lazy></p> <p>Sau khi truy cập trang web chính thức của plugin này, chúng tôi sao chép mã được yêu cầu và dán mã đó vào vị trí trong chủ đề mà chúng tôi dự định hiển thị chúng.</p> <p><img src='https://i1.wp.com/blog-bridge.ru/wp-content/uploads/2015/12/Kod-dlya-vstavki-v-shablon.jpg' width="100%" loading=lazy loading=lazy></p> <p>Tôi không thể đề xuất một nơi phổ biến để chèn mã này vì nó phụ thuộc vào chủ đề bạn đang sử dụng. Bạn có thể cần phải viết nó trong tệp single.php hoặc trong page.php và trong một số trường hợp trong header.php.</p> <p>Trong trường hợp của chúng tôi, chúng tôi đã chèn mã gần như ngay đầu tệp single.php, nằm ở www/wp-content/themes/your theme/.</p> <p><i>Ghi chú:</i> Xin lưu ý rằng tốt hơn là bạn nên chèn mã thông qua ứng dụng khách FTP. Chúng tôi sử dụng Filezilla, công việc đã được viết chi tiết. Hãy nhớ đọc hướng dẫn của chúng tôi để tránh nhiều lỗi cho người mới bắt đầu.</p> <p>Hơn nữa, xin lưu ý rằng mã chúng tôi có hơi khác so với mã được các nhà phát triển đề xuất cho chúng tôi. Cụ thể là chúng tôi đã gói chức năng breadcrumbs trong thẻ div. Điều này được thực hiện để bạn có thể đặt kiểu hiển thị của riêng mình.</p> <p>Để làm điều này, trong tệp style.css, chúng tôi viết các kiểu mà chúng tôi yêu cầu. Trong đó, chúng ta có thể đặt màu sắc, nền, kích thước phông chữ, gạch chân, nghĩa là dẫn đến giao diện hoàn toàn phù hợp với sở thích của chúng ta hoặc được kết hợp với phong cách tổng thể của trang. Trong trường hợp của chúng tôi, nó trông như thế này:</p> <p>Đến đây việc thiết lập plugin gần như đã hoàn tất nhưng ở phiên bản này, sau khi hiển thị các tiêu đề thì tiêu đề của bài viết cũng sẽ được hiển thị. Điều này có thể dẫn đến việc gửi thư rác quá mức. Tôi nghĩ bạn sẽ đồng ý với tôi rằng điều này là không cần thiết, vì tiêu đề của bài viết đã hiển thị rõ ràng cho người dùng và không cần phải sao chép lại.</p> <p><img src='https://i1.wp.com/blog-bridge.ru/wp-content/uploads/2015/12/obrazets-perespamlennosti.jpg' width="100%" loading=lazy loading=lazy></p> <p>Để tránh điều này, bạn cần chèn thêm một đoạn mã nhỏ vào tệp tin.php.</p><p>Hàm adjustment_single_breadcrumb($link_output) ( if(strpos($link_output, "breadcrumb_last") !== false) ( $link_output = ""; ) return $link_output; ) add_filter("wpseo_breadcrumb_single_link", " adjustment_single_breadcrumb");</p><p>Bây giờ tất cả các cài đặt của chúng tôi đã hoàn tất. Nếu bạn đã làm mọi thứ một cách chính xác, thì bạn sẽ nhận được kết quả gần giống như trên blog của chúng tôi.</p> <p>Nếu bạn có bất kỳ câu hỏi nào, hãy viết trong phần bình luận!</p> <p>Tạm biệt mọi người!</p> <p><i>Anton Kalmykov đã ở bên bạn</i></p> <p>Breadcrumbs là một hệ thống điều hướng đa cấp cho người dùng biết họ hiện đang ở vị trí nào trên trang web so với trang chính. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách hiển thị đường dẫn WordPress:</p> <h2>Breadcrumbs là gì và chúng dùng để làm gì?</h2> <p>Breadcrumbs là thuật ngữ dùng để mô tả menu điều hướng phân cấp được trình bày dưới dạng một chuỗi liên kết. Nó thường được sử dụng như một menu điều hướng bổ sung.</p> <p>Breadcrumbs khác với hệ thống menu điều hướng mặc định của WordPress.</p> <p>Mục đích của breadcrumbs là giúp người dùng điều hướng trang web. Chúng giúp hiểu người dùng hiện đang ở đâu. Nó cũng giúp các công cụ tìm kiếm xác định thứ bậc của các liên kết đến các trang web.</p> <p>Các công cụ tìm kiếm như Google đã bắt đầu hiển thị đường dẫn trang web trong kết quả tìm kiếm. Điều này làm tăng khả năng hiển thị của trang web trong kết quả tìm kiếm và cải thiện tỷ lệ chuyển đổi:</p> <p><br><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201602/breadcrumbs-seo-261125.png' width="100%" loading=lazy loading=lazy></p> <h3>Thêm đường dẫn bằng cách sử dụng Plugin Breadcrumb NavXT</h3> <p>Đây là một plugin breadcrumb WordPress linh hoạt và dễ sử dụng. Nó có nhiều tính năng đa dạng hơn bạn có thể tưởng tượng. Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Breadcrumb NavXT. Sau khi kích hoạt nó, bạn cần truy cập trang cài đặt plugin: <span>Cài đặt - Breadcrumb NavXT</span>:</p> <p><br><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201602/breadcrumbnavxt-settings-261126.png' width="100%" loading=lazy loading=lazy></p> <p>Đối với hầu hết các trang web, cài đặt mặc định sẽ ổn. Nhưng nếu cần, bạn có thể thay đổi cài đặt.</p> <p>Trang cài đặt được chia thành nhiều phần. Trên tab Chung, bạn có thể xác định cách plugin sẽ hoạt động trên trang web.</p> <p>Tại đây bạn có thể thay đổi mẫu liên kết. Các mẫu này sử dụng tham số Schema.org trong thẻ liên kết.</p> <p>Trong phần “Loại bài đăng”, bạn có thể đặt “mẩu bánh mì” cho bài đăng, trang và bất kỳ loại bài đăng tùy chỉnh nào. Bạn có thể chọn hiển thị thứ bậc bản ghi. Theo mặc định plugin sẽ sử dụng hệ thống phân cấp " <span>Tiêu đề trang web > Danh mục > Tiêu đề bài viết</span>».</p> <p>Bạn có thể thay thế các thành phần điều hướng bằng thẻ, ngày tháng hoặc bài đăng gốc. Các tab Phân loại và Tác giả có các mẫu tương tự cho các liên kết menu. Đừng quên bấm vào " <span>Lưu thay đổi</span>».</p> <h3>Hiển thị Breadcrumb NavXT trên trang web của bạn</h3> <p>Để sử dụng plugin Breadcrumbs WordPress này, bạn phải chỉnh sửa các tệp chủ đề. Bạn cần thêm đoạn mã sau vào tệp header.php của chủ đề ở nơi hiển thị đường dẫn:</p> <p><div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/"> <?php if(function_exists("bcn_display")) { bcn_display(); }?> </div></p> <p>Đi đến trang web và mở một bài viết hoặc trang. Bạn sẽ thấy rằng bạn đã hiển thị đường dẫn.</p> <h3>Thêm Breadcrumbs bằng Plugin Yoast SEO</h3> <p>Cài đặt và kích hoạt Plugin Yoast SEO. Sau khi kích hoạt plugin bạn cần truy cập trang <span>SEO > Nâng cao</span> và chọn hộp cho tùy chọn " <span>Kích hoạt đường dẫn</span>»:</p> <p><br><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201602/yoastbreadcrumb-1-261131.png' width="100%" loading=lazy loading=lazy></p> <p>Sau đó, một số tùy chọn sẽ có sẵn để bạn có thể thay đổi tùy chọn hiển thị cho mẩu bánh mì. Cài đặt mặc định phù hợp với hầu hết các trang web nhưng có thể dễ dàng thay đổi nếu cần.</p> <p>Khi bạn đã hoàn tất, hãy nhấp vào " <span>Lưu thay đổi</span>».</p> <h3>Tạo Breadcrumbs bằng Plugin Yoast SEO</h3> <p>Một số chủ đề đã hỗ trợ đường dẫn Yoast. Truy cập trang web và mở bất kỳ trang hoặc bài đăng nào để xem liệu nó có hiển thị đường dẫn WordPress hay không. Nếu không, bạn cần thêm một đoạn mã nhỏ vào chủ đề đang hoạt động.</p> <p>Dán mã này vào header.php của chủ đề ở cuối tệp:</p> <p><?php if (function_exists("yoast_breadcrumb")) {yoast_breadcrumb("");} ?></p> <p>Vậy là xong, bây giờ bạn có thể truy cập trang web của mình, mẩu bánh mì sẽ được hiển thị ở đó.</p> <p>Chúng tôi hy vọng bài viết này đã giúp bạn.</p> <p>Dịch bài viết" <span>Cách hiển thị liên kết điều hướng Breadcrumb trong WordPress</span>"đã được chuẩn bị bởi nhóm dự án thân thiện.</p> <p>Tốt xấu</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+""+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="comment_box" id="comments"> </div> </div> <div id="sidebar"> <div class="widget widget_nav_menu" id="nav_menu-2"> <div class="menu-mainmenu-container"> <ul id="menu-mainmenu-2" class="menu"> <li class="submenu"><a href="https://viws.ru/vi/category/internet/">Internet</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/programs/">Chương trình</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/instructions/">Hướng dẫn</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/browsers/">Trình duyệt</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/windows-10/">Windows 10</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/android/">Android</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/ios/">iOS</a> </li> <li class="submenu"><a href="https://viws.ru/vi/category/communication/">Sự liên quan</a> </li> </ul> </div> </div> <div class="widget"> <div class="heading star">Những ghi chú cuối cùng</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/vi/ne-otobrazhayutsya-obshchie-papki-setevye-kompyutery-fleshki-diski-na.html" class="thumb"><img width="95" height="95" src="/uploads/3fc59688fee98bd9107896b43535c060.jpg" class="attachment-mini size-mini wp-post-image" alt="Các thư mục dùng chung, máy tính mạng, ổ flash, ổ đĩa không hiển thị trên tab “Mạng” của Windows Explorer Windows 10 thấy máy tính trên mạng" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/ne-otobrazhayutsya-obshchie-papki-setevye-kompyutery-fleshki-diski-na.html">Các thư mục dùng chung, máy tính mạng, ổ flash, ổ đĩa không hiển thị trên tab “Mạng” của Windows Explorer Windows 10 thấy máy tính trên mạng</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/raschetnyi-list-voennosluzhashchego-vhod-bez-registracii-edinyi-raschetnyi.html" class="thumb"><img width="95" height="95" src="/uploads/4fb27f9836c6e3177752cc93485e7d94.jpg" class="attachment-mini size-mini wp-post-image" alt="Trung tâm định cư thống nhất (SCC) của Bộ Quốc phòng RF" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/raschetnyi-list-voennosluzhashchego-vhod-bez-registracii-edinyi-raschetnyi.html">Trung tâm định cư thống nhất (SCC) của Bộ Quốc phòng RF</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/kak-postavit-parol-na-papku-ili-fail-v-kompyutere-kak-ogranichit.html" class="thumb"><img width="95" height="95" src="/uploads/9ab8655ebf82d75393ae508faf0e0fd0.jpg" class="attachment-mini size-mini wp-post-image" alt="Cách hạn chế quyền truy cập vào tệp hoặc thư mục Có thể đặt mật khẩu cho tệp không" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/kak-postavit-parol-na-papku-ili-fail-v-kompyutere-kak-ogranichit.html">Cách hạn chế quyền truy cập vào tệp hoặc thư mục Có thể đặt mật khẩu cho tệp không</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/vklyuchit-aifon-se-pervyi-raz-pervonachalnaya-nastroika-aifona-ne-udaetsya.html" class="thumb"><img width="95" height="95" src="/uploads/7f8b70b75130d08a25eded41461d00ea.jpg" class="attachment-mini size-mini wp-post-image" alt="Thiết lập iPhone ban đầu" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/vklyuchit-aifon-se-pervyi-raz-pervonachalnaya-nastroika-aifona-ne-udaetsya.html">Thiết lập iPhone ban đầu</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/ustanovka-nfc-modulya-na-smartfon-kak-dobavit-podderzhku-beskontaktnyh.html" class="thumb"><img width="95" height="95" src="/uploads/4473cc6c091c7eb165dfdce4c81f5bf1.jpg" class="attachment-mini size-mini wp-post-image" alt="Cách thêm hỗ trợ thanh toán không tiếp xúc vào bất kỳ điện thoại thông minh nào" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/ustanovka-nfc-modulya-na-smartfon-kak-dobavit-podderzhku-beskontaktnyh.html">Cách thêm hỗ trợ thanh toán không tiếp xúc vào bất kỳ điện thoại thông minh nào</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading star">Phổ biến</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/vi/kak-otkryt-video-na-ves-ekran-vklyuchaem-v-igre-polnoekrannyi-rezhim-kak.html" class="thumb"><img width="95" height="95" src="/uploads/a51a9108249c28ee4137ba6101bc3cdd.jpg" class="attachment-mini size-mini wp-post-image" alt="Bật chế độ toàn màn hình trong game Cách tạo toàn màn hình trên Windows 7" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/kak-otkryt-video-na-ves-ekran-vklyuchaem-v-igre-polnoekrannyi-rezhim-kak.html">Bật chế độ toàn màn hình trong game Cách tạo toàn màn hình trên Windows 7</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/kak-izmenit-rasshirenie-faila-na-ini-pravilnoe-izmenenie-rasshirenii-failov-v-windows.html" class="thumb"><img width="95" height="95" src="/uploads/6f840f7dcf874b53463cd3ad4de538e7.jpg" class="attachment-mini size-mini wp-post-image" alt="Thay đổi chính xác phần mở rộng tệp trong Windows" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/kak-izmenit-rasshirenie-faila-na-ini-pravilnoe-izmenenie-rasshirenii-failov-v-windows.html">Thay đổi chính xác phần mở rộng tệp trong Windows</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/vi/virtualnaya-ekrannaya-klaviatura-virtualnaya-klaviatura-skachat-programmu.html" class="thumb"><img width="95" height="95" src="/uploads/c3d66f32ff1c3783a33096392cefbd30.jpg" class="attachment-mini size-mini wp-post-image" alt="Bàn phím ảo Tải chương trình xoay nút bàn phím" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/vi/virtualnaya-ekrannaya-klaviatura-virtualnaya-klaviatura-skachat-programmu.html">Bàn phím ảo Tải chương trình xoay nút bàn phím</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading">Tin tức</div> <div class="business_news"> <div class="news"> <div class="date">2024-02-06 02:00:12</div> <a href="https://viws.ru/vi/skolko-vremeni-zaryazhaetsya-macbook-pro-15-kak-vyzhat-maksimum-iz-akkumulyatora.html" class="title">Cách tận dụng tối đa pin MacBook của bạn và tăng tuổi thọ của nó</a> </div> <div class="news"> <div class="date">2024-02-06 02:00:12</div> <a href="https://viws.ru/vi/ostatochnoe-izobrazhenie-na-plazme-kak-s-nim-borotsya-poslesvechenie.html" class="title">Ánh sáng dư thừa (hình ảnh dư) trên màn hình Apple Dấu vân tay bị kẹt trên màn hình</a> </div> <div class="news"> <div class="date">2024-02-06 02:00:12</div> <a href="https://viws.ru/vi/dmg-faily-proshivok-na-windows-o-tom-kak-otkryt-fail-dmg-chto-takoe-format.html" class="title">Cách mở tệp dmg</a> </div> <div class="news"> <div class="date">2024-02-05 02:17:31</div> <a href="https://viws.ru/vi/samsung-galaxy-a3-razmery-obzor-samsung-galaxy-a3-kompaktnyi-smartfon-s.html" class="title">Đánh giá Samsung Galaxy A3 – smartphone nhỏ gọn có khả năng chống ẩm</a> </div> <div class="news"> <div class="date">2024-02-05 02:17:31</div> <a href="https://viws.ru/vi/lichnym-index-php-topic-powered-by-smf-pervye-shagi-v-poiskovoi-optimizacii-simple.html" class="title">Những bước đầu tiên trong việc tối ưu hóa công cụ tìm kiếm Diễn đàn Simple Machines: xóa bản quyền và các liên kết bên ngoài</a> </div> </div> </div> <div class="widget ai_widget" id="ai_widget-5"> <div class='dynamic dynamic-13' style='margin: 8px 0; clear: both;'> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="fixed"> <div class="inner"> <div class="footer_l"> <a href="https://viws.ru/vi/" class="logo" style="background:none;">viws.ru</a> <div class="copyright"> <p>viws.ru - Tất cả về công nghệ hiện đại. Sự cố, mạng xã hội, internet, virus</p> <p><span>2024 - Bảo lưu mọi quyền</span></p> </div> </div> <div class="footer_c"> <ul id="menu-topmenu-1" class="nav"> <li><a href="https://viws.ru/vi/feedback.html">Liên lạc</a></li> <li><a href="">Giới thiệu về trang web</a></li> <li><a href="">Quảng cáo trên trang web</a></li> </ul> <div class="footer_menu"> <ul id="menu-nizhnee-1" class=""> <li id="menu-item-"><a href="https://viws.ru/vi/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/programs/">Chương trình</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/instructions/">Hướng dẫn</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/browsers/">Trình duyệt</a></li> </ul> <ul id="menu-nizhnee-2" class=""> <li id="menu-item-"><a href="https://viws.ru/vi/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/programs/">Chương trình</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/instructions/">Hướng dẫn</a></li> <li id="menu-item-"><a href="https://viws.ru/vi/category/browsers/">Trình duyệt</a></li> </ul> </div> </div> </div> </div> </div> </div> <script type="text/javascript">jQuery(function($) { $(document).on("click", ".pseudo-link", function(){ window.open($(this).data("uri")); } );} );</script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://viws.ru/wp-content/themes/delo/assets/scripts/theme.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 60, "margin_bottom" : 200, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-8','ai_widget-5'] } ; </script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script async="async" type='text/javascript' src='https://viws.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </body> </html>