<< προηγούμενο: Δημιουργία template (μέρος 5º)
Τα τρία πιο βασικά views που χρειαζόμαστε για την ενότητα ΑΡΘΡΑ είναι:
- Ο κατάλογος των άρθρων συνήθως ανά κατηγορία
Το view αυτό πρέπει πάντα να το ονομάζουμε list - Η αναζήτηση άρθρων που περιλαμβάνει την φόρμα και τα αποτελέσματα αναζήτησης
Το view αυτό πρέπει πάντα να το ονομάζουμε search - Η αναλυτική παρουσίαση ενός άρθρου
Το view αυτό πρέπει πάντα να το ονομάζουμε node
Το όνομα κάθε php αρχείου που θα αντιστοιχεί σε κάθε view πρέπει να αποτελείται από τρία μέρη χωρισμένα με underscore ( _ ) δηλαδή την κάτω παύλα.
Τα μέρη αυτά είναι:
- Η λέξη view
- Η ονομασία της ενότητας, στην περίπτωση των άρθρων είναι articles
- Η ονομασία του εκάστοτε view (πχ list)
Σύμφωνα με τα ανωτέρω, τα ονόματα των τριών php αρχείων που θα χρειαστούμε κατά αντιστοιχία είναι:
- view_articles_list.php
- view_articles_search.php
- view_articles_node.php
Δημιουργούμε το view_articles_list.php και εισάγουμε τον κώδικα που όπως είπαμε χρειάζεται κάθε view. Στη συνέχεια θα πρέπει να ξέρουμε ποιες μεταβλητές μας παρέχονται και μπορούμε να χρησιμοποιήσουμε στο view μας.
- $this->maxrows
Ο αριθμός όλων των άρθρων της τρέχουσας κατηγορίας - $this->items
Τα άρθρα με όλες τις καταχωρημένες πληροφορίες τους - $this->catID
Το id της κατηγορίας των άρθρων - $this->catName
Το όνομα της κατηγορίας των άρθρων
Η πρώτη μας χρειάζεται για να μπορούμε να εμφανίζουμε την σελιδοποίηση (pagination) αν υπάρχουν περισσότερα άρθρα από όσα έχουμε ορίσει να εμφανίζονται σε κάθε σελίδα. Τον αριθμό αποτελεσμάτων ανά σελίδα σε κάθε Ενότητα τον ορίζουμε από τον πίνακα διαχείρισης.
Η $this->items είναι μια συλλογή από objects που περιέχει όλα τα άρθρα που θέλουμε να παρουσιάσουμε στο listing. Για να εξάγουμε όλες τις πληροφορίες που περιέχει, πρέπει να δημιουργήσουμε με php ένα Loop όπως ονομάζεται. Στην ουσία είναι σαν να λέμε «φέρνε μας ένα άρθρο κάθε φορά για να παρουσιάζουμε τα στοιχεία που θέλουμε (τίτλο, κατηγορία, σύνοψη, μικρογραφία εικόνας κλπ) και μετά ξανά και ξανά...». Ο κύκλος αυτός επαναλαμβάνεται τόσες φορές όσα και τα άρθρα που περιέχει η $this->items
Σε περίπτωση που δεν υπάρχει κανένα άρθρο, θα εμφανιστεί αυτόματα το κατάλληλο μήνυμα σφάλματος.
Το συγκεκριμένο php Loop θα το αναλάβει η εντολή foreach().
Η σύνταξη είναι της μορφής:
// η $item μέσα στο loop περιέχει το κάθε άρθρο
}
Για την παρουσίαση του listing χρειαζόμαστε τις ακόλουθες πληροφορίες της κάθε $item μέσα στο Loop:
- $item->id
Το id του άρθρου - $item->title
Ο τίτλος του άρθρου - $item->subtitle
Ο υπότιτλος του άρθρου (αν έχει οριστεί κάποιος) - $item->minitext
Η σύνοψη του άρθρου - $item->catID
Το id της κατηγορίας του άρθρου μέσω του οποίου μπορούμε να βρούμε το όνομα της αντίστοιχης κατηγορίας με την
$categories->getCategoryName($item->catID, "content_articles_categories", $langID);
Επίσης γνωρίζοντας το id ενός άρθρου, το Odyssey μας παρέχει ευέλικτες μεθόδους ώστε να εξάγουμε και άλλες απαραίτητες πληροφορίες όπως:
- $defaultImage = $content->getImage($section, $item->id, $langID, 'default');
Μας δίνει στην $defaultImage την κύρια εικόνα που έχει οριστεί για το άρθρο - $caption = $content->getImageDescription($defaultImage, $item->id, $section, $langID);
Μας δίνει στην $caption την λεζάντα της κύριας εικόνας (αν έχει οριστεί κάποια)
Στο Odyssey η κάθε εικόνα αποθηκεύεται σε τρεις εκδόσεις, την μικρογραφία (thumbnail), την μεσαία εικόνα (medium image) και την κανονική της έκδοση που συνήθως χρησιμοποιούμε αν θέλουμε μεγέθυνση εικόνας.
Η $defaultImage έχει ως περιεχόμενα το id της εικόνας + την επέκταση. Για παράδειγμα θα μπορούσε να είναι η 36.jpg
Για να αναφερθούμε σε κάθε έκδοση της χρησιμοποιούμε στην php αντίστοιχα:
- "mediabank/thumbs/small_".$defaultImage
- "mediabank/medium/medium_".$defaultImage
- "mediabank/images/".$defaultImage
Αν τα συνοψίσουμε όλα αυτά, μπορούμε να δημιουργήσουμε κάποιες μεταβλητές μέσα στο Loop ώστε να τις χρησιμοποιούμε πιο εύκολα μέσα στο html markup.
Το τελικό αποτέλεσμα στο view_articles_list.php πρέπει να είναι:
<?php
/*
Odyssey view file
Valid Filename: "view_sectionName.php"
Reference to controller variable: $this->varName
Use $p for template path, for example $p/images/logo.png
*/
// *****************************************************************************
$autoView = false; // Warning! You need to set this to false in order to use your custom view below
// *****************************************************************************
if($autoView){ // you may change this above, setting it as false in order to use your default view starting below
include("view.php");
}else{ // you custom layout starts here!!!
global $langID;
$section = $this->section;
$sectionID = $this->sectionID;
// εμφάνιση τυχόν system messages που έχει ορίσει ο controller
$messages->printSystemMessages();
?>
<h1><?php echo $this->catName;?></h1>
<?php
if($this->maxrows){ // αν υπάρχουν άρθρα
// - top pagination -
$vars = 'catID,presults';
$pagination = new pagination($this->maxrows, true, $vars, $presults);
$pagination->printPages();
// - end of top pagination
foreach($this->items as $item){
$articleID = $item->id;
$title = $item->title;
$subtitle = $item->subtitle;
$minitext = $item->minitext;
$catName = $categories->getCategoryName($item->catID, "content_".$section."_categories", $langID);
$defaultImage = $content->getImage($section, $articleID, $langID, 'default');
$imgDescription = $content->getImageDescription($defaultImage, $articleID, $sectionID, $langID);
$thumbnail = "mediabank/thumbs/small_".$defaultImage;
$imgDim = GetImageSize($thumbnail);
$w = $imgDim[0]; // το πλάτος της μικρογραφίας
$h = $imgDim[1]; // το ύψος της μικρογραφίας
$articleLink = $sef->url("index.php?section=".$section."&view=node&id=".$articleID, false);
?>
<article>
<?php
if($defaultImage != "."){ // αν υπάρχει ορισμένη κύρια εικόνα
?>
<img src="<?php echo $thumbnail;?>" width="<?php echo $w;?>" height="<?php echo $h;?>" alt="article's thumbnail" title="<?php echo $imgDescription;?>">
<?php
}
?>
<h3><a href="<?php echo $articleLink;?>"><?php echo $title;?></a></h3>
<?php
if($subtitle){ // αν υπάρχει υπότιτλος
?>
<h4><?php echo $subtitle;?></h4>
<?php
}
?>
<p><?php echo $minitext; ?></p>
</article>
<?php
}
// - bottom pagination -
$pagination = new pagination($this->maxrows, false, $vars, $presults);
$pagination->printPages();
// - end of bottom pagination
}
}
?>
Όπως πάντα παράγουμε μόνο το html markup ώστε να προσθέσετε το δικό σας styling. Αν προσθέσετε κατηγορίες άρθρων και άρθρα, μπορείτε να δείτε από το menu του sidebar το μέχρι στιγμής αποτέλεσμα.
Ας δούμε τώρα και το view_articles_search.php που έχει πολλές ομοιότητες με το list view. Στην ουσία πάλι θα παράξουμε μια λίστα άρθρων που όμως θα είναι αποτέλεσμα αναζήτησης πιο σύνθετων κριτηρίων και όχι απλά ανά κατηγορία. Θα χρειαστούμε επίσης και μια φόρμα για να θέτουμε αυτά τα κριτήρια.
Στην περίπτωση αναζήτησης έχουμε στην διάθεσή μας και μερικές extra μεταβλητές:
- $this->submitSearch
Δηλώνει αν έχει προηγηθεί submit της φόρμας - $this->keyword
Η φράση-κλειδί αν έχει ορίσει κάποια ο χρήστης - $this->date_from
Αν αναζητούμε άρθρα βάσει εύρους ημερολογιών δημοσίευσης, περιέχει την αρχή της χρονικής περιόδου - $this->date_to
Αν αναζητούμε άρθρα βάσει εύρους ημερολογιών δημοσίευσης, περιέχει το τέλος της χρονικής περιόδου - $this->catID
Περιέχει το id της κατηγορίας αν έχει οριστεί και η κατηγορία ως κριτήριο αναζήτησης
Τα περιεχόμενα του view_articles_search:
<?php
/*
Odyssey view file
Valid Filename: "view_sectionName.php"
Reference to controller variable: $this->varName
*/
// *****************************************************************************
$autoView = false; // Warning! You need to set this to false in order to use your custom view below
// *****************************************************************************
if($autoView){ // you may change this above, setting it as false in order to use your default view starting below
include("view.php");
}else{ // you custom layout starts here!!!
global $langID;
$section = $this->section;
$sectionID = $this->sectionID;
// εμφάνιση τυχόν system messages που έχει ορίσει ο controller
$messages->printSystemMessages();
/*
προετοιμασία του κύριου τίτλου της σελίδας αναζήτησης.
αν έχει προηγηθεί submit θα είναι ΑΠΟΤΕΛΕΣΜΑΤΑ ΑΝΑΖΗΤΗΣΗΣ
διαφορετικά θα είναι ΑΝΑΖΗΤΗΣΗ
*/
$mainHeading = (empty($_REQUEST['submitSearch'])) ? t("ΑΝΑΖΗΤΗΣΗ") : t("ΑΠΟΤΕΛΕΣΜΑΤΑ ΑΝΑΖΗΤΗΣΗΣ") ;
?>
<h1><?php echo $mainHeading;?></h1>
<?php
if($this->maxrows){ // αν υπάρχουν άρθρα
//----------- top pagination ---------------------------
$vars = 'catID,presults,keyword,date_from,date_to,submitSearch'; // όλα τα ονόματα μεταβλητών που πρέπει να μεταφέρονται από σελίδα σε σελίδα κατά το pagination
$pagination = new pagination($this->maxrows, true, $vars, $presults);
$pagination->printPages();
//----------- end of top pagination --------------------
foreach($this->items as $item){
$articleID = $item->id;
$title = $item->title;
$subtitle = $item->subtitle;
$minitext = $item->minitext;
$catName = $categories->getCategoryName($item->catID, "content_".$section."_categories", $langID);
$defaultImage = $content->getImage($section, $articleID, $langID, 'default');
$imgDescription = $content->getImageDescription($defaultImage, $articleID, $sectionID, $langID);
$thumbnail = "mediabank/thumbs/small_".$defaultImage;
$imgDim = GetImageSize($thumbnail);
$w = $imgDim[0]; // το πλάτος της μικρογραφίας
$h = $imgDim[1]; // το ύψος της μικρογραφίας
$articleLink = $sef->url("index.php?section=".$section."&view=node&id=".$articleID, false);
?>
<article>
<?php
if($defaultImage != "."){ // αν υπάρχει ορισμένη κύρια εικόνα
?>
<img src="<?php echo $thumbnail;?>" width="<?php echo $w;?>" height="<?php echo $h;?>" alt="article's thumbnail" title="<?php echo $imgDescription;?>">
<?php
}
?>
<h3><a href="<?php echo $articleLink;?>"><?php echo $title;?></a></h3>
<?php
if($subtitle){ // αν υπάρχει υπότιτλος
?>
<h4><?php echo $subtitle;?></h4>
<?php
}
?>
<p><?php echo $minitext; ?></p>
</article>
<?php
}
//----------- bottom pagination ---------------------------
$pagination = new pagination($this->maxrows, false, $vars, $presults);
$pagination->printPages();
//----------- end of bottom pagination --------------------
}
// ακολουθεί η εμφάνιση της search form
?>
<form action="" method="get">
<input name="section" type="hidden" value="<?php echo $section;?>">
<input name="view" type="hidden" value="<?php echo $this->view;?>">
<input name="langID" type="hidden" value="<?php echo $langID;?>">
<label for "keyword"><?php echo t("Αναζήτηση για");?></label>
<input id="keyword" name="keyword" type="text" value="<?php echo $this->keyword;?>">
<br>
<label for "catID"><?php echo t("Στην κατηγορία");?></label>
<select name="catID" id="catID">
<option value=""><?php echo t("Όλες οι κατηγορίες");?></option>
<?php
// η μέθοδος που ακολουθεί θα δημιουργήσει όλα τα option tags με τις κατηγορίες άρθρων
echo $categories->getCategoriesForSelect(0, 0, false, $section."_categories", $this->catID);
?>
</select>
<br>
<label for "date_from"><?php echo t("Δημοσιευμένο από");?></label>
<input name="date_from" id="date_from" type="text" value="<?php if($this->date_from) echo $dates->makeDatefromTimestamp($this->date_from);?>">
<br>
<label for "date_to"><?php echo t("Δημοσιευμένο έως");?></label>
<input name="date_to" id="date_to" type="text" value="<?php if($this->date_to) echo $dates->makeDatefromTimestamp($this->date_to);?>">
<br>
<input name="submitSearch" type="submit" value="<?php echo t("Αναζήτηση");?>">
</form>
<?php
}
?>
Τώρα μπορούμε να περάσουμε και στην αναλυτική παρουσίαση ενός άρθρου. Την παρουσίαση αυτή θα την αναλάβει το view node στο αρχείο view_articles_node.php.
Το αρχείο αυτό χρειάζεται μία και μοναδική παράμετρο, το id του άρθρου.
Για να καλέσουμε το view αυτό θα χρησιμοποιήσουμε την ακόλουθη σύνταξη:
index.php?section=articles&view=node&id=<το ID του άρθρου>
Φυσικά όπως είδαμε στα links των προηγούμενων views, πρέπει πάντα να κάνουμε χρήση της μεθόδου $sef->url($url) ώστε να εμεταλλευόμαστε τα φιλικά προς τις μηχανές αναζήτησης URLs.
Όπου θέλουμε λοιπόν στην σελίδα μας, να χρησιμοποιήσουμε το link κάποιου άρθρου μας (πχ αυτού που διαβάζετε τώρα και έχει id=18), η σύνταξη πρέπει να είναι:
$sef->url("index.php?section=articles&view=node&id=18")
Οι μεταβλητές που έχουμε στη διάθεσή μας για την παρουσίαση του άρθρου είναι:
- $id
Το ID του άρθρου
- $item->title
Ο τίτλος του άρθρου
- $item->subtitle
Ο υπότιτλος του άρθρου
- $item->body
Το περιεχόμενο του άρθρου (rich text)
- $item->catID
Το ID της κατηγορίας του άρθρου
- $item->published
Η ημερομηνία δημοσίευσης του άρθρου σε UNIX timestamp.
Το Odyssey μας παρέχει ειδικές μεθόδους ώστε να μετατρέπουμε αυτές τις ημερομηνίες σε κανονική μορφή.
Έτσι μπορούμε να έχουμε την
$published = $dates->makeDatefromTimestamp($item->published)
Το Odyssey μας παρέχει την δυνατότητα να επισυνάπτουμε σε κάθε άρθρο μας, εικόνες, flash movies, YouTube Videos και μια σειρά από άλλα αρχεία.
Ας τα δούμε αναλυτικά:
- Εικόνες
Μπορούμε να ορίσουμε μια εικόνα κατά την επισύναψή της στο άρθρο ως κύρια εικόνα, ως logo ή ως απλή εικόνα. Συνήθως στα άρθρα θεωρούμε μία εικόνα ως κύρια και τις υπόλοιπες ως απλά μέλη συλλογής φωτογραφιών.
Η κύρια εικόνα εμφανίζεται πρώτη και χρησιμοποιείται και ως μικρογραφία στο listing. - Flash Movies
Πρόκειται για αρχεία swf τα οποία μπορούμε να ορίσουμε αν θα εμφανίζονται πριν το κείμενο του άρθρου, ή μετά από αυτό. - YouTube Videos
Αν και μπορείτε μέσα στο rich text που σας παρέχεται μέσω του editor, να χρησιμοποιήσετε τον κώδικα οποιουδήποτε video provider, μπορείτε εύκολα να δημιουργείτε και συλλογές video μέσω της επισύναψης βίντεο από το YouTube. - Άλλα αρχεία
Υποστηρίζονται συνολικά οι τύποι jpg, jpeg, gif, png, swf, doc, docx, xls, ppt, avi, mpg, mpeg, wmv, wma, mp3, wav, pdf, zip και rar
Για την παρουσίαση ενός άρθρου, πρέπει να είμαστε προετοιμασμένοι για όλο το ανωτέρω περιεχόμενο γιατί δεν ξέρουμε τι μπορεί να έχει επισυνάψει ο χρήστης από τον πίνακα διαχείρισης. Πριν δημιουργήσουμε το layout παρουσίασης, πρέπει να αποφασίσουμε την ιεράρχιση των πληροφοριών, με ποια σειρά δηλαδή θα παρουσιάζονται οι πληροφορίες που σχετίζονται με το επιλεγμένο άρθρο.
Στην περίπτωση του template aegean που δημιουργούμε, κατέληξα για το συγκεκριμένο layout στην ακόλουθη ιεράρχιση:
- Τίτλος άρθρου
- Υπότιτλος άρθρου (αν υπάρχει)
- Ημερομηνία δημοσίευσης
- Κύρια εικόνα (αν υπάρχει θα χρησιμοποιηθεί η medium έκδοση)
- Flash Movies που ορίστηκαν να εμφανιστούν πριν το κείμενο (αν υπάρχουν)
- Περιεχόμενο άρθρου (rich text)
- Flash Movies που ορίστηκαν να εμφανιστούν μετά το κείμενο (αν υπάρχουν)
- Περισσότερες εικόνες (αν υπάρχουν)
- YouTube Videos (αν υπάρχουν)
- Άλλα αρχεία (διαθέσιμα ως download αν υπάρχουν)
- Link επιστροφή
- Σχετικά άρθρα (μέσω tags)
- Δυνατότητα σχολιασμού του άρθρου μέσω facebook
Στον κώδικα του view_articles_node.php που ακολουθεί, υπάρχουν αναλυτικά σχόλια για να καταλάβετε τις μεθόδους που χρησιμοποιούμε για να αντλήσουμε όλες τις πληροφορίες ενός άρθρου:
<?php
/*
Odyssey view file
Valid Filename: "view_sectionName.php"
Reference to controller variable: $this->varName
*/
// *****************************************************************************
$autoView = false; // Warning! You need to set this to false in order to use your custom view below
// *****************************************************************************
if($autoView){ // you may change this above, setting it as false in order to use your default view starting below
include("view.php");
}else{ // you custom layout starts here!!!
global $langID;
$section = $this->section;
$sectionID = $this->sectionID;
// εμφάνιση τυχόν system messages που έχει ορίσει ο controller
$messages->printSystemMessages();
$item = $this->item; // το άρθρο μας...
if($item){ // αν υπάρχει το άρθρο
$title = $item->title; // ο τίτλος του άρθρου
$articleID = $id; // για να είναι ξεκάθαρο σε ποιο id αναφερόμαστε
$subtitle = $item->subtitle; // ο υπότιτλος του άρθρου αν υπάρχει
$body = $item->body; // το κυρίως κείμενο σε μορφή html
// ορίζουμε και την $catName σε περίπτωση που θέλετε να εμφανίσετε και τον τίτλο της κατηγορίας στην οποία ανήκει το άρθρο
$catName = $categories->getCategoryName($item->catID, "content_".$section."_categories", $langID);
$published = $dates->makeDatefromTimestamp($item->published); // η ημερομηνία σε μορφή Η/Μ/Ε
$defaultImage = $content->getImage($section, $articleID, $langID, 'default'); // η κύρια εικόνα αν υπάρχει
$imgDescription = $content->getImageDescription($defaultImage, $articleID, $sectionID, $langID); // η λεζάντα της κύριας εικόνας αν υπάρχει
$mediumImage = "mediabank/medium/medium_".$defaultImage; // η medium έκδοση της κύριας εικόνας που θα χρησιμοποιήσουμε
$flashTopFiles = $content->getFlashFiles($section, $articleID, "top"); // τα swf που έχουν οριστεί να εμφανίζονται πριν το κείμενο (αν υπάρχουν)
$flashBottomFiles = $content->getFlashFiles($section, $articleID, "bottom"); // τα swf που έχουν οριστεί να εμφανίζονται μετά το κείμενο (αν υπάρχουν)
$otherImages = $content->getImages($section, $articleID, $langID, array('default', 'logo')); // όλες οι υπόλοιπες εικόνες (αν υπάρχουν)
$videos = $content->getVideos($sectionID, $articleID); // όλα τα youTube βίντεο (αν υπάρχουν)
$files = $content->getFiles($sectionID, $articleID); // όλα τα άλλα αρχεία που ίσως έχει επισυνάψει ο χρήστης στο συγκεκριμένο άρθρο
?>
<article>
<h3><?php echo $title;?></h3>
<h4><?php echo $subtitle;?></h4>
<div><?php echo t("Δημοσιεύθηκε στις ".$published);?></div>
<?php
if(is_file($mediumImage)){ // αν υπάρχει η medium εικόνα
$imgDim = GetImageSize($mediumImage); // διαβάζουμε τις διαστάσεις της medium εικόνας
$w = $imgDim[0]; // το πλάτος της medium εικόνας
$h = $imgDim[1]; // το ύψος της medium εικόνας
// αν θέλετε μπορείτε να δώσετε δυνατότητα μεγέθυνσης της εικόνας με κάποιο js plugin ή χρησιμοποιώντας το fancybox που είναι build in στο Odyssey, όπως θα κάνουμε στην περίπτωση αυτή
$bigImage = "mediabank/images/".$defaultImage; // η μεγάλη εικόνα αν θέλουμε να χρησιμοποιήσουμε την δυνατότητα μεγέθυνσης
?>
<a href="<?php echo $bigImage;?>" data-rel="fb" title="<?php echo $imgDescription; // Το data-rel="fb" μας διασφαλίζει πως θα γίνει χρήση του fancybox?>">
<img src="<?php echo $mediumImage;?>" width="<?php echo $w;?>" height="<?php echo $h;?>" alt="main image">
</a>
<?php
}
foreach($flashTopFiles as $swf){ // εμφάνιση των top swf αν υπάρχουν
?>
<div>
<?php
$content->displayFlash($swf->bankID, array("wmode"=>"transparent"));
?>
</div>
<?php
}
?>
<div>
<?php
$content->displayFontAdjustments("right"); // εμφάνιση ελέγχου του μεγέθους της γραμματοσειράς με δεξιά στοίχιση (προαιρετικά)
echo $content->richText($body); // εμφάνιση του περιεχομένου του άρθρου
?>
</div>
<?php
foreach($flashBottomFiles as $swf){ // εμφάνιση των bottom swf αν υπάρχουν
?>
<div>
<?php
$content->displayFlash($swf->bankID, array("wmode"=>"transparent"));
?>
</div>
<?php
}
if($otherImages){ // αν υπάρχουν κι άλλες εικόνες
?>
<h3><?php echo t("ΣΧΕΤΙΚΕΣ ΕΙΚΟΝΕΣ");?></h3>
<?php
foreach($otherImages as $image){ // πάμε να τις δούμε μία μία
$imgDescription = $content->getImageDescription($image, $articleID, $sectionID, $langID);
$thumb = "mediabank/thumbs/small_".$image; // η μικρογραφία της εικόνας
$imgDim = GetImageSize($thumb); // διαβάζουμε τις διαστάσεις της μικρογραφίας
$w = $imgDim[0]; // το πλάτος της μικρογραφίας
$h = $imgDim[1]; // το ύψος της μικρογραφίας
$bigImage = "mediabank/images/".$image; // η αντίστοιχη μεγάλη εικόνα για να μεγεθύνονται οι μικρογραφίες
?>
<a href="<?php echo $bigImage;?>" data-rel="fb" title="<?php echo $imgDescription; // Το data-rel="fb" μας διασφαλίζει πως θα γίνει χρήση του fancybox?>">
<img src="<?php echo $thumb;?>" width="<?php echo $w;?>" height="<?php echo $h;?>" alt="thumb">
</a>
<?php
}
}
if($videos){ // αν έχουν επισυναφθεί youTube βίντεο
?>
<h3><?php echo t("ΣΧΕΤΙΚΑ VIDEO");?></h3>
<?php
foreach($videos as $video){
$videotitle = $video->title;
$youtubeCode = $video->youtubeCode;
// ορίστε τις δικές σας διαστάσεις στο iframe που ακολουθεί...
?>
<iframe width="400" height="300" src="http://www.youtube.com/embed/<?php echo $youtubeCode;?>?wmode=transparent"></iframe>
<?
}
}
if($files){ // αν έχουν επισυναφθεί άλλα αρχεία
?>
<h3><?php echo t("ΣΧΕΤΙΚΑ ΑΡΧΕΙΑ");?></h3>
<?php
foreach($files as $file){
$filetitle = $fileSystem->getFileTitle("files", $file->id, $articleID, $file->bankID);
$ext = $fileSystem->getExtensionByFileTypeID($fileSystem->getFileTypeID($file->bankID));
?>
<div>
<a href="mediabank/<?php echo $file->bankID.'.'.$ext;?>" target="_blank">
<img src="images/icons/filetype_<?php echo $ext;?>.gif" alt="Download file">
</a>
</div>
<?php
}
}
?>
<a href="javascript:void(0)" onclick="window.history.back();"><?php echo t('επιστροφή'); ?></a>
<?php
$relatedContent = $content->getRelatedContent($sectionID, $articleID, $langID); // τα σχετικά με το τρέχον σχετικά άρθρα βάσει tags (αν υπάρχουν)
if($relatedContent){
?>
<h3><?php echo t("ΣΧΕΤΙΚΑ ΑΡΘΡΑ");?></h3>
<ul>
<?php
foreach($relatedContent as $item){
?>
<li><a href="<?php $sef->url("index.php?section=".$section."&view=node&id=".$item->id."");?>"><?php echo $item->title;?></a></li>
<?php
}
?>
</ul>
<?php
}
?>
</article>
<?php
$this->includeModules("fb_comments"); // πρέπει να δημιουργήσετε το slot και να ενεργοποιήσετε το widget «Facebook Comments» για να υπάρχει δυνατότητα σχολιασμού μέσω facebook
}
}
?>
