Guite edited this page Nov 12, 2014 · 6 revisions

Mit dem News-Modul können Beiträge hinzugefügt, bearbeitet und natürlich auch gelöscht werden. Diese Beiträge können auf der Startseite oder auch in verschiedenen Blöcken angezeigt werden.

Das Modul hat einen einfachen, aber sehr effektiven Workflow. Beiträge können von Benutzern eingereicht werden und verbleiben im Warte-Status bis ein Administrator diesen freigeschaltet hat. Außerdem können Beiträge direkt und termingesteuert veröffentlicht werden. Termingesteuerte Beiträge werden erst dann sichtbar, wenn das Startdatum erreicht ist.

Das Modul arbeitet einwandfrei mit dem Zikula-Modul scribite! zusammen, dass einen WYSIWYG-Editor zur Bearbeitung bereitstellt. Dies erleichtert die Erstellung eines validen Quellcodes und die Integration von Links, Bilder, etc.

Tipps

Im Folgenden findest Du ein paar Praxistipps.

Lightbox Lightwindow in News einbauen

Auf der Suche nach einer Lightbox die auch Videos,PDF oder andere Webseiten darstellen kann habe ich folgende Lightbox namens Lightwindow gefunden. Hier nun eine kleine Anleitung wie man Lightwindow unter Zikula in die News einbaut.

  • Zunächst einmal müsst Ihr euch Lightwindow von folgender Webseite downloaden: http://stickmanlabs.com/lightwindow/
  • Danach entpacken des Zip-Paketes und Hochladen der lightwindow.js ins Verzeichnis Javascript/ajax/ eurer Zikula Installation.
  • Nun legt Ihr einen neuen Ordner im Verzeichnis Javascript/ajax/ mit dem Namen lightwindow an.
  • In diesen Ordner kopiert Ihr dann die Bilder aus dem Images Verzeichniss des Lightwindow Zip Paketes sowie die lightwindow.css aus dem Verzeichnis CSS.
  • Nachdem Ihr alles auf den Server geladen habt müßt Ihr noch den Lightwindow Code in Euer Theme oder News Modul einbauen.

Einbau in die home bzw. master.htm deines Themes

Ihr öffnet mit einem Editor die home bzw. master.htm. Tragt im Head Bereich folgenden Code ein:

<!--[pnpageaddvar name="javascript" value="javascript/ajax/prototype.js"]-->
<!--[pnpageaddvarname="javascript" value="javascript/ajax/scriptaculous.js"]-->
<!--[pnpageaddvar name="javascript" value="javascript/ajax/lightwindow.js"]-->
<!--[pnpageaddvar name="stylesheet" value="javascript/ajax/lightwindow/lightwindow.css"]-->

Speichert nun die Änderung und ladet die home bzw. master.htm eures Themes wieder auf den Server. In einem News Beitrag ruft Ihr Lightwindow wie folgt auf:

<a href="images/image-1.jpg" class="lightwindow"
title="Lightwindow test" caption="Lightwindow die andere Lightbox"
author="Charlie"><img src="images/thumb-1.jpg" alt="Lightwindow test" /></a>

Einige Erklärungen zu dem Code:

  • class=lightwindow ruft Lightwindow auf
  • title=Titel des Bildes
  • caption=Kommentar oder Beschreibung des Bildes
  • author=Author

Lightwindow und Youtube Videos

Wie schon beschrieben kann Lightwindow auch youtube Videos anzeigen. Dazu müßt Ihr folgenden Code in den News verwenden:

<a title="Infinity" href="http://www.youtube.com/v/w9KnuJZkBjg&hl=de&fs=1&autoplay=1"
class="lightwindow" params="lightwindow_width=640,lightwindow_height=290">
<img src="http://i4.ytimg.com/vi/w9KnuJZkBjg/default.jpg" alt="Guru Josh" /></a>

Einige Erklärungen zu dem Code:

  • title=Titel des Videos
  • class=lightwindow aufruf
  • params=lightwindow width Breite des Videos
  • params=lightwindow height Höhe des Videos
  • img src=url zum Bild des Videos

Das war eigentlich schon alles zum Einbau der Lightwindow in die News von Zikula. Eine Demo von Lightwindow unter Zikula findet Ihr hier: http://postnuke-themes.de/index.php?module=Nachrichten&func=display&sid=44

Symbolbild für Kategorien

Wenn man für jede Kategorie eines Newsbeitrages ein Symbolbild haben möchte, so kann man dazu folgende Vorgehensweise wählen:

Erst einmal müssen natürlich die Bilder auf dem Webserver zur Verfügung stehen. Da gehen wir davon aus, dass sie unter folgendem Pfad abgespeichert sind:

/images/topics

Sollten die Bilder in einem anderen Pfad liegen, so ist weiter unten der Pfad entsprechend anzupassen.

Dann müssen Kategorien für das Newsmodul angelegt werden und diese dem Modul zugewiesen werden. Wie das geht, steht hier.

In jeder Kategorie, die dem Newsmodul zugeordnet wird, legen wir nun ein Attribut mit folgendem Namen an und weisen diesem als Wert den Dateinamen des Bildes zu:

Name: topic_image
Wert: TopicBild.gif <- hier den Bildnamen eingeben

die modules\News\pnuserapi.php macht mittels

$info['topicimage'] = $info['categories'][$topicField]['<u>ATTRIBUTES</u>']['topic_image'];

daraus dann die Variablenzuweisung.

Mit dem folgenden Code in modules/News/pntemplates/news_user_articlecontent.htm wird dann das entsprechende Bild angezeigt.

<p id="news_topic" class="news_meta">
<a href="<!--[$links.searchtopic]-->">
<img src="images/topics/<!--[$info.topicimage]-->" alt="<!--[$info.topicname|pnvarprephtmldisplay]-->
" title="<!--[$info.topicname|pnvarprephtmldisplay]-->" /></a></p>

Dieser Code ist dort schon standardmäßig integriert.

Clone this wiki locally
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.