Bei WPBeginner schreiben wir viele Tutorials, die das Einfügen von Code in die <header>- oder <footer>-Abschnitte Ihrer WordPress-Website erfordern. Das kann sich wie eine entmutigende Aufgabe anfühlen, vor allem, weil WordPress keine eingebaute Option zum Einfügen von Codeschnipseln im Header und Footer bietet.
Aber das Hinzufügen von Header- und Footer-Code in WordPress ist notwendig, wenn man versucht, sich mit Web-Diensten wie Google Analytics, Google Search Console, Facebook Pixel und anderen zu integrieren.
Vielleicht stoßen Sie auch auf WordPress-Tutorials, in denen Sie aufgefordert werden, individuelle CSS- oder JavaScript-Codes zu Ihrem WordPress Header oder Footer hinzuzufügen.
Glücklicherweise gibt es eine einfache Lösung für Anfänger. Mit dem kostenlosen WPCode Plugin können Sie den Code sicher hinzufügen, ohne die Dateien Ihres WordPress Themes direkt zu bearbeiten.
In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach Header- und Footer-Code in WordPress einfügen können.
Der beste Weg, um WordPress Header und Footer Code hinzuzufügen
Wenn Sie den WordPress-Kopf- und Fußzeilencode hinzufügen möchten, gibt es drei mögliche Lösungen:
- Manuell, indem Sie die Dateien header.php und footer.php Ihres Themes bearbeiten
- Mit der integrierten Kopf- und Fußzeilen-Codefunktion Ihres Themes
- Verwendung eines WordPress-Plugins
Die erste Option ist nicht sehr anfängerfreundlich, da Sie den Code für die Kopf- und Fußzeilen direkt in den Dateien header.php und footer.php manuell hinzufügen müssen.
Ein weiterer Nachteil dieser Methode ist, dass Ihr Code entfernt wird, wenn Sie ein Update für Ihr Thema installieren.
Die zweite Möglichkeit ist die Verwendung der integrierten Funktion Ihres Themes. Einige WordPress-Themes wie Elegant Themes und Genesis Framework von StudioPress bieten eine integrierte Option zum schnellen Hinzufügen von Code und Skripten zu Ihrem WordPress-Header und Footer.
Wenn Sie ein Thema mit einer integrierten Funktion verwenden, scheint dies eine sichere und einfache Lösung zu sein. Wenn Sie jedoch Ihr Theme ändern, sind alle Code-Snippets, die Sie Ihrer Website hinzugefügt haben, verschwunden. Dies gilt auch für die Website-Überprüfung in der Google Search Console, die Website-Analyse über Google Analytics und so weiter.
Aus diesem Grund empfehlen wir den Nutzern immer die dritte Option, ein Header- und Footer-Plugin zu verwenden. Diese Option ist bei weitem die einfachste und sicherste Methode, um Kopf- und Fußzeilen-Code in WordPress hinzuzufügen.
Nach vielen Anfragen von Lesern hat unser Team das WPCode-Plugin entwickelt.
WPCode (ehemals Insert Headers and Footers) ist ein 100% kostenloses Code Snippet Plugin. Mit ihm können Sie ganz einfach Code in die Kopf- und Fußzeile von WordPress einfügen.
Hier sind einige Vorteile der Verwendung des WPCode-Plugins:
1. Einfach, schnell und gut organisiert: Sie können den Code für den Header und Footer Ihrer Website einfach und schnell hinzufügen. Außerdem sorgt es für Ordnung, indem es Ihnen erlaubt, alle Footer- und Header-Codes an einem Ort zu speichern.
2. Verhindert Fehler: Die intelligente Code-Snippet-Validierung hilft, Fehler zu vermeiden, die bei der manuellen Bearbeitung Ihrer Themendateien auftreten können.
3. Aktualisieren oder ändern Sie Ihr Theme ohne Sorge: Das Plugin speichert Ihren Header- und Footer-Code an einem separaten Ort, so dass Sie Ihr Theme aktualisieren oder ändern können, ohne sich Sorgen zu machen, dass der Code gelöscht wird.
Neben Header- und Footer-Skripten können Sie mit WPCode auch ganz einfach benutzerdefinierte PHP-, JavaScript-, CSS-, HTML- und Text-Code-Schnipsel einfügen, ohne Ihre Theme-Dateien zu bearbeiten.
Darüber hinaus verfügt WPCode über eine integrierte Snippets-Bibliothek, in der Sie alle nützlichen WordPress-Code-Snippets finden können. So können Sie WordPress-Funktionen, die Sie nicht benötigen, wie automatische Updates, REST API, XML-RPC, Kommentare und mehr, schnell entfernen.
Hinweis: Wenn Sie erweiterte Funktionen wie eine private Cloud-Snippet-Bibliothek, Konvertierungspixel, geplante Snippets, Code-Revisionen und mehr wünschen, können Sie auf WPCode Pro upgraden.
Weitere Einzelheiten finden Sie in unserer Anleitung zum einfachen Hinzufügen von benutzerdefiniertem Code in WordPress.
Sehen wir uns also an, wie man mit dem WPCode-Plugin ganz einfach Kopf- und Fußzeilencode in WordPress hinzufügen kann.
Video-Anleitung
Wenn Sie sich das Video-Tutorial nicht ansehen möchten, können Sie die Textversion weiter unten lesen:
Hinzufügen von Code zu Kopf- und Fußzeilen in WordPress
Als Erstes müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.
Sobald das Plugin aktiviert ist, gehen Sie in Ihrem WordPress-Administrationsbereich zu Code Snippets “ Header & Footer. Danach sehen Sie ein Feld „Kopfzeile“, in dem Sie Ihren Code hinzufügen können.
Wenn Sie nach unten scrollen, sehen Sie auch ein Feld „Hauptteil“ und ein Feld „Fußzeile“.
Fügen Sie den Code einfach in eines der drei Felder ein. Vergessen Sie anschließend nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern.
Das Plugin lädt nun automatisch den Code an den entsprechenden Stellen auf Ihrer WordPress-Website.
Sie können jeden Code, den Sie nicht behalten wollen, jederzeit bearbeiten und entfernen.
Sie müssen das Plugin immer installiert und aktiviert lassen. Wenn Sie das Plugin deaktivieren, wird der gesamte benutzerdefinierte Code nicht mehr zu Ihrer Website hinzugefügt.
Wenn Sie das Plugin versehentlich deaktivieren, ist der Code immer noch sicher in Ihrer WordPress-Datenbank gespeichert. Sie können das Plugin einfach neu installieren oder reaktivieren, und der Code wird wieder angezeigt.
Hinweis: Möglicherweise müssen Sie nach dem Speichern der Änderungen den WordPress-Cache leeren, damit der Code korrekt im Frontend Ihrer Website angezeigt wird.
Wir haben festgestellt, dass der Hauptgrund, warum viele Anfänger das WPCode-Plugin verwenden, darin besteht, Google Analytics zu ihrer Website hinzuzufügen. Dafür empfehlen wir eigentlich das kostenlose MonsterInsights-Plugin.
MonsterInsights ist das beste Google-Analytics-Plugin für WordPress. Es hilft Ihnen, das Google Analytics Tracking mit nur wenigen Klicks einzurichten und zeigt Ihnen hilfreiche Statistiken direkt in Ihrem WordPress Dashboard.
Eine schrittweise Anleitung finden Sie in diesem Tutorial zur Installation von Google Analytics in WordPress.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie Header- und Footer-Code in WordPress einfach hinzufügen können. Vielleicht interessiert Sie auch unser Leitfaden zur Anzeige von Code auf Ihrer WordPress Website oder unsere Expertenauswahl der besten Werkzeuge für die WordPress-Entwicklung.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.
Shahad
my header and footer in not showing in particular page..how can i solve it
WPBeginner Support
You would want to check with your specific theme’s support for the header not appearing on a specific page as it could be a page specific template causing you issues.
Admin
Lio
Thanks guys for your plugin! I used it to add FB Pixel to my site, but now I have a landing page and I need a different Pixel event (Lead) on the Thank You page after visitors confirm their details. Can I use the plugin to add the script to a specific page?
WPBeginner Support
Not at the moment, for the time being, the plugin adds the code to all pages by default
Admin
Keith
Hi, is there a way to change the font size of the footer?
I tried keying in a chunk of disclaimer text but it is too large.
Thanks in advance!
WPBeginner Support
For the font size, you would want to take a look at our article here: https://www.wpbeginner.com/beginners-guide/how-to-change-the-font-size-in-wordpress/
Admin
katrina
I used your insert headers and footers plugin and it was soooo easy and helpful! Thank you so much!
WPBeginner Support
You’re welcome, glad our plugin was helpful
Admin
Deeksha
Hello,
Can I add google adsense code to my free blog“s header?
WPBeginner Support
If you mean a WordPress.com site then they currently don’t allow Adsense on their free plan.
Admin
Jeremy
I’m trying to connect my website to adsense in order to set up an account.
So far google did not see the code.
WPBeginner Support
You may want to ensure you’ve cleared any caching on your site as one of the most common reason
Admin
PJ
You need to change your messaging/advertising regarding header/footer plug-in being free to install. It is not free unless you have purchased the Business plan for your page.
WPBeginner Support
That would be because you are on WordPress.com, our tutorials are for WordPress.org sites. You can see the difference between the two here: https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Admin
Dipak
How many codes we can add in single header or footer section, I mean can i use two or three codes in single header section like facebook code google code etc.
WPBeginner Support
You could certainly add as many codes as you need in the header section depending on your needs.
Admin
Michael
Was wondering if PHP can be added in the header section. Like adding Yoast’s Breadcrumb code to the header so I don’t have to go into my theme files.
WPBeginner Support
At the moment the plugin does not allow PHP code to be added.
Admin
Michael
Thank you for your reply. Will, that ability be added in the future?
WPBeginner Support
Currently, it is not planned but we will certainly look into it as a possibility if the need increases
moschino
pls can i use both facebook tracking pixel and google analytics on a single wp page?
WPBeginner Support
Yes, you can.
Admin
Ray Sagacious Ashia
Can You add more than one header code, to the plug-in, for example
AdSense code and YouTube Verification code.
WPBeginner Support
Yes, you can
Admin
Adewale Mudasiru
Hi, I’m trying to add a javascript to my site header but on click on save it says page not found
WPBeginner Support
You may want to try resaving your permalinks and checking with your hosting provider that they are not receiving an error on your site that would be preventing the page from saving.
Admin
Poonam Kandpal
Thank you so much for your video, although I have copied the code still I’m not able to enable my header. How to do it?
WPBeginner Support
If the plugin is installed you should be able to add the code under Settings>Insert Headers and Footers
Admin
Faris Naqib
Hi. I already install the plugin and it’s work. But how to add more than 1 code? Just copy like that or I need to make 1 space to copy the code
WPBeginner Support
In case you need to edit the code later, it is normally best to add the new code on the next line
Admin
rodrigo
Cant update „Insert Headers and Footers Plugin“.
Error message: Update Error: Not possible to eliminate previous version of plugin. (translation from spanish)
When trying to remove the plugin: “ insert-headers-and-footers-old/ihaf.php could not be removed completely .“ (translation from spanish)
WPBeginner Support
You may want to try the method in our article here: https://www.wpbeginner.com/beginners-guide/how-to-manually-update-wordpress-plugins-via-ftp/
Admin
Arp
What role is needed to access this plugin – is it for admins only or can it be provided to editors too?
WPBeginner Support
The plugin is set up to only allow admins access at the moment.
Admin
Marcus
Hi,
After I insert the Header code, when I click „save“, will auto link to Page 404 error. How can I fix it?
WPBeginner Support
You would want to start with some of our recommended solutions in our article here: https://www.wpbeginner.com/wp-tutorials/how-to-fix-wordpress-posts-returning-404-error/
Admin
Judy
Can I add multiple/different codes in the headers sections? ie. one from google analytics and one from blogmote
WPBeginner Support
As long as you paste the code so it is separate code then you certainly can.
Admin
Jon
I have another plugin it seems to work almost exactly the same way only it can be used on a single page or customized as to which pages the script is added.
I am trying the WpBeginner plugin just because I trust y’all.
Am I likely to run into problems having both added to my site?
Using yours for the whole site, and the other one for adding something only to the header or footer of an individual page?
WPBeginner Support
Normally you shouldn’t but if you run into any conflicts you can reach out to the plugins supports
Admin
Jon
Thank you.
WPBeginner Support
You’re welcome
maddy
Hello,
I’m trying to update something in my footer section.
I have already downloaded and installed/ used this plug in previously and it is working currently. However, when I try to go edit it, when my cursor is hovering over settings…. no drop out menu appears to go to –>insert header and footer. It only takes me to my account setting page. Please help me because I need to update my mailing list options asap! Thank you!
WPBeginner Support
If you go to your settings area, it should expand the other options for you to be able to see the Insert Headers and Footers menu item.
Admin
SirPhren
Thanks WPbeginer,
I tried saving the plugin when I added my google search console code, it redirected me to error 404.
What could be wrong?
WPBeginner Support
That is quite odd, you may want to see if an error happened with your htaccess file when you saved: https://www.wpbeginner.com/wp-tutorials/how-to-fix-wordpress-posts-returning-404-error/
as the most common reason for 404 errors, if not you could use our troubleshooting article here: https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Admin
Kanyi Daily
Should i deactivate and delete the plugin after inserting the code?
Will the code be deleted as soon as the plugin is deactivated?
WPBeginner Support
You would want to leave the plugin active, if you deactivate the plugin the code you’ve added will no longer be included.
Admin
Kirsty Bennetts
Hello. I’ve been using this plugin for some time and find it invaluable.
However, I am about to update to WordPress 5 but on the download page, it says ‚Compatible up to 4.9.9‘. This makes me wary – will it work with 5 and are there plans to update it? Thank you.
WPBeginner Support
At the moment the plugin should work with the most recent version of WordPress but if you are concerned with the not tested number then you may want to take a look at our article: https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Admin
Eya
Thank you.
WPBeginner Support
Glad our article was helpful
Admin
ken doughty
Hiya,
Thanks for recommending the Header and Footer plugin, and I have added code to just a single post only to prevent any issues.
I’ve noticed though, that my dropdown menu has stopped showing (just on the page with code). Do you have a Javascript fix, please?
http://www.phhsolicitors.co.uk/calc/
Hope you can help.
Merry Xmas!!!!
WPBeginner Support
Hey Ken,
Try uninstalling the plugin to see if that fixes your issue.
Admin
Heather
I have added this to my site. It reads it just fine, but prints the code across the top of my header bar EVERY time! Not sure how to fix this.
Kendra
Plsss explian in details how to add more than one code in the headers space, cos i have already inserted ,google search console code with the pluggin how am i going to add the adsene code in the same headers section
WPBeginner Support
You would add the new code on the next line as if you copied the entire code for each they should close themselves.
Admin
Yovann
How do I add a HTLM code in the header of my theme. I dont quite understand where it is. I use Xtheme and some people said to go to appearance and editor, but I dont have no editor.
I need to add the Gtag in the heard of my website for Google analytics and I dont want to use a plug in
mohamed ballouti
I want to ask you about this plugin.
Can I put more than one code from different sites (eg Google Analytics code, Webmaster’s code, and Adsense ad code) Will the number of codes affects their performance because I see a difference in terms of visitors Google Analytics and WordPress analytics(WP Statistics)?
And the difference between placing the code in the header and in the footer?
Thank you sorry for bothering you
I hope you will respond quickly.
WPBeginner Support
Hi Mohamed,
Yes you can add code from multiple sites like Analytics, Webmaster tools, and so on.
Admin
Samantha
Like they asked, what is the difference between placing the code in the header or footer?
Thanks!
WPBeginner Support
The code would be run sooner when placed in your header which makes it less likely to prevent loading due to a bad script when placed in the header
Gerardo
Hi, is it possible use this plugin to add more scripts? For example i need to add the AdSense and PushCrew codes.
If possible, just copy the code one under the other?
Thanks
Knut
Hi
How do I use that bolean filter if I want to disable the header on page 65?
Brgds.
Knut
WPBeginner Support
Hi Knut,
Here is the sample code that you can use to exclude header from any page using the page ID.
1-click Use in WordPress
Admin
Marvin
Code added under your footer or header code in the plugin?
WPBeginner Support
Hi Marvin,
No, this code will be added in your theme’s functions.php file.
Tom S.
So far so good. I’ve been trying to search your site for code to insert line breaks and center text. Any urls to these explanations?
Faith
Thank you so so much. That solved my problem. I would also love to know if there’s a way to solve the error code I get in my theme codes. I’ve got 53 error when I view the source code.
Claire Plaisted
I wish this was available for Premium Accounts as well as Business. Is there another way to embed code in your site
WPBeginner Support
Hi Claire,
You are probably using WordPress.com. Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Admin
Iboro William
This has been quite helpful!
Mo
I’ve installed header and footer plugin, entered the relevant code and saved it. When I look in header script in header editor I can’t see the relevant code I’ve just entered. Please advise.
Thank you.
Alex
Hello, is there a way to insert header code only to certain posts or to posts in a certain category?
Randy Trelka
When I try to add header code using the plug in I get a 403 forbidden page. How do I get around this? I temporarily tried to turn off my security but that didn’t help.
WPBeginner Support
Hi Randy,
Please see our guide on how to fix 403 forbidden error in WordPress.
Admin
Prolete Atienza
Hi, Iam looking for option like this but for a multi-site,
but I need is like a general admin for network-wide option,
where when i config this, it will show to the header on all sub-site,
currently, I need to set this for every sub-site plugin config.
is there any way to have the plugin option of this menu under network option or something and not per sub-site.
is there any other option i can use/do.
thanks
Riddhi
Hey, is there anyway to check if the code has been inserted ? Can’t detect it in my site source code nor in the headers.php file. Is is possible for this plugin to not be working ?
WPBeginner Support
Hi Riddhi,
Once you add the code and save your changes you will be able to see the code in your site’s source code. For header code you will find it between <head> and </head> tags. Footer code will be added before the </body> tag.
Admin
Debbie
Is there a way to use this to add an image in the header that does not replace the existing header? In other words, I already have a logo there on the left, and a search bar with social media links on the right. The center is empty. I want to add an image widget which links to the source page of the image. I have the widget code ready to insert, but there is no HTML showing in the header.php file. I do not know PHP (i do know HTML quite well).
I added the widget to the footer, which was easy because in my theme there IS HTML (an HTML table) in the footer. But it is supposed to be at the top of the pages.
Ralph Machin
Any idea when this plugin will be updated for WP 4.9.1? Looks like it’s only compatible up to 4.8.4
WPBeginner Support
Hi Ralph,
You can safely install the plugin. For more on this topic please see our article should you install plugins not tested for your WordPress version.
Admin
Jesse
Thank you so much for information. I have been so much problem with pasting html adsense code in header. This information helps me a lot
Gareth Parmar
So, can I disable this notification after install anywhere?
I don’t need all my multisite clients to see this notification!!
Brandon
When I add my code into the header or footer section in the plugin, does it apply it across all my pages? Thanks.
WPBeginner Support
Hi Brandon,
Yes, it would apply to all pages on your website.
Admin
Rolland
HI
How do i add the code to a single page header (not a post) so it appears only on that page?
WPBeginner Support
Hey Rolland,
This plugin will add header and footer code to all pages and posts. If you want to add it to just a single page, then you will have to manually add your code to your theme and surround it with a conditional php tag. For example:
1-click Use in WordPress
Don’t forget to replace 22 with your actual page ID.
melody
hi, I just re-added my footer widget embedded code, it’s from keyreply.
I don’t know what’s went wrong, I could see my footer widget from my pc(while I am logged in WP), however any other devices(pc or mobile phone), the widget is not showing. any ideas?
Prava
im a new leaner and im facing problem in converting footer content in to dynamic wordpress content
Wendy K
I installed the insert headers and footers plugin on my clients Wordpress site but when I click on it under settings it just shows a blank page. There are no fields available for me to insert text into.
Geraldinesmythe
Hi,
I’m trying to install an html5 banner ad at the top of my home page and a few other page tops. I have a customer that wants to only deliver their banner ad in that format so that as a rotating banner each image links to a different url we’re promoting. Where do I put this code to make it show up? I’ve tried downloading some plugins to place it but nothing is working. We normally just accept jpgs and links but I don’t want to lose this sale as she won’t deliver other than in html5. Thanks for your help! Geraldine
WPBeginner Support
Hello,
Please take a look at Adsanity plugin.
Admin
Gareth
Hi, I love the simplicity of this plugin. There is one annoying point however.
How can I disable the dashboard notice „Thank you for installing….“ in a multisite set up.
I don’t need all my client sites seeing that notice.
A solution that doesn’t involve another plugin would be appreciated, preferably I can just remove an action or something.
Gareth
Does that mean that I can’t disable the notice? (without hacking the plugin)