Guru 2.0 › 3.0
Der Blog für alle die Spass am Web und Design haben…

In den letzten Tagen bin ich auf ein Problem gestoßen: Das ViewPort-Theme ist einfach nicht mit Contact Form 7 kompatibel. Installiert man beides in sein WordPress, funktioniert der Slider auf der Startseite von ViewPort einfach nicht. In wenig suchen in Google hätte geholfen…

Aber jetzt ist es zu spät und ich brauche einen Work-Around!

Das Problem

Und den gibt es auch. Ich habe zwar ein wenig nachdenken müssen, aber prinzipiell ist es klar. Denn der Bug kommt nur zustande wenn das Theme und das Plug-In aktiv sind. Daher muss es irgendwo im HTML oder JavaScript hacken. Wenn ich jetzt das JavaScript von CF7 nur laden, wenn ein Kontaktformular angezeigt wird, müsste es ja klappen, oder? Und genau so ist es. Die einzige Bedingung ist, dass Kontaktformular darf nicht auf der Startseite oder einer Seite mit der Slide-Funktion von Viewport stehen.

Die Lösung

In der functions.php von ViewPort einfach folgenden Code einfügen.

1
2
3
4
5
6
7
8
9

//CF7 nur laden wenn notwendig
//Hook aktivieren
add_action('wp_print_scripts', 'guru20_deRegisterJS', 100);
//Funktion um auf die Seiten zu pruefen
function guru20_deRegisterJS() {
  if (!is_page('kontakt')) {
    wp_deregister_script('contact-form-7');
  }
}

In der Zeile 6 könnt Ihr auch mehrere Seiten angeben, für welche CF7 aktiv sein soll.

6

if (!is_page(array('kontakt', 'anfrage', 'kontakt-einkauf'))) {

In dem Array schreibt Ihr einfach die Namen der Kontaktformulare in einfachen Anführungszeichen und mit Kommas getrennt. Den Namen kriegt Ihr raus, indem Ihr die Seiten im FrontEnd aufruft. Es ist einfach gesagt der Slug einer Seite (Page). Ihr findet Ihn auch im Dashboard, wenn Ihr bei Seite > Bearbeiten unter dem Titel schaut