Ist jemand im Space: Unterschied zwischen den Versionen

Aus Hacksaar Wiki
Zur Navigation springen Zur Suche springen
 
(19 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt)
Zeile 10: Zeile 10:
  
  
== Theme Update durchgeführt? ==
+
== 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/themes/parabola/includes/themes-styles.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" vor dem Endflag einfügen
+
* Prüfe ob die Funktion 'istjemandimspace()' im Plugin-Quellcode steht (siehe script call)
* die Datei "hacksaar.js" in den Ordner oben drüber (/var/www/blog/wp-content/themes/parabola/) 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 ====
{| class="wikitable"
+
File: /wp-content/plugins/erweiterungen/erweiterungen.php
| wp_register_script('hacksaar', get_template_directory_uri() . '/hacksaar.js', false, false, true);
+
<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 ====
{| class="wikitable"
+
<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>
 
 
==== theme-styles.php ====
 
{| class="wikitable"
 
|
 
<?php
 
 
 
(... BLA BLA BLA ...)
 
 
 
wp_register_script('hacksaar', get_template_directory_uri() . '/hacksaar.js', false, false, true);
 
 
 
wp_enqueue_script('hacksaar');
 
 
 
?>                                                                                                          
 
|}
 

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:

Bildschirmfoto 2013-12-04 um 18.24.15.jpg

Wir sind nicht da:

Bildschirmfoto 2013-12-04 um 18.27.46.jpg


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)
 });