Ist jemand im Space: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Nerv (Diskussion | Beiträge) |
Theo (Diskussion | Beiträge) |
||
(18 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt) | |||
Zeile 10: | Zeile 10: | ||
− | == | + | == Logo update geht nicht? Dann überprüfe folgende Dinge: == |
− | * | + | * 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 [[Media:WP-Theme.zip | hier bekommen]]. |
− | * | + | * Prüfe ob das Plugin "Erweiterungen für Hacksaar" im Backend von Wordpress (Plugins) vorhanden und aktiviert ist |
− | * | + | * Prüfe ob die Funktion 'istjemandimspace()' im Plugin-Quellcode steht (siehe script call) |
− | * | + | * Prüfe ob das richtige Theme aktiviert ist: 'Parabola' |
− | + | * Prüfe im Quellcode der Startseite, ob das Skript 'hacksaar.js' geladen wird | |
+ | |||
+ | Anmerkung zur Funktion: Die Funktion registriert das Javascript für Wordpress und fügt den Skriptaufruf dem Header des aktivierten Theme hinzu | ||
=== Und was steht da wo drin? === | === Und was steht da wo drin? === | ||
+ | |||
==== script_call ==== | ==== script_call ==== | ||
− | { | + | File: /wp-content/plugins/erweiterungen/erweiterungen.php |
− | + | <code> | |
− | wp_enqueue_script('hacksaar'); | + | function istjemandimspace() |
− | + | { | |
+ | wp_register_script('hacksaar', '/wp-content/uploads/hacksaar.js', false, false, true); | ||
+ | wp_enqueue_script('hacksaar'); | ||
+ | } | ||
+ | add_action('wp_head', 'istjemandimspace'); | ||
+ | </code> | ||
==== hacksaar.js ==== | ==== hacksaar.js ==== | ||
− | + | <code style="white-space: nowrap"> | |
− | + | load_status = (function($){ | |
var Application = { | var Application = { | ||
run: function($) { | run: function($) { | ||
Zeile 36: | Zeile 44: | ||
success:function ( data, textStatus, xhr ) { | success:function ( data, textStatus, xhr ) { | ||
openState = parseInt(data); | openState = parseInt(data); | ||
− | + | $("#branding").css('background-image', 'url(/wp-content/uploads/header1_newlogo_new_'+(openState?'on':'off')+'.png)'); | |
} | } | ||
}); | }); | ||
Zeile 45: | Zeile 53: | ||
}); | }); | ||
jQuery(document).ready( function() { | jQuery(document).ready( function() { | ||
− | + | load_status(jQuery) | |
− | }); | + | }); |
− | + | </code> |
Aktuelle Version vom 15. Februar 2021, 08:49 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 überprüfe folgende Dinge:
- 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.
- Prüfe ob das Plugin "Erweiterungen für Hacksaar" im Backend von Wordpress (Plugins) vorhanden und aktiviert ist
- Prüfe ob die Funktion 'istjemandimspace()' im Plugin-Quellcode steht (siehe script call)
- Prüfe ob das richtige Theme aktiviert ist: 'Parabola'
- Prüfe im Quellcode der Startseite, ob das Skript 'hacksaar.js' geladen wird
Anmerkung zur Funktion: Die Funktion registriert das Javascript für Wordpress und fügt den Skriptaufruf dem Header des aktivierten Theme hinzu
Und was steht da wo drin?
script_call
File: /wp-content/plugins/erweiterungen/erweiterungen.php
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)
});