Урок 5. Настройка ЧПУ (постоянных ссылок) WooCommerce

paraschak.ru

Урок 5. Настройка ЧПУ (постоянных ссылок) WooCommerce

Если мы сейчас посмотрим на адресную строку в браузере, находясь на нашем первом товаре «Роботе-сказочнике», то увидим вот такой адрес http://wooshop/product/робот-сказочник-в-гостях-у-сказки/. Для поисковых систем и самих пользователей — это совсем неприемлемо. Поэтому в этом уроке мы научимся настраивать ЧПУ.

ЧПУ расшифровывается как «человекопонятные урл», другими словами URL (это то что отображается в строке браузера — ссылка) понятные человеку. Давайте и для нашего интернет-магазина сделаем их понятными. Для этого перейдем в консоль — настройки- постоянные ссылки:

чпу в woocommerce

 

В общих настройках отметим, что мы хотим использовать произвольные ссылки и впишем такую структуру «/%category%/%postname%.html»:

чпу woocommerce

В следующем блоке «База постоянных ссылок на товар» так же укажем, что хотим использовать произвольный метод отображения ссылок и впишем «/shop/%product_cat%» и нажмем кнопку «Сохранить изменения»:

настройка чпу woocommerce

Теперь, чтобы избавиться от русских букв в строке адреса установим плагин «cyr-to-lat», который автоматически конвертирует русские буквы в латинские. Для этого в консоли переходим в меню «Плагины» и нажимаем «Добавить новый»:

настройка чпу woocommerce

В поле справа «Поиск плагинов» пишем «cyr-to-lat»:

чпу woocommerce

После того, как плагин будет найден, нажимаем на нем установить:

чпу woocommerce

И здесь же, сразу его и активируем:

чпу woocommerce

Теперь перейдем на главную страницу нашего интернет-магазина, нажмем на просмотр товара «Робот-сказочник» и посмотрим в адресную строку браузера:

чпу woocommerce

Красиво? Еще бы! Но я считаю, что сейчас более привычнее видеть в конце любой страницы расширение html. Давайте его добавим. Сколько плагинов я не пробовал, ни один не помог в этом вопросе, поэтому мы с вами сделаем в ручную. Для этого нам понадобится добавить в самый конец файла funсtions.php, который находится по адресу C:\WebServers\home\wooshop\www\wp-includes\ следующий код:

function wpse_178112_permastruct_html( $post_type, $args ) {
if ( $post_type === 'product' )
add_permastruct( $post_type, "{$args->rewrite['slug']}/%$post_type%.html", $args->rewrite );
}
add_action( 'registered_post_type', 'wpse_178112_permastruct_html', 10, 2 );
 
function wpse_178112_category_permastruct_html( $taxonomy, $object_type, $args ) {
if ( $taxonomy === 'product_cat' )
add_permastruct( $taxonomy, "{$args['rewrite']['slug']}/%$taxonomy%.html", $args['rewrite'] );
}
add_action( 'registered_taxonomy', 'wpse_178112_category_permastruct_html', 10, 3 );

После этого обязательно необходимо зайти в консоль — настройки — постоянные ссылки и просто нажать кнопку «Сохранить изменения», чтобы ссылки обновились. И конечно же  обновим главную страницу сайта. Теперь смотрим как у нас выглядит адрес:

добавляем html товару woocommerce

Если адрес товара у вас выглядит так, поздравляю! Вот так просто мы с вами настроили ЧПУ для WooCommerce. А на этом здесь все, спасибо за внимание и до встречи в следующих моих уроках.

 

comments powered by HyperComments

Похожие записи