Как добавить код в Header.php в дочерней теме?

18

Я создаю дочернюю тему в первый раз, и у меня было несколько вопросов относительно кода, добавленного в заголовок.

В не дочерней теме есть определенный код, который я добавляю в файл header.php, например, Google Analytics, инструменты Google для веб-мастеров, реклама на продажу, Facebook, открытый график и т. Д.

Как вы делаете это в детской теме? Вы создаете файл header.php в своей дочерней теме? Если так, то как это сделать? Это то же самое, что @import, который я использовал на css?

Благодарю.

Рик Смит
источник

Ответы:

24

Я бы подключился к wp_headдействию. Я бы поместил это в плагин, чтобы абстрагировать его от уровня презентации. Это учитывает масштабируемость и изменение тем. Это также предотвращает любой сопутствующий ущерб аналитики, если пропущен шаг при переходе от одной темы к другой.

add_action('wp_head', 'wpse_43672_wp_head');
function wpse_43672_wp_head(){
    //Close PHP tags 
    ?>
    ADD YOUR PLAIN HTML CODE HERE
    <?php //Open PHP tags
}
Брайан Фегтер
источник
Благодарю. У меня нет никакого опыта в создании плагина. У меня есть около 5 частей кода, которые я хотел бы добавить в шапку. Должен ли я сделать плагин для каждого из них?
Рик Смит
@RickSmith Я добавил формат плагина к посту выше
Брайан Фегтер
4
Будь то родительская тема, дочерняя тема или любая другая тема, правильный подход - поместить такой код в обратный вызов, подключенный к соответствующему обработчику действий. Вы можете поместить этот код в теме в functions.phpфайле, или, еще лучше , и как Брайан предложил, поставить его в виде сайта-специфического Plugin .
Чип Беннетт
1
@BrianFegter Спасибо, что нашли время, чтобы помочь мне с этим. Вот корзина для пасты, я думаю, что я все еще делаю что-то не так. :) pastebin.com/iT0bJjGE
Рик Смит
1
давайте продолжим это обсуждение в чате
Брайан Фегтер
4

Чтобы изменить заголовок в дочерней теме, скопируйте header.php из родительской темы в дочернюю тему, а затем измените его. WordPress увидит, что у вас есть header.php в вашей дочерней теме и будет использовать его вместо родительской темы header.php

Все файлы шаблонов, которые вы помещаете в свою дочернюю тему, будут иметь приоритет над тем же файлом в родительской теме при вызове WordPress.

Все, что идет в теге, должно быть сделано с помощью чего-то, такого как функция ответа Brians. Если это тема, вы можете поместить ее в файл functions.php в папке вашей темы без каких-либо дополнительных шагов.

Том Дж Новелл
источник
Том, спасибо Так что, если мне нужно установить 5 разных фрагментов кода в header.php, могу ли я просто сделать один плагин и установить его? Нужно ли мне копировать файл header.php в мою дочернюю тему?
Рик Смит
Да, нет причин делать 5 плагинов
Tom J Nowell
@RickSmith Если вы абстрагируетесь от плагина, нет причин копировать header.php. :)
Брайан Фегтер
2
Проблема с этим решением заключается в том, что при обновлении темы вы пропустите исправления в header.php, сделанные автором.
Стучит Х
2

Спасибо Брайану Фегтеру . Если этот ответ поможет, пожалуйста, оцените ответ Брайана прямо здесь выше.

Это полностью функциональный пример того, как добавить вещи в «заголовок» с помощью собственного плагина. В этом случае я добавляю свойства Facebook Open Graph для кнопок «Поделиться» и «Нравится».

Просто создайте файл PHP с именем, указанным в «Сценарии плагина» в начале примера кода, поместите его в папку с тем же именем без расширения, очевидно, и скопируйте эту папку в место назначения »/ wp-content / плагины».

Затем в «Wordpress» обновите «Плагины», и вы увидите, что ваш новый плагин установлен. Просто активируйте его, и ваши страницы начнут содержать метаданные Open Graph Facebook и Twitter.

введите описание изображения здесь

ОЧЕНЬ ВАЖНО: PHP-файл должен быть закодирован в UTF-8 без спецификации, и в конце не должно быть абсолютно никаких символов. Должен обеспечить это.

<?php
/*
    Plugin Name: My Facebook Open Graph Protocol
    Plugin Script: my-facebook-open-graph-protocol.php
    Plugin URI: 
    Description: Add Facebook Open Graph Protocol to header
    Author: Diego Soto (Thanks to Brian Fegter)
    Donate Link: 
    License: GPL    
    Version: 0.1-alpha
    Author URI: /wordpress/43672/how-to-add-code-to-header-php-in-a-child-theme
    Text Domain: myfogp
    Domain Path: languages/
*/

/*  Copyright 2014 Diego Soto  (http://disientoconusted.blogspot.com.ar/)

    This program is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License, version 2, as
    published by the Free Software Foundation.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/

add_action('wp_head', 'wpse_43672_wp_head');

function wpse_43672_wp_head(){
    $title = get_the_title() ." &lsaquo; ". get_bloginfo( "name", "display" );

    $src = wp_get_attachment_image_src( get_post_thumbnail_id(get_the_ID()), array( 90,55 ), false, "" ); 

    $face_metad = get_post_meta(get_the_ID(), "metadescription", true);

    $twitter_metad = get_post_meta(get_the_ID(), "metadescription140", true);
    if (empty($twitter_metad)) 
        $twitter_metad = $face_metad;

    //Close PHP tags 
    ?>    
    <meta property="og:title" content="<?php echo esc_attr($title); ?>" />
    <meta property="og:image" content="<?php echo esc_attr($src[0]); ?>" />
    <meta property="og:url" content="<?php the_permalink(); ?>" />
    <meta property="og:description" content="<?php if (!empty($face_metad)) echo esc_attr($face_metad); else the_excerpt(); ?>" />

    <meta name="twitter:title" content="<?php echo esc_attr($title); ?>" />
    <meta name="twitter:image" content="<?php echo esc_attr($src[0]); ?>" />    
    <meta name="twitter:url" content="<?php the_permalink(); ?>" />
    <meta name="twitter:description" content="<?php if (!empty($twitter_metad)) echo esc_attr($twitter_metad); else the_excerpt(); ?>" />
    <?php //Open PHP tags
}
?>

Всем, кто интересуется функциональностью плагина.

  • Заголовок будет объединением имени текущей страницы и имени сайта.

  • Если существует настраиваемое поле с именем «metadescription», плагин пытается извлечь описание из этого поля. В противном случае возьмите описание из выдержки.

  • В качестве изображения плагин пытается использовать миниатюру показанного изображения на странице.

DiegoSoto
источник
2
Пожалуйста, используйте esc_attr()для содержимого атрибута HTML.
fuxia
Я изменил, чтобы использовать esc_attr (), как вы сказали мне. Спасибо.
ДиегоСото