Чистим header в WordPress

Ромчик
1

wordpress

Доброго времени суток. Решил обновить тему для своего блога. Сделать тему простой и адаптивной. Вроде ничего сложного, но я столкнулся с одной проблемой: WordPress добавляет в header много лишней информации. Дальше я расскажу, как почистить header, тем самым мы уменьшим вес нашей страницы. Что приведет к ускорению загрузки.

И так как Вы знаете тема должна состоять как минимум из двух файлов:

  • style.css
  • index.php

Для того, чтобы тема заработала в файле style.css должно быть:


/*
 Theme Name: Theme
 Theme URI: http://web-programmin.com.ua
 Author: zloykolobok
 Author URI: http://web-programmin.com.ua
 Description:
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Text Domain: 
 
 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
 */

Не буду описывать, что это обозначает. Если кто-то не знает, то Вы можете прочитать об этом в моей статье “Создание темы для WordPress. Часть 2. Создание темы из html-шаблона

Ну и простое содержание index.php:

<!doctype html>
 <html>
 <head>
    <meta http-equiv="Content-type" content="text/html; charset=<?php bloginfo('charset'); ?>">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?></title>
    <?php wp_head();?>
 </head>
 <body>
 </body>
 </html>

Теперь активируем тему. Понятно, что она у нас ничего не выводит кроме title. Но нам это и не надо. Обновляем страницу нашего сайта и смотрим код страницы.

Убираем лишние элементы из header темы для WordPress

Опа, сколько лишней информации добавил WordPress. Ну, что ж приступаем к чистке.

Все операции будем производить в файле functions.php, который находится в папке нашей темы. Если его там нет, то создайте.

Убираем строку <meta content=”WordPress 4.1” name=”generator”>

Для этого в файле functions.php добавляем следующий код:

remove_action('wp_head', 'wp_generator');

Убираем <linkhref=»http://wordpress/xmlrpc.php?rsd» title=»RSD» type=»application/rsd+xml» rel=»EditURI»>

Для этого в файле functions.php добавляем следующий код:

remove_action('wp_head', 'rsd_link');
 

Убираем <link href=»http://wordpress/wp-includes/wlwmanifest.xml» type=»application/wlwmanifest+xml» rel=»wlwmanifest»>

Для этого в файле functions.php добавляем следующий код:

remove_action('wp_head', 'wlwmanifest_link');

Вот уже лучше. Теперь для тех кто не хочет поддержки admin-bar в своей теме.

Убираем поддержку admin-bar

Для этого в файле functions.php добавляем следующий код:

add_theme_support('admin-bar', array( 'callback' => '__return_false'));

Выключили, но у нас все равно подключаются CSS для admin-bar. Их тоже надо отключить.

Отключаем CSS для admin-bar

Для этого в файле functions.php добавляем следующий код:

add_action('wp_enqueue_scripts', 'registerResource');
 function registerResource()
 {<em>
        </em>wp_dequeue_script( 'admin-bar' );
        wp_dequeue_style( 'admin-bar' );
 };

Вот и все. Проверяем:

Убираем лишние элементы из header темы для WordPress

Как видите ничего сложного нет.

Вывод.

Отключить лишние элементы из header достаточно просто, применяя различные action. Более подробно с action Вы можете ознакомиться в документации http://codex.wordpress.org/

Отключая элементы, которые мы не используем мы ускоряем загрузку страницы (уменьшая ее вес). А это наиболее заметно для тех, кто использует мобильный интернет.

Понравилась статья? Поделись с друзьями.
  • Add to favorites
  • Добавить ВКонтакте заметку об этой странице
  • Twitter
  • Facebook
  • Мой Мир
  • LiveJournal
  • Одноклассники
  • Блог Я.ру
  • MySpace
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • Reddit
  • StumbleUpon
  • Technorati
  • del.icio.us
  • БобрДобр
  • LinkedIn
  • Memori.ru
  • Сто закладок
  • Blogger

  • Алена - 17.04.2015 в 14:04

    Спасибо за такой полезный пост! А то гугл пишет «уберите», а каким образом — не сказано.
    У меня количество строк уменьшилось со 756 до 748 — не заметно, но все-таки плюс есть! Правда последний код у меня не работает. Спасибо и удачи Вам!

  • ©2012-2019 По всем вопросам обращайтесь через форму обратной связиПолитика конфиденциальности

    Яндекс.Метрика