Kubuhe Plug-ins

Integriere Kubuhe direkt in deine Website (Joomla, WordPress).

Es stehen Schnittstelle(n) für Joomla (bald auch WordPress) zur Integration der Kursübersichten in diese populären Open Source Content Management Systeme bereit.

Der inhaltliche Aufbau entspricht beim Einsatz des Kubuhe Plug-ins dem der Demo-Seiten. Es werden aber die Fonts, Farben und Abstände des jeweiligen Webauftitts automatisch übernommen.

Eigenschaften

  • Terminübersicht, Termindetails und Kursleiterübersichten werden innerhalb deiner Website angezeigt.

  • Für die Terminbuchung und das Kontaktformular werden deine Besucher auf Kubuhe umgeleitet.

  • Einfache Administration über ein Joomla Modul.

  • Kursleiterübersichten lassen sich auch gefiltert nach Kategorien auf deiner Website ausgeben.

Limitierungen

  • Aktuell nur für das Joomla Content Management System und Yootheme PRO Template Framework

Downloads

Installation

  1. Für die Kursterminübersicht:

    Ein Kubuhe-Modul mit Schalter '[1] Kursterminübersicht' erstellen und einem Joomla Beitrag inkl. Menüpunkt zuordnen

  2. Für die Kurstermindetails:

    Ein Kubuhe-Modul mit Schalter '[2] Kurstermindetail' erstellen und einem weiteren Joomla Beitrag inkl. Menüpunkt zuordnen.

  3. Für Kursterminübersichten nach Kategorie [OPTIONAL]:

    Pro Kurskategorie ein Kubuhe-Modul mit Schalter '[3] Kursterminübersicht nach Kategorie' erstellen und jeweils einem Joomla Beitrag zuordnen.

  4. Für Kursleiter:innen Übersicht [OPTIONAL]:

    Ein Kubuhe-Modul mit Schalter '[4] Kursleiter:innenübersicht' erstellen und einem Joomla Beitrag zuordnen.

CSS

Damit die Übersichts- und Detailseiten optimal dargestellt werden, jetzt noch folgenden Anweisungen den Stylesheets der Website hinzufügen. Selbstverständlich können diese Werte auch angepasst werden.

/*********************************************
 Kubuhe
 *********************************************/

.kubuhe.termine .cck-pos-mainbody.seb_css3 {
    background-color: transparent;
}
.kubuhe.termine .uk-accordion-title{
    padding: 10px;
}
.extern {
    font-family: 'Open Sans', sans-serif;
    background-color:rgba(100, 100, 100, 0.5);;
    background-color:rgba(0, 128, 0, 0.7);
    color: #ffffff;
    font-size: 0.8em;
    padding: 3px 10px;
    font-weight: bold;
}
.ausgebucht {
    font-family: 'Open Sans', sans-serif;
    background-color:rgba(255, 0, 0, 0.6);;
    color: #ffffff;
    font-size: 0.8em;
    padding: 3px 10px;
    font-weight: bold;
}
.wenigefrei {
    font-family: 'Open Sans', sans-serif;
    background-color:rgba(255,127,80, 0.7);
    color: #ffffff;
    font-size: 0.8em;
    padding: 3px 10px;
    font-weight: bold;
}
.frei {
    font-family: 'Open Sans', sans-serif;
    background-color:rgba(0, 128, 0, 0.7);
    color: #ffffff;
    font-size: 0.8em;
    padding: 3px 10px;
    font-weight: bold;
}
.btn-termine {
    display:inline-block;
    font-size:1.2em;
    margin: 5px 20px 5px 20px;
}
.btn-termine-2 {
    margin-left: 20px;
    font-size: 0.8em;
}
.uk-list > li > .uk-grid-small {
    align-items: flex-start;
}
.kubuheformcard.uk-card.uk-card-body {
    width: 100%;
    margin-bottom: 10px;
}