Advanced Custom Post Types

Tüddeldraht

Hollerö Leute, mal wieder stehe ich vor einem mehr oder weniger großem Problem: und zwar möchte ich eine Seite haben zur Vorstellung von unterschiedlichen Produkten, welche ich mit einem CPT realisieren möchte. Die Anforderung und auch der Grundgedanke ist Simpel, stosse aber immer wieder vor einem Problem.

Hier erstmal die Idee:

Auf einer Produktübersichtsseite sind n Produkte auf einer Seite. Beim Anklicken eines Produktes öffnet sich eine Single-Page, welche das geklickte Produkt enthält und dazu nähere Informationen. In meinem Beispiel mal eben:

Allgemeine Informationen
Spezifikationen
Kundenbewertung (comments)

Man könnte dieses zwar alles Stumpf untereinander schreiben und am Ende mit einem Comments-Template versehen, aber da ist mir und Anderen das Scrollen so "mühsam". Ich würde das gerne in Tabs aufbauen, welche man natürlich Separat anklicken kann um an die gewünschte Information zu kommen. Gibt es da eine Möglichkeit dieses (ohne Plugin) zu realisieren, indem man zum Beispiel sagt: "Ey du CPT-Dings, hab mal 5 Editor Fenster, wo ich alles eintragen kann"?

Oder ist es eher "unmöglich"?

Hier mal ein Bild, wie ich es mir ungefähr vorgestellt habe:

Bis her scheitere ich halt an der Möglichkeit mehrere Editorfenster einzubinden, aber vielleicht beisse ich mich and er Tatsache fest und sehe das offensichtliche nicht :(.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

infoprofits4u

Das ganze sollte in etwa so ohne Plugin funktionieren:

PHP

// in Datei functions.php vom Theme einfügen:
function load_ui_scripts() {
  wp_enqueue_script('jquery-ui-core');
  wp_enqueue_script('jquery-ui-tabs');
}
add_action( 'wp_enqueue_scripts', 'load_ui_scripts' );

HTML

// in das Anzeige-Template (Single-Page) vom Theme einfügen:
<script type="text/javascript">
  jQuery(document).ready(function($){
     $("#tabs").tabs();
  });
</script>


<div id="tabs">
 <ul>
   <li><a href="#tab-1"><span>1. Tab</span></a></li>
   <li><a href="#tab-2"><span>2. Tab</span></a></li>
   <li><a href="#tab-3"><span>3. Tab</span></a></li>
 </ul>
 <div id="tab-1">
   <p> Hier steht der Inhalt des 1. Tabs </p> 
 </div>
 <div id="tab-2">
   <p> Hier steht der Inhalt des 2. Tabs </p> 
 </div>
 <div id="tab-3">
   <p> Hier steht der Inhalt des 3. Tabs </p> 
 </div>
</div>

Alles anzeigen

Tüddeldraht

Danke schonmal :), aber die Darstellung im Frontend ist nicht das Problem, habe da eher Schwierigkeiten beim Backend, da benötige ich halt mehrere Eingabefenster. Hatte es mal geschafft 2 Editor Fenster einzufügen, aber die haben dann beide nicht funktioniert (beim Speichern, sowie aufrufen).

Monika

ob du etwas eigens programmierst oder gleich ein Plugin nimmst ist eine Geschmacksfrage..
nicht mehr und nicht weniger und daher entscheide dich wieso "ohne Plugin im Backend"

Tüddeldraht

Bin nicht so ein Plugin Fan, probiere da meist ohne solche auszukommen. Und das eigentlich erst recht bei so "simplen" Sachen. An sich wird die Lösung für dieses Problem sowieso sehr leicht sein, aber ich denke mal wieder zu kompliziert.

Das mit dem "ohne Plugin" hat sich auch eher auf folgende Lösung bezogen:
Installiere Shortcodes Ultimate -> erstelle einen neuen Beitrag -> klick auf insert Code -> wähle "Tabs" -> Füge den Inhalt passend ein.

Dies würde ich gerne umgehen, weil die Person, die das bearbeitet es eigentlich recht leicht haben sollte. also Zwei Editor Fenster zum Beispiel, wobei der erste für eine Allgemeine Produktbeschreibung ist und das andere Fenster für etwaige Spezifikationen, die in der Übersicht nicht zu sehen sein müssen.

Und auch ohne Plugin, damit ich dass dann selbst meinen Bedürfnissen besser anpassen kann (Ausgabe, einfachere Gestaltung ohne eine vom Plugin mitgelieferte CSS, keine Probleme wenn was geupdatet wird -> individualisierung futsch).

Tüddeldraht

Hier mal ein Screenshot, wie ich mir das im Backend vorgestellt habe. Das Bild ist aus einem Multilingual-Plugin, aber zeigt eigentlich gut, wie ich es mir gedacht habe.

Anstatt der mehreren Tabs würde ich auch die Möglichkeit in Betracht ziehen, die Fenster untereinander zu haben. Ich hab es auch schonmal hinbekommen mit mehreren Fenstern, allerdings hat mir das damals den Blog ein bisschen zerschossen gehabt.

Hat jemand schonmal sowas gemacht (erfolgreich) und kann da einen Tipp geben?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Advanced Custom Post Types

Jetzt mitmachen!