Beiträge von danielgoehr

Hi kaprima,

das Problem ist, dass wir auf dem Bild auch nur das sehen können, was auf dem Bild drauf ist.

Genau genommen muss das nicht mal ein (öffentlich verfügbares) Plugin sein.

Es könnte..

... teil des Themes sein
... ein selbst erst erstelltes Plugin sein
... eine Modifikation eine Plugins (z.B. auch "Source Affix") sein
... auf Basis von Custom Fileds erstellt sein
... irgendwas ganz anderes sein

Die Informationen, was es sein könnte und wie es wohl gelöst ist, sind (möglicherweise) im Quelltext der Seite. Das heißt, ohne Link zu der Seite, wo der Screenshot herkommt, kommt man an dieser Stelle leider nicht wirklich weiter.

Hallo neverendingchaos,

das ist ansich keine große Sache, wird aber so aus der Ferne schwierig zu sein, euch da zu helfen, weil es sich ja um ein Premium Theme handelt, wo man nicht mal eben so reinschauen kann.

Was ist denn an Kenntnissen (PHP, CSS, Wordpress Themestruktur) vorhanden?

Ich kenne das Theme jetzt nicht, aber ich gehe davon aus, dass ihr schon in die Doku geschaut habt und das Theme dafür keine Möglichkeit bietet?
Bietet das Theme generell die Möglichkeit, ein Bild zu einem Beitrag hochzuladen (Slider, Headerbild, Featured Image)?

Also Bilder per FTP übertragen und dann importieren sollte mit folgendem Plugin gehen (hab ich allerdings selbst nicht getestet):
https://de.wordpress.org/plugins/media-from-ftp/

"Ordner" in dem Sinne gibt es für Wordpress-Medien so nicht. Es gibt aber verschiedenen Plugins mit denen sich die Mediathek organisieren und filtern lässt (z.b. https://de.wordpress.org/plugins/enhanced-media-library/). Dass dies dann direkt beim import durch das erste Plugin von dem jeweiligen Ordner übernommen wird, wird aber vermutlich nicht so einfach gehen.

Sieht auf den ersten Blick alles gut aus, würde ich sagen. Lustigerweise völlig anders, als ich es gemacht hätte. Aber das muss nichts heißen. Letztendlich führen ja immer viele Wege nach Rom und wenn alles funktioniert ist es doch super

Ich glaube der Denkansatz ist schon richtig und sollte so auch funktionieren. Für mein Gefühl könntest du es aber etwas kürzer machen. Ob das dann aber wirklich Vorteile bringt, bin ich mir gerade nicht so sicher. Das hängt auch davon ab, wieviel Kategorien, Fragen und Antworten du hast.

Ich hätte es jetzt vermutlich folgendermaßen gemacht:

Entweder:

1.) Alle Kategorien auslesen, in ein Array schreiben.
2.) Für jede Kategorie im Array im Loop einzeln per WP-Query die dazugehörigen Beiträge holen und ausgeben (bzw. in eine Variable schreiben, die du dann am Ende einfach per return ausgeibst).

oder

1.) Direkt durch alle durchloopen (also nur ein Query) und abhängig von der Kategorie direkt die Ausgabe im Array speichern.
2.) Im Loop alle Werte des Arrays ausgeben

Den Ansatz mit dem Menü halte ich auf den ersten Blick für nicht so glücklich. Ich denke in dem Fall ist das mit dem Custom Post Type schon die richtige Idee.

Ich hätte jetzt tatsächlich etwas simpler gedacht.

So in Richtung zusätzliches Passwort in den Usermeta hinterlegen und dann per Shortcode entweder ein Passwort-Eingabefeld ausgeben oder (sofern das Passwort schon eingegeben und korrekt ist) den Content ausgeben. Das Passwort könnte man dann ja beim Authorisieren ggf. ändern oder ein Flag in den Usermeta setzen, dass es abgelaufen ist.

Hängt aber alles auch sicherlich davon ab, wie sensibel die Informationen sind, die maddin09 hinterlegen will.

Hallo Martin,

Zitat von maddin09

Gibt es sowas oder ist das nicht möglich?

Ich würde spontan sagen: Nein sowas gibt es nicht, ist aber prinzipiell schon möglich.
Zumindest ist mir nichts (fertiges) in der Richtung bekannt.
Das Problem bei solchen sehr individuellen Anforderungen ist oft, dass es nichts "von der Stange" gibt und man entsprechend eine eigene Lösung erstellen (lassen) muss.

Aber vielleicht hat ja jemand anders noch eine Idee ...

Was möchtest du denn genau erreichen?

Der Slider zieht die Bilder automatisch auf die Breite des Browserfensters. Er behält dabei das Seitenverhältnis des Bildes.

Das heißt, wenn du ein Bild haben willst, was nicht so hoch ist, solltest du die Bilder idealerweise auch so beschneiden, dass sie bei voller Breite nicht so hoch sind.
Außerdem solltest du am besten deutlich größere (breitere) Bilder hochladen, weil es sonst auf großen Monitoren sehr pixelig wird.

Versuch doch mal, die Bilder z.b. im Format 1920px x 380px hochzuladen.

Du kannst die Bilder auch theoretisch mit CSS beschneiden, dann hast da aber (bezogen auf die Dateigröße) sehr große Dateien, die eigentlich nicht notwendig sind.

Zitat von immaterial

Allerdings gibt es noch ein (zweitrangiges) Problem mit der Vorschau im Editor: Dort wird die Fettschrift nämlich nach wie vor nicht angezeigt. Das ist beim Verfassen eines Artikels natürlich nicht ganz so bequem. Lässt sich dort auch was machen?

Ah, vergessen! Ja, es gibt dasselbe auch nochmal in der editor-style.css in Zeile 158. Da auch einfach den Wert von "font-weight" von "400" auf "bold" ändern.

Viele Grüße,
Daniel

Ah, gerade gesehen, dass die Theme Demo vom Twenty Sixteen ein Blockquote enthält. Abgesehen davon ist es natürlich trotzdem immer schöner, wenn man direkt einen Link hat.

Das was du suchst, steht in Zeile 385 in der style.css.

Du musst nur folgende Definition ändern:

blockquote strong, blockquote b {
    font-weight: [B]bold[/B];
}

Das lässt sich bestimmt ändern. Hast du mal einen Link zu einer Seite wo man sich das angucken kann (also Twenty Sixteen aktiviert und einem Blockqoute mit b oder strong Tag)?

Twenty Sixteen ist zwar ein Standard-Theme, aber ich hab es trotzdem gerade nirgendwo laufen und du beziehst dich ja vermutlich auf eine Seite, wo du das schon so einsetzt...

Das ist leider schwer zu sagen, weil man sich in Javascript die Funktionsnamen frei ausdenken kann/darf.

Wahrscheinlich findest du die entsprechende Funktion in einer der js-Dateien im Theme Verzeichnis. Im grunde lässt sich auch die Funktion selbst auf unterschiedliche Wege umsetzen, so dass ich nicht ganz genau weiß, wie die aussehen müsste/könnte. Aber vermutlich enthält sie irgendwas mit "offset", „navbar-transparent“ und wahrscheinlich „addClass“ und „removeclass“.

Sehr gern.

Das mit dem Javascript ist ansich auch keine große Sache, aber man muss halt mal in den Dateien nach der Funktion suchen und die dann entsprechend anpassen.

Zum Submenü:

Ich weiß gerade nicht genau, wie du es nach links gerückt hast. Aber ich vermute mal, hiermit:

.sub-menu .menu-item {

left: 20px !important;

position: relative;

}

Das passt von der Hierarchie nicht, weil du damit auch das Overlay (also das weiße halbstransparente, was erscheint, wenn man mit der Maus darüber geht) mit einrückst.

Nimm mal die left: 20px !important oben wieder raus und ergänz mal folgende Klassendefinition:

.navbar-custom .sub-menu > li > a, .navbar-custom .children > li > a {
padding-left: 38px;

}

Die rückt nur Bild und Text ein und lässt den Menüpunkt ansich an seiner ursprünglichen Position. Die 38px musst du ggf. noch ein bisschen "feintunen", bis es mittig ist.

Hallo Miriam,

das ist ein bisschen kniffelig.

Also generell würde ich erstmal das "!important" rausnehmen. Wenn ich das richtig sehe, hat das in dem Fall eigentlich keinen Vorteil und erschwert nur das jeweilige Überschreiben.
Warum hast du es denn überhaupt auf !important gesetzt? Wenn ich es rausnehme funktioniert hier trotzdem alles korrekt (schient zumindest erstmal so).

Zu Punkt 1)
Du kannst die einzelnen Seite über die Body-Class ansprechen. Beim Warenkorb ist das "woocommerce-cart".
Die Klassendefintion wäre also:

.woocommerce-cart .navbar-custom {
background-color: rgba(10, 10, 10, 0.9)
}

Für die Seite "Kasse" müsste es "woocommerce-checkout" sein (kann ich bei dir gerade nicht prüfen, weil man keine Produkte in den Warenkorb legen kann).
Aber vermutlich müsste es folgendermaßen funktionieren:

.woocommerce-checkout .navbar-custom {
background-color: rgba(10, 10, 10, 0.9)
}

Zu Punkt 2)
Das ist leider nicht so einfach machbar. Das ein/ausblenden ist nicht direkt über CSS gelöst, sondern über Javascript. Das heißt, man müsste die entsprechende Funktion in den Javascript Dateien suchen und umschreiben (oder eine zweite FUnktion für die Unterseiten ergänzen). Das dürfte nicht so wahnsinnig kompliziert sein, kann ich aber so nicht wirklich simulieren...

Ich hoffe, es hilft dir trotzdem ein bisschen.

Viele Grüße,
Daniel

Hallo,

du versuchst ein Element anzusprechen, dass es nicht gibt. Im CSS schreibst du #pgc-27-1. In deinem HTML Teil heißt es aber pg-27-1 (ohne das c).

Du musst außerdem die Größe des Elements festlegen, da es ansich ja leer ist und nur genauso groß sein soll, wie das Hintergrund-Bild.

Dazu kommt, dass "no-repeat" für "background-image" so nicht erlaubt bzw. nicht möglich ist. Wenn du es kombinieren willst, musst du entweder "background" verwenden oder es in zwei Eigenschaften aufteilen (wie in dem Beispiel unten).

Versuch es mal so:

<div class="panel-grid" id="pg-27-1">

<div class="panel-row-style-so-widget-sow-image-default-3f547a15eaaasow-image-containerso-widget-image so-widget-sow-image-default-3f547a15eaaa sow-image-container so-widget-image panel-row-style" style="width: 964px;position: center;margin-left: 150px;bottom: 0;padding: 0px 0px 0px 0px;"></div>

</div>

Und für den CSS Teil:

#pg-27-1 {
background-image: url("http://tamuc.de/wp-content/upl…lbkreis-wer.png");
background-repeat: no-repeat;
height: 57px;
width: 124px;
}

#pg-27-1:hover {
background-image:url("http://tamuc.de/wp-content/upl…lbkreis-wer.png");

}

Das ist jetzt nur Beispielhaft für eins der Elemente. Das kannst du aber so auch für die anderen Elemente übernehmen.

Viele Grüße,
Daniel

PS: Ich würde dir auch empfehlen, keine inline-styles zu verwenden (also das style="" Attribut). Schreib die stattdessen auch lieber in die style.css

Hallo DocMorris,

versuch mal folgendes:

Dies ist die Klasse, die für den Abstand über und unter dem Logo zuständig ist:

.header-inner-site-branding.header-logo-wrap-single {
padding: 94px 0;
}

Durch verändern des ersten Werts (aktuell 94px) kannst du den Abstand verringern.
Du kannst das entweder direkt in der style.css ändern (Zeile 2497) oder du kopierst die ganze Klasse und fügst sie ans Ende der style.css (oder im Child-Theme oder in eine andere css Datei, die nach der style.css im Theme eingebunden wird). Zu beachten ist, dass der Abstand in der Desktop und der Mobil-Variante an unterschiedlichen Stellen definiert ist. Die Definition für die Mobil-Version findest du in Zeile 1845.

Für den Abstand zwischen Header und Content musst du folgende Klassendefiniton (in Zeile 2830 in der style.css) ändern:

.page-main-header {
padding: 90px 0 0;
}

Wenn du die 90px verringerst, verringert sich auch der Abstand.
Auch hier ist der Abstand für die Mobil-Version separat definiert (in Zeile 1288 ).

Wenn du diesen Abstand noch weiter verringern möchtest, gibt es noch eine zweite Klasse (in Zeile 3087), die für diesen Abstand zuständig ist:

.content-wrap {
padding: 90px 0 30px;
}

Hier auch entsprechend die 90px verringern.
Auch hier gibt es für die Mobilversion eine zweite Klasse in Zeile 1158.
Hier kannst du den Abstand auch über den ersten Wert von "padding" verändern.

Ich hoffe, es hilft

Viele Grüße,
Daniel

edit: Die Zahlen in Klammern wurden irgendwie in Smileys umgewandetlt Habe es noch nachträglich angepasst...