Ist jemand im Space: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jochen (Diskussion | Beiträge) (Eigenes Plugin für den Header von Theo) |
Jochen (Diskussion | Beiträge) |
||
Zeile 24: | Zeile 24: | ||
/* Hacksaar - Ist jemand im Space */ | /* Hacksaar - Ist jemand im Space */ | ||
function istjemandimspace() { | function istjemandimspace() { | ||
− | + | wp_register_script('hacksaar', '/wp-content/uploads/hacksaar.js', false, false, true); | |
− | + | wp_enqueue_script('hacksaar'); | |
} | } | ||
add_action('wp_head', 'istjemandimspace'); | add_action('wp_head', 'istjemandimspace'); |
Version vom 14. Februar 2021, 19:28 Uhr
Die Headergrafik auf unserer Webseite zeigt an, ob jemand in unserem Hackerspace ist oder nicht.
Woran erkenn ich was nun was ist?
Wir sind da:
Wir sind nicht da:
Logo update geht nicht? Dann mach folgendes um das Wordpress-Theme zu reparieren:
- Dafür sorgen, dass die Dateien "hacksaar.js" und die Logos "header1_newlogo_new_[off/on].png" im Ordner /data/web/wp-content/uploads/ verfügbar sind. Falls nicht, kannst du sie hier bekommen.
- PHP-File suchen, die Scripte des Themes aufruft (bei uns atm unter /data/web/wp-content/themes/parabola/includes/theme-functions.php)
- Die zwei Zeilen von "script_call" (siehe unten) am Ende, eine Zeile über dem "?>" einfügen.
- Fertig
Und was steht da wo drin?
script_call
File: /wp-content/plugins/erweiterungen/erweiterungen.php
/* Hacksaar - Ist jemand im Space */
function istjemandimspace() {
wp_register_script('hacksaar', '/wp-content/uploads/hacksaar.js', false, false, true);
wp_enqueue_script('hacksaar');
}
add_action('wp_head', 'istjemandimspace');
hacksaar.js
load_status = (function($){
var Application = {
run: function($) {
this.load_status();
},
load_status: function() {
$.ajax({
url:"/status.txt",
success:function ( data, textStatus, xhr ) {
openState = parseInt(data);
$("#branding").css('background-image', 'url(/wp-content/uploads/header1_newlogo_new_'+(openState?'on':'off')+'.png)');
}
});
setTimeout(Application.load_status, 30*1000);
}
}
Application.run($);
});
jQuery(document).ready( function() {
load_status(jQuery)
});