Blog

Особенности настройки темы OceanWP

Создаём дочернюю тему используя шаблон от создателя темы

Разработчик темы предусмотрел создание дочерней темы. Вот путь на GitHub

Полный состав директории oceanwp-child-theme представлен ниже:

screenshot.png

Сайт автора темы

Style.css

/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

Function.php

<?php
/**
 * Child theme functions
 *
 * When using a child theme (see http://codex.wordpress.org/Theme_Development
 * and http://codex.wordpress.org/Child_Themes), you can override certain
 * functions (those wrapped in a function_exists() call) by defining them first
 * in your child theme's functions.php file. The child theme's functions.php
 * file is included before the parent theme's file, so the child theme
 * functions would be used.
 *
 * Text Domain: oceanwp
 * @link http://codex.wordpress.org/Plugin_API
 *
 */
/**
 * Load the parent style.css file
 *
 * @link http://codex.wordpress.org/Child_Themes
 */
function oceanwp_child_enqueue_parent_style() {
	// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
	$theme   = wp_get_theme( 'OceanWP' );
	$version = $theme->get( 'Version' );
	// Load the stylesheet
	wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'oceanwp-style' ), $version );
	
}
add_action( 'wp_enqueue_scripts', 'oceanwp_child_enqueue_parent_style' );

Как вернуть (сбросить) все настройки темы к настройкам по умолчанию

Настройки любой дочерней темы сохраняются в базе данных конкретно для неё. Для того что бы произвести cброс настроек просто скопируйте директорию дочерней темы и вставьте её с новым именем. К примеру было
oceanwp-child-theme стало oceanwp-child

Скрываем блок заголовка страницы магазина

Как убрать надпись страницы:

Здесь вы можете добавлять новые товары в ваш магазин.

Данная надпись появляется при первом запуске интернет магазина на woocommerce, она включена в автоматически созданную страницу магазина – shop.

Просто откажитесь от использование заголовка на странице магазина (shop).

Первым делом установите плагин Ocean Extra

Затем найдите у себя нужную страницу в админке, зайдите в неё для редактирования. Дальше просто отключите блок заголовка и сам текстовый заголовок с помощью OceanWP Setting.

Пропали “хлебные крошки”, как вернуть?

Если вы установили плагин Yoast SEO, хлебные крошки теперь контролируются в том числе данным плагином. Перейдите в настройки Yoast SEO в раздел Отображение в поисковой выдаче, затем во вкладку “Хлебные крошки”. После включения, вы получаете более гибкие настройки “крошек” как через SEO плагин, так и через настройщик темы.

Вопросы по кастомизации темы

Настройки касаемые кнопок темы:

  • Настройка ▸ Типография Цена товара WooCommerce – Настройка стиля и типографии кнопки выбора товара из списка (архива)
  • Настройка ▸ Общие опции Формы (Input – Textarea) настройка стиля и типографии текстовых полей форм
  • Настройка ▸ Общие опции Кнопки темы настройка стиля кнопок (отправить, комментарии, в корзину) . Для настройки типографии нужно использовать:
    Настройка ▸ Общие опции Кнопки темы 
/* Общие стили касаемо кнопок */
input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"], .button, body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button {
    Ваши стили;
}
  • Настройка ▸ Шапка сайта здесь мы можем отключить кнопку поиска из меню

Настройка ▸ WooCommerceМеню корзины

  • Настройка ▸ WooCommerce ▸ Меню корзины здесь мы можем отключить корзину из меню, либо скрыть корзину в случае, если она пуста

Tags: , , , ,

This Post Has 6 Comments

  1. Avatar
    Дмитрий 27 Apr 2020 Reply

    Супер полезная информация!!!)))))) я несколько дней искал как установить на определенную страницу отдельное изображение заголовка в теме oceanwp. Через настройку темы задается для всех страниц. Но докопался! В настройках Title выбрал Title Style Select a custom title style. Выбрал backhroun image. Select a custom image for your main title.

    1. Avatar
      Максим Тюльпаков 27 Apr 2020 Reply

      Дмитрий рад что помог, сам тоже в свое время помучался. Спасибо за коммент.

  2. Avatar
    Ирина 16 Jun 2020 Reply

    а как на всех страницах отключить заголовок? 500 товаров в магазине. не вариант на каждой отключать

    1. Avatar
      Максим Тюльпаков 16 Jun 2020 Reply

      Настройка ▸ WooCommerce ▸Единичный товар, а там уже нажать на иконку “глаза”, убрав заголовок.

  3. Avatar
    Андрэ 15 Jul 2020 Reply

    “Здесь вы можете добавлять новые товары в ваш магазин” через locotranslate можно изменить
    Зайти в перевод woo и фразу заменить на пробел

    1. Avatar
      Максим Тюльпаков 16 Jul 2020 Reply

      Да согласен, так тоже можно решить проблему. Но получается придется устанавливать целый плагин, который в принципе не всем нужен.
      Да и заголовок в итоге останется, просто в нем не будет содержания, а это получается целый блок, который имеет свой стиль и скорее всего будет занимать место на странице…

Leave a Reply