Twenty Eleven und Fragen

Zitat von Robota

Nun stelle ich aber leider fest, dass es für dieses Theme anscheinend keine mobile Ansicht gibt.

Wenn man die Mobile Ansicht im Entwicklertool emuliert, wird es aber scheinbar alles korrekt dargestellt. Zumindest bei meiner Lokalen Testinstallation.

Zitat von Robota

Wie bekommt man denn heraus, wer die neuen Versionen des Themes erarbeitet und veröffentlicht?

Ist ein Standard Theme von WordPress.
https://de.wordpress.org/themes/twentyeleven/
Könntest ja mal einen Blick in das Supportforum dort werfen.
Falls es Probleme mit der Mobilen Ansicht gibt (Responsive Theme), könnte ich mir vorstellen, dass dies dort schon mal behandelt wurde und sicherlich auch diverse Tipps zu finden sind.

Klar.

So sieht es bei mir unter Chrome mit Mobiler Endgeräte Emulierung in den Entwicklertools aus.

Wenn du jetzt mit mobile Ansicht allerdings meinst, dass es ein Layout sein muss welches gegenüber der Desktop Version extra auf Mobile Endgeräte zugeschnitten ist, wirst du selber Hand anlegen und mit Media Queries im css arbeiten müssen.
https://wiki.selfhtml.org/wiki/CSS/Media_Queries

Ich glaube sogar, wenn du dann ein so genanntes Hamburger Menü (sind die Menübuttons mit Drei Strichen, oder auch manchmal drei Punkten) haben willst, musst du sogar mit einem Child-Theme arbeiten, da hierfür glaube ich noch ein paar Funktionserweiterungen notwendig sind.

Zitat von Robota

Gibt es denn irgendwo eine ungefähre Anleitung, wie man so ein Hamburger Menü selbst erstellen kann?

Es gibt Tutorials und Plugins bezüglich WordPress, aber ich habe allerdings auf die schnelle nur etwas auf Englisch gefunden, was recht verständlich ist um so was selber zu bauen.
https://www.wpbeginner.com/wp-themes/how-…wordpress-menu/

Methode 4 (Add a Slide-In Mobile Menu in WordPress) wäre ganz passend für das 2011, denke ich mal.

Hi,

Zitat von Robota

Irgendwo muss da noch wohl ein Fehler sein.

Stimmt. Bei mir hatte es soweit in der Sandbox funktioniert, so habe ich mal deine Webseite etwas näher betrachtet.

Hast du das kleine Javascript (slidepanel.js) vergessen zu erstellen?
Das wird in den Entwicklertools mit 404 not found angegeben.

Es könnte aber auch sein, dass es nur falsch aufgerufen wird, da das Child-Theme die Datei im Verzeichnis des Twentyeleven sucht.
In dem Fall müsste der Aufruf für das Javascript in der functions.php wie folgt aussehen.

wp_enqueue_script( 'wpb_slidepanel', get_stylesheet_directory_uri() . '/js/slidepanel.js', array('jquery'), '20160909', true );

So hat es zumindest bei mir funktioniert und das Script wurde aus dem js Ordner im Child-Theme gezogen..

P.S.

Der Graue Streifen links ist im überigen das eingeklappte Menü. ;)
Denke mal mit ein bisschen CSS kannst du den aber weiter nach links verschwinden lassen.

In deinen Zusätzlichen CSS hast du folgenden Block:

@media screen and (max-width: 768px) {
#popout {
position: fixed;
height: 100%;
width: 250px;
background: rgb(25, 25, 25);
background: rgba(25, 25, 25, .9);
color: white;
top: 0px;
left: -250px;
overflow:auto;
}

Hier kannst du z.B. das left auf 310px und das width auf 150px, oder nach eigenen Werten ändern ;-)
Ggf bei ca. 400px Breite noch eine MediaQuery anlegen, da beginnt der linke Menürand knapp zu werden.

Für die Menüpunkte untereinander alternativ:

#access li {
    width: 235px;
}

Ein vielleicht noch bessere Lösung ....
Du hast in den Zusätzlichen CSS den oben genannten Block beginnend mit:
@Media screen and (max-width: 768px) {
.....
.....
.....

dort fügst du zwischen letzter und vorletzter Klammer folgendes ein:

#popout {
   left: -8% !important;
  }

Das sollte dann so aussehen:

.....
.....
.nav-menu li a {
color:#FFF;
text-decoration:none;
width:100%;
}
#popout {
   left: -8% !important;
  }
}

Zu den MediaQieries LINK, LINK uva findet Herr Go..le

Ok, das kann ich so nicht prüfen, da der Code im Browsertool verschwindet sobald eine Seite neu geladen wird.....

Zitat von Robota

habe ich in der slidepanel.js den Wert left: -250 auf -300 gesetzt

Aber, dieser Wert dürfte mit den Werten aus #10 in der sample CSS korrespondieren!
Daher back to the roots ;-(

So, nun habe ich das man auf XAMPP mit einer frischen lokalen WP-Version und dem Theme Twenty Eleven (Child) nachgebaut ;-)
Da ich nicht so der Coder bin, mal sehen obs dir ggf. auch gelingt ......?

1. Änderung: Zum Schließen des Slidermenüs ein X eingebaut. Das ist in der slidepanel.js das erste img!
2. Breite-Slider auf 200px
3. in der slidepanel.js die left auf -310 gestellt.
4. und die style.css mit
   #access li {
   width: 100%;
   } im Abschnitt @Media screen and (max-width: 768px) vor #toggle ergänzt.
5. Die Position fü den Toggle-Button muß jeder für sich selbst einstellen ...... ;-)

Bei mir kann das Slid-Menü geöffnet und geschlossen werden über den Toggle-Button oder geschlossen über einen Menüpunkt.