Ist jemand im Space: Unterschied zwischen den Versionen

Aus Hacksaar Wiki
Zur Navigation springen Zur Suche springen
Nerv (Diskussion | Beiträge)
Theo (Diskussion | Beiträge)
 
(13 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt)
Zeile 10: Zeile 10:




== Logo update geht nicht? Dann mach folgendes: ==
== Logo update geht nicht? Dann überprüfe folgende Dinge: ==
* Diese [[Media:WP-Theme.zip | File]] runterladen und entpacken
* 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]].
* PHP-File suchen, die Scripte des Themes aufruft (bei uns atm unter /var/www/blog/wp-content/wp-load.php)
* Prüfe ob das Plugin "Erweiterungen für Hacksaar" im Backend von Wordpress (Plugins) vorhanden und aktiviert ist
* Dort den Inhalt der Datei "script_call" am Ende einfügen
* Prüfe ob die Funktion 'istjemandimspace()' im Plugin-Quellcode steht (siehe script call)
* Die Dateien "hacksaar.js" und die beiden Logos "header1_newlogo_new_[off|on].png" in den Ordner uploads (/var/www/blog/wp-content/uploads/) kopieren
* Prüfe ob das richtige Theme aktiviert ist: 'Parabola'
* Fertig
* 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>
<code>
wp_register_script('hacksaar', '/wp-content/uploads/hacksaar.js', false, false, true);
function istjemandimspace()
wp_enqueue_script('hacksaar');
  {
    wp_register_script('hacksaar', '/wp-content/uploads/hacksaar.js', false, false, true);
    wp_enqueue_script('hacksaar');
  }
add_action('wp_head', 'istjemandimspace');
</code>
</code>


==== hacksaar.js ====
==== hacksaar.js ====
<code lang="javascript">
<code style="white-space: nowrap">
load_status = (function($){
  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)');
                  $("#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)  
    load_status(jQuery)
   });
   });
</code>
</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)
 });