Head, Footer and Post Injections Это бесплатное WP-расширение, которое служит только для одной цели — добавляет код в head.
После установки и активации откройте в админке раздел Настройки > Header and Footer , перейдите на вкладку Head and Footer .
Найдите блок page section injection .
В левом блоке код, который нужно выводить на всех страницах сайта. В правом — только на главной странице.
Не забудьте нажать кнопку Сохранить .
Правка шаблона темы В этом способе код в head нужно добавлять вручную в нужном шаблоне WordPress-темы. Подойдет тем, кто не хочет ставить оеще один плагин.
Откройте файл wp-content/themes /header.php .
Не рекомендуем править файлы родительской темы ВордПресс. Для этого используйте дочерние темы . Они дают возможность править файлы без опасения, что изменения пропадут при обновлении темы.
В каждой теме содержимое файла header.php может отличаться.
Для примера откроем этот файл в стандартной WP-теме Twenty Twenty . В самом начале будет блок … .
Нужный код добавьте перед закрывающим тегом .
Здравствуйте. у меня вопрос к вашей статье «3 способа добавить код в head WordPress»
Как вставить код в head только на определенных? К примеру для СЕО часто просить вставить скрипт для только для карточки товара. А header у меня общий. Помогите пожалуйста.
Василий, для этого нужно немного видоизменить код, указанный в статье, например, прописав ID страниц.
function wpschool_insert_header() add_action( 'wp_head', 'wpschool_insert_header' );
2016—2023 © WPSchool.ru — Обучающий ресурс о WordPress, статьи, уроки, обучение и курсы.
Этот сайт использует cookie для хранения данных. Продолжая использовать сайт, Вы даете свое согласие на работу с этими файлами. OK
Источник
Last updated on March 10th, 2023 by Editorial Staff | Reader Disclosure Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.
Have you ever been asked to add some code snippets to the or section of your WordPress website?
Often you are asked to add header and footer code in WordPress when trying to integrate with web services like Google Analytics, Facebook Pixel, Google Search Console, etc.
You may also come across WordPress tutorials that might ask you to add some custom CSS or JavaScript code to your WordPress header or footer.
By default, WordPress doesn’t provide an option to insert code in your website’s header and footer. Luckily there is an easy solution for beginners.
In this article, we will show you how to easily add header and footer code in WordPress. The goal is to safely add the code without directly editing your WordPress theme files.
The Best Way to Add WordPress Header and Footer Code If you want to add WordPress header and footer code, there are three possible solutions:
Manually, by editing your theme’s header.php and footer.php files With your theme’s built-in header and footer code feature Using a plugin The first option is not beginner friendly because it requires you to add header and footer code by directly editing the header.php and footer.php files manually.
Another disadvantage of using this method is that your code will be removed if you install an update to your theme.
The second option is using your theme’s built-in feature. Some WordPress themes like Elegant Themes and Genesis Framework by StudioPress offer a built-in option for quickly adding code and scripts to your WordPress header and footer.
If you are using a theme with a built-in feature, then it seems like a safe and simple solution. However, if you change your theme, then all the code snippets added to your website will be gone. This includes site verification in Google Search Console, website analytics via Google Analytics, etc.
This is why we always recommend users to use the third option, a headers and footers plugin. This option is by far the easiest and safest method to add header and footer code in WordPress.
After a lot of requests from readers, our team has built WPCode, a 100% free code snippet plugin.
With WPCode, you can easily add code to the header and footer in WordPress.
Here are some benefits of using the WPCode plugin:
1. Easy, Fast, and Organized : It lets you add codes to your site’s header and footer easily and quickly. Plus, it keeps you organized by allowing you to store all your footer and header codes in one place.
2. Prevents Errors : The smart code snippet validation helps prevent errors that may occur if you edit your theme files manually.
3. Upgrade or Change Your Theme Without Worry : The plugin will save your header and footer code in a separate place, so you can update or change your theme without worrying about the code being erased.
Aside from header and footer scripts, you can also use WPCode to easily insert custom PHP, JavaScript, CSS, HTML, and text code snippets without editing your theme files.
Plus, WPCode has a built-in snippets library where you can find all of the most popular WordPress code snippets. This allows you to quickly remove WordPress features that you don’t want like REST API, XML-RPC, automatic updates, comments, and more.
Note: If you want advanced features like a private cloud snippet library, conversion pixels, 1-click snippet installs, code revisions, and more, you can upgrade to WPCode Pro.
With that said, let’s see how to easily add header and footer code in WordPress using the WPCode plugin.
Video Tutorial
If you scroll down, you’ll also see a ‘Body’ and a ‘Footer’ box.
Simply paste the code into one of the three boxes. Once you’re done, don’t forget to click the ‘Save Changes’ button to store your settings.
The plugin will now automatically load the code in the respective locations on your WordPress site.
You can always edit and remove any code that you don’t want to keep.
You’ll need to keep the plugin installed and activated at all times. Deactivating the plugin will stop adding all custom code to your site.
If you accidentally deactivate the plugin, the code will still be safely stored in your WordPress database. You can simply reinstall or reactivate the plugin, and the code will start appearing again.
Note: You may have to clear your WordPress cache after saving changes, so the code properly appears on the front-end of your website.
We have found the biggest reason why a lot of beginners use the WPCode plugin is to add Google Analytics to their website. For that, we actually recommend using the free MonsterInsights plugin.
It’s the best Google analytics plugin for WordPress which helps you properly set up Google Analytics tracking with just a few clicks, and it shows you helpful stats right inside your WordPress dashboard.
We hope this article helped you to learn how to add header and footer code in WordPress easily. You may also want to see our comparison of the best email marketing services and the best business phone services.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Источник
Some services, such as Google Adsense and Mailchimp, ask you to add code to the site header in order to verify the site, add content, integrate features, or more. This guide will show you how.
Integrated Services For Google, Bing, Pinterest, Yandex, and Facebook Business, we have a more straightforward way to verify your site or domain, explained on Site Verification Services. This method allows you to safely add the code without manipulating site files.
Visit Tools → Marketing → Traffic and scroll down to Site verification services to access these tools.
This section of the guide applies to sites with the WordPress.com Business or Commerce plan. If your site has one of our legacy plans, this feature is available on the Pro plan.
If you’re trying to add code to the header of your site, the instructions may vary, but it can usually be done the same way here at WordPress.com. Some places will explain that it should be added between
and while some will suggest using a theme editor or adding to the HTML header.
