Блог

Особенности настройки темы 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 ▸ Меню корзины здесь мы можем отключить корзину из меню, либо скрыть корзину в случае, если она пуста

Метки: , , , ,

У этой записи 11 комментариев

  1. Аватар
    Дмитрий 27 Апр 2020 Ответить

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

  2. Аватар
    Ирина 16 Июн 2020 Ответить

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

  3. Аватар
    Андрэ 15 Июл 2020 Ответить

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

    1. Аватар
      Максим Тюльпаков 16 Июл 2020 Ответить

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

  4. Аватар
    Юлия Яблонская 18 Сен 2020 Ответить

    А как убрать заголовок самой страницы товара? Но так чтобы заголовки остались на других страницах?

  5. Аватар
    Игорь 6 Дек 2020 Ответить

    Максим, приветствую!
    Если сможете подсказать где копать, буду благодарен. На сайте вдруг(!) Перестали отражаться изображения в заголовке как страниц, так и статей.
    В настройках страниц я их устанавливаю в Title: Background Image
    А в настройках записей стандартно: блог-одиночная запись и флажок на изображение записи в шапке страницы. Вот и сейчас эта настройка стоит, а изображения не выводятся ((( сайт https://myprofuture.ru

  6. Аватар
    Еле 18 Дек 2020 Ответить

    Поиск как настраивается? например, хотелось вместо Search написать Поиск…

  7. Аватар
    Владимир 26 Дек 2020 Ответить

    Здравствуйте! Хорошая тема, уже второй сайт на ней запилил. Вроде все довольны. Но на втором сайте проблема вылезла и я не соображу – как решить и почему она появилась.
    Сайт https://xn--b1agmcgmed6azh.xn--p1ai/ Вот эта всплывающая корзина что в меню и второй уровень меню (Аккаунт) – всё отображается под баннером на главной странице. Больше тема не вызывает у меня проблем, вроде справляюсь. Почему меню всплывает под баннером?? Как это можно отследить? Где поковырять? Может кто сталкивался?
    К стати, баннер сделан на Page Builder от SiteOrigin. Как и многие Страницы. Очень удобная штука!

Добавить комментарий