Skip to main content

Schlagwort: joomla!

Webdesign OnePage Website für Amaryllis Partyraum-Vermietung

Screenshot OnePage Webdesign für Amaryllis Partyraum VermietungProjekt aus den Bereichen Webdesign für Partyraum-Vermietung

Hier wurde ein Redesign einer bestehenden Website für die Vermietung von Partyräumen in Bad Malente-Kreuzfeld vorgenommen. Die Website wurde als sogenannten OnePage Website vorgenommen. Hier befinden sich alle Inhalte der Website auf nur einer html-Seite, so dass der Besucher der Website alle wichtigen Informationen ohne Klicken und nur durch Scrollen am Maus-Rad präsentiert bekommt. Dies ist besonders komfortabel beim Betrachten mit mobilen Endgeräten wie Smartphone oder Tablet. Eine Besonderheit hier ist das Kontaktformular, welches durch besondere Funktionen gegen Spam geschützt ist und zwar ohne dass der Benutzer dafür extra Zeichen eingeben muss.

Status:
  • abgeschlossen
Aufgabenstellung für die neue Site:
  • Erstellung einer Website unter Verwendung eines OnePage-Layoutes
  • Layout an Flyer und Logo der alten Website anpassen
  • Teilweise Übernahme der bestehenden Inhalte
  • Ansprechende Darstellung auch auf mobilen Endgeräten (responsive Webdesign)
  • Suchmaschinenoptimierung (SEO)
  • Veröffentlichung bei einem bestehenden Webhoster

Webdesign Visitenkarte für Tretroller & Gokart

Screenshot Webdesign, Web-Visitenkarte für Tretroller & GokartProjekt aus dem Bereich Webdesign für Tretroller & Gokart

Für einen Tretroller- und Gokart-Handel sollte eine ganz einfache Website in Form einer Web-Visitenkarte erstellt werden. Alle Informationen wie Kontaktdaten und eine kurze Beschreibung der angebotenen Produkte sollen sich auf einer Seite befinden. Die Website soll später erweitert werden.

Status:
  • abgeschlossen
Aufgabenstellung:
  • Erstellung einer Website als Web-Visitenkarte
  • Buchung eines Webhosting-Paketes
  • Veröffentlichung der Website beim Provider

Webdesign für Immobilienmakler Dreizack-Immobilien

Screenshot Joomla Webdesign und Template für ImmobilienmaklerProjekt aus dem Bereich Joomla Webdesign und Template für Immobilienmakler

Unter www.3ack-immobilien.de werden die Immobilien-Angebote des Maklers North & Baltica Immobilien dargestellt. Die Website basiert auf dem Content-Management-System Joomla und kann daher von dem Kunden selbst mit Inhalten befüllt und gewartet werden. Meine Aufgabe bestand darin, die Website mit einem individuellen Template zu erstellen und einige spezielle Lösungen für die Verwaltung der Immobilien zu verwirklichen. Durch eine individuelle und intensive Joomla-Schulung ist der Kunde in der Lage alle nötigen Arbeiten zur Befüllung der Website und zur Wartung selbst vorzunehmen. Und das ohne Programmier- und html-Kenntnisse.

Status:
  • abgeschlossen
Aufgabenstellung für die neue Website:
  • Erstellung einer Website unter Verwendung eines Content Management Systems (Joomla)
  • Erstellung von Layoutvorschlägen unter Berücksichtigung des Corporate Identity (CI)
  • Programmierung des Templates als responsive Webdesign (sieht auch auf mobilen Endgeräten ansprechend aus)
  • Programmierung spezieller Funktionen zur Verwaltung der Immobilien
  • Suchmaschinenoptimierung (SEO)
  • Schulung des Kunden für die selbstständige Einbindung von Inhalte und Pflege der Website
  • Beratung zur Auswahl eines geeigneten Webhosters
  • Veröffentlichung beim Webhoster

Joomla Webdesign Blog für Mein Wort Reich

Screenshot Joomla Webdesign für Autoren und BloggerProjekt aus dem Bereich Joomla Webdesign für Autoren und Blogger

Unter www.meinwortreich.de unterhält die Betreiberin einen wunderbaren Blog und bietet ihre Dienste als Autorin für schöne Texte aller Art an. Die Website basiert auf dem Content-Management-System Joomla und kann daher von der Kundin selbst mit Inhalten befüllt und gewartet werden. Meine Aufgabe bestand darin, das Grundgerüst der Website zu erstellen, sowie die Installation des Templates vorzunehmen. Durch eine individuelle und intensive Joomla-Schulung ist die Kundin in der Lage alle nötigen Arbeiten zur Befüllung der Website und zur Wartung selbst vorzunehmen. Und das ohne Programmier- und html-Kenntnisse.

Status:
  • abgeschlossen
Aufgabenstellung für die neue Site:
  • Erstellung einer Website unter Verwendung eines Content Management Systems (Joomla)
  • Verwendung eines Layouts, das auch auf mobilen Endgeräten ansprechend aussieht (responsive Webdesign)
  • Suchmaschinenoptimierung (SEO)
  • Schulung des Kunden für die selbstständige Einbindung von Inhalte und Pflege der Website
  • Veröffentlichung bei einem bestehenden Webhoster

Akeeba Backup Installation auf XAMPP erzeugt Fehler

In einem Webdesign-Projekt mit lokaler XAMPP Joomla-Installation erzeugt der Versuch, Akeeba Backup zu installieren, die folgende Fehlermeldung:

„Es gibt einen Fehler beim Hochladen dieser Datei auf den Server.“

Dies liegt daran, dass die Upload-Variable in der php.ini des XAMPP zu klein eingestellt ist. Die Voreinstellung erlaubt maximal 2 MByte. Zur Lösung des Problems einfach den Wert auf 10 MByte erhöhen, dann funktioniert die Installation. Anschließend unbedingt den XAMPP neu starten, damit die Änderung aktiv wird.

Die php.ini Datei liegt unter

root\xampp\php\php.ini

wobei „root“ den Speicherort des XAMPP auf der lokalen Festplatte angibt, zum Beispiel C:

Die betreffende Variable trägt den Namen upload_max_filesize. Einfach danach suchen und den Wert 2M durch 10M ersetzen (bei mir in Zeile 922).

also: upload_max_filesize=10M

Ich habe auch gleich noch die Variable darunter für die Anzahl der gleichzeitig hochzuladenen Dateien von 20 auf 100 erhöht, man weiß ja nie…

also: max_file_uploads=100

Am Ende den Neustart des XAMPP nicht vergessen!

Print-Icon nach Joomla Upgrade auf 3.x verschwunden

Für einen Webdesign Kunden habe ich ein Joomla Upgrade von Joomla 2.5.28 auf Joomla 3.4 durchgeführt und dabei das bestehende Template weiterverwendet. Nach einigen Anpassungen funktionierte das Template auch nahezu einwandfrei. Nur das Print-Icon sowie das Email-Icon wurden nicht mehr in gewohnter Weise in den Artikeln angezeigt. Stattdessen erschienen nur noch Links zum Drucken und Mailen in Textform.

Nach Joomla Upgrade auf 3.4 sind Print- und Email-Icon verschwunden

Meine Recherchen in einschlägigen Webdesign-Foren und im Rest des Internets hatten leider wenig Erfolg für das von mir verwendete Template.

Auf die richtige Spur brachte mich dann aber doch noch der Beitrag von Axel Tüting Override: Drucker- und eMail-Icon.

Da ich in meinem Template kein Bootstrap verwende und dies auch nicht extra einbinden wollte, habe ich den Lösungsansatz etwas abgewandelt:

Zuerst habe auch ich fürs Template-Override die Datei

root/components/com_content/views/article/tmpl/default.php

in mein Temlate in das folgende Verzeichnis kopiert

root/templates/MEIN_TEMPLATE/html/com_content/article/

 

Anschließend habe ich diese Datei geöffnet und nach folgendem Code gesucht (bei mir ab Zeile 64)

<?php if (!$this->print) : ?>
     <?php if ($canEdit || $params->get('show_print_icon') || $params->get('show_email_icon')) : ?>
         <?php echo JLayoutHelper::render('joomla.content.icons', array('params' => $params, 'item' => $this->item, 'print' => false)); ?>
     <?php endif; ?>
<?php else : ?>

Diesen habe ich mit folgendem Code ersetzt:

<?php if (!$this->print) : ?>
    <?php if ($canEdit || $params->get('show_print_icon') || $params->get('show_email_icon')) : ?>
        <div id="printmailicon">
            <?php if ($params->get('show_print_icon')) : ?>
                <a onclick="window.print();return false;" href="#"><span aria-hidden="true"><img alt="Drucken" src="/media/system/images/printButton.png"></span></a>
            <?php endif; ?>
            <?php if ($params->get('show_email_icon')) : ?>
                <a onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;" href="/j336/component/mailto/?tmpl=component&template=grundtemplate&link=6fac8bf40734413e86b8c73005f6793cff33e0fc"><span aria-hidden="true"><img alt="E-Mail" src="/media/system/images/emailButton.png"></span></a>
            <?php endif; ?>
            </div>  
    <?php endif; ?>
<?php else : ?>

Die img Tags für den Pfad zu den Icons (Drucken und Email) habe ich mir vorher mit dem Firebug in der noch existierenden Joomla 2.5 Webseite abgeschaut.

<img alt="Drucken" src="/media/system/images/printButton.png">
<img alt="E-Mail" src="/media/system/images/emailButton.png">

Nun fehlte nur noch die Positionierung der Icons auf der rechten Seite mit css:

#printmailicon {
  text-align: right;
}

Anschließend wurden die Icons wieder in gewohnter Weise angezeigt.

Nach einem Template-Override sind Print- und Email-Icon wieder da

 

Joomla Webdesign Portal für www.kreativ-portal.de

Screenshot Joomla Webdesign Portal für www.kreativ-portal.deProjekt aus dem Bereich Webdesign Online Portal

Dieses ist ein eigenes Webdesign Projekt. Im Online-Portal www.kreativ-portal.de findet man kreative Anleitungen zum Basteln, Handarbeiten, Werken und allem, was irgendwie kreativ ist. Jeder kann sich anmelden und mitmachen und so seine eigenen Ideen vorstellen oder Kommentare zu anderen Ideen abgeben. Für die Zukunft sind weitere Eweiterungen geplant.

Status:
  • in ständiger Erweiterung
Aufgabenstellung für die neue Site:
  • User-Portal
  • Interaktives Online-Formular zur Eingabe und Änderung von Anleitungen mit BreezingForms
  • Verwendung eines Layouts, das auch auf mobilen Endgeräten ansprechend aussieht (responsive Webdesign)
  • Verwendung eines Content Management Systems (Joomla)
  • Suchmaschinenoptimierung (SEO)
  • Veröffentlichung bei einem bestehenden Webhoster

K2 Extrafelder per BreezingForms Integrator füllen

In einem Webdesign-Projekt mit Community Portal verwende ich K2 zur Ausgabe der Beiträge im Frontend. Die Beiträge werden von den Mitgliedern selbst im Frontend eingegeben. Leider ist die Eingabe der Beitrags-Inhalte über das Frontend von K2 nicht so flexibel und leistungsfähig, wie ich es benötige, daher verwende ich BreezingForms 1.8.4 , um die Beiträge einzugeben.

Der User gibt die Inhalte seines Beitrages über ein BreezingForms Quick Mode Formular ein, der BreezingForms Integrator sorgt anschließend dafür, dass die Daten in die Joomla K2 Tabelle dbpräfix_k2_items geschrieben werden.

Ruft man diese Tabelle in phpMyAdmin auf, so sieht man, dass alle Extrafelder gemeinsam in einem Datenfeld „extra_fields“ gespeichert sind, was dann ungefähr so aussieht:

[{"id":"1","value":"Content 1"},{"id":"2","value":"Content 2"},{"id":"3","value":"Content 3"},{"id":"4","value":"Content 4"},{"id":"5","value":"Content 5"}]

So ist es also nicht ohne weiteres möglich, die einzelnen Extrafelder direkt anzusprechen.

Um diese Extrafelder nun trotzdem mit dem Integrator zu füllen, habe ich in BreezingForms ein verstecktes Feld (hidden_input) erstellt, in das über ein Script automatisch die Inhalte aller Extrafelder gesammelt und gleich in die benötigte Syntax gebracht werden. Am Ende wird dann das BreezingForms Feld Extrafelder vom Integrator in die K2-Tabelle geschrieben.

Das ganze geht dann im BreezingForms Quick Mode Formular so:

1. Zusätzlich zu den Feldern für die Extrafeld-Texte ein neues Element anlegen:

Typ = Versteckte Eingabe

Joomla Tipp K2 Extrafelder per BreezingForms Integrator füllen

 

2. Einem beliebigen der Extrafelder (hier extrafeld1) ein Validierungsskript zuweisen:

Joomla Tipp K2 Extrafelder per BreezingForms Integrator füllen

Reiter „Eigenschaften“ -> Validierung

Validierung: Custom
Fehlermeldung: beliebiger Text oder leer lassen (wird nicht ausgegeben)
Script-Fenster: folgenden Inhalt einfügen

function ff_extrafeld1_validation(element, message)
{
    ff_extrafields();
    return '';
} // ff_extrafeld1_validation

Dieses Skript ruft während der Validierung, also nach dem Klicken des Formular-Abschicken-Buttons, die Funktion ff_extrafields auf.

Direkt unter dem ersten Skript wird die Funktion ff_extrafields definiert:


function ff_extrafields()
{
    var extrafeld1 = '';
    if (ff_getElementByName('extrafeld1').value !== null) {
        extrafeld1=ff_getElementByName('extrafeld1').value;
    }
    var extrafeld2 = '';
    if (ff_getElementByName('extrafeld2').value !== null) {
        extrafeld2=ff_getElementByName('extrafeld2').value;
    }
    var extrafeld3 = '';
    if (ff_getElementByName('extrafeld3').value !== null) {
        extrafeld3=ff_getElementByName('extrafeld3').value;
    }
    var extrafeld4 = '';
    if (ff_getElementByName('extrafeld4').value !== null) {
        extrafeld4=ff_getElementByName('extrafeld4').value;
    }
    var extrafeld5 = '';
    if (ff_getElementByName('extrafeld5').value !== null) {
        extrafeld5=ff_getElementByName('extrafeld5').value;
    }

    var extratext=''

    extratext='[{"id":"1","value":"' + extrafeld1 + '"},';
    extratext=extratext + '{"id":"2","value":"' + extrafeld2 + '"},';
    extratext=extratext + '{"id":"3","value":"' + extrafeld3 + '"},';
    extratext=extratext + '{"id":"4","value":"' + extrafeld4 + '"},';
    extratext=extratext + '{"id":"5","value":"' + extrafeld5 + '"}]';

    ff_getElementByName('extratext').value=extratext;

} // ff_extrafields

Funktion ff_extrafields im Detail erklärt:

Zuerst werden die Formularfelder ausgelesen und in Variablen gespeichert.

    var extrafeld5 = '';
    if (ff_getElementByName('extrafeld5').value !== null) {
        extrafeld5=ff_getElementByName('extrafeld5').value;
    }

 

Anschließend werden die Variablen mit den für die K2-Extrafelder benötigten Textelementen als String in die Variable extratext gespeichert.

    var extratext=''

    extratext='[{"id":"1","value":"' + extrafeld1 + '"},';
    extratext=extratext + '{"id":"2","value":"' + extrafeld2 + '"},';
    extratext=extratext + '{"id":"3","value":"' + extrafeld3 + '"},';
    extratext=extratext + '{"id":"4","value":"' + extrafeld4 + '"},';
    extratext=extratext + '{"id":"5","value":"' + extrafeld5 + '"}]';

 

Der Inhalt dieser Variablen wird dann in das versteckte Formularfeld geschrieben.

ff_getElementByName('extratext').value=extratext;

 

Damit stehen die Extrafelder dann dem Integrator zum Speichern in der K2-Tabelle zur Verfügung. Zum Integrator gibt es in kürze einen eigenen Beitrag.

 

 

 

Joomla Webdesign für Ergofobi

Screenshot Joomla Webdesign für Ergofobi, BosauProjekt aus dem Bereich Webdesign

Diese Webdesign Kundin aus Bosau in Ostholstein wünschte sich ein Content Management System, da sie die Inhalte ihrer Homepage gerne nach der ersten Erstellung durch einen professionellen Webdesigner später selbst pflegen und ergänzen möchte. Zum Einsatz kam dann gleich die neue Version Joomla 3.1, damit ein späteres Update keine zusätzlichen Kosten mehr verursacht. Auf der Homepage sollen hauptsächlich Seminar-Termine und -Programme dargestellt werden, die gut in den Suchmaschinen gefunden werden sollen. Dafür wurde eine Joomla Termin-Komponente eingebunden und an die Bedürfnisse der Kundin angepasst. Für die gute Auffindbarkeit in den Suchmaschinen wurde bereits während der Erstellung auf Suchmaschinenoptimierung (SEO) geachtet. In einer intensiven Schulung wurde der Kundin die Homepage Pflege per Joomla Webdesign gezeigt. Da hierbei gleich die jetzt enthaltenen Website Inhalte eingebunden wurden, war der Lerneffekt besonders hoch. Die Kundin ist nun in der Lage, die neue Homepage selbst zu ändern und verwalten.

Status:
  • abgeschlossen
Aufgabenstellung für die neue Site:
  • Nur das Grundgerüst (Layout und Technik) der Website erstellen und den Kunden für die Einbindung der Inhalte schulen.
  • Erstellung eines Online Terminkalenders für Ergotherapie Seminare mit Anmeldefunktion und besonderem Augenmerk auf der Suchmaschinenoptimierung.
  • Der Kunde pflegt die Inhalte nach einer Schulung und gemeinsamer Erstbefüllung selbst ein.
  • Verwendung eines Layouts, das auch auf mobilen Endgeräten ansprechend aussieht (responsive Webdesign).
  • Verwendung eines Content Management Systems (Joomla 3).
  • Suchmaschinenoptimierung (SEO)
  • Veröffentlichung bei einem bestehenden Webhoster

Joomla Webdesign für HaGarTe

Website von HaGarTe, Neustadt in HolsteinProjekt aus dem Bereich Webdesign

Erstellung einer CMS-Website für HaGarTe, einem Dienstleistungsunternehmen für Weidenflechtzäune, Gartenbau und Gartenpflege sowie Wohnanlagenbetreuung.

Status:
  • abgeschlossen
Aufgabenstellung für die neue Site:
  • Webdesign auf Grundlage eine Content Management Systemes zur Neuerstellung einer Firmen-Homepage.
  • Der Kunde pflegt die Inhalte nach einer individuellen Joomla-Schulung selbst weiter.
  • Verwendung eines Templates (Desiign/Layout), das auch auf mobilen Endgeräten ansprechend aussieht (Responsive Webdesign).
  • Teilweise Erstellung und Überarbeitung von Texten.
  • Suchmaschinenoptimierung
  • Spam-Vermeidung
  • Veröffentlichung auf bereits durch den Kunden gebuchten Webspace