Actions και Filters. Πως αρχικοποιώ;

if(isset($myPlugin))  {

//Actions

//Filters

}

Απλό έτσι; Το μόνο που χρειάζεται κάνετε είναι να ελέγξετε ότι ένα αντικείμενο τύπου myTestPlugin έχει δημιουργηθεί (κατ’ επέκταση φυσικά ελέγχετε και ότι το plug-in έχει εγκατασταθεί και αρχικοποιηθεί σωστά).

WordPress Actions

Ας προσπαθήσουμε να γεμίσουμε τα κενά κάτω από τα σχόλια. Ξεκινούμε με τις Actions (//Actions).

Για να δημιουργήσουμε μία action θα πρέπει σε πρώτη φάση να κατασκευάσουμε μία συνάρτηση (function) για το plug-in μας.

function testFunction() {

?>

<!-- just a comment -->

<?php

}

Όπως μπορείτε να καταλάβετε η παραπάνω συνάρτηση απλά προσθέτει ένα comment… και τίποτε άλλο. Ας δούμε πως την καλούμε.

Χρειαζόμαστε μία action. Επομένως…

if(isset($myPlugin)) {

//Actions

add_action('wp_head', array(&$myPlugin, 'testFunction'), 1);

//Filters

}

δηλαδή…

η πλήρης σύνταξη της add_action() σύμφωνα με το WordPress Plugin API είναι add_action(‘hook_name’, array(&$myPlugin,’myFunction’), PRIORITY);

• hook_name: το όνομα με το οποίο θέλουμε να καλούμε την action (σε κάποιο σημείο της wordpress εγκατάστασής μας).
• array(…): πίνακας με την ταυτότητα του action
• &$myPlugin: αναφορά στην μεταβλητή / αντικείμενο της κλάσης που αντιπροσωπεύει το plug-in μας
• MyFunction: η συνάρτηση που επιθυμούμε να καλέσουμε
• PRIORITY: προτεραιότητα εκτέλεσης. Τα μικρά νούμερα εκτελούνται γρηγορότερα

Πως το τρέχω;

Όπως αναφέραμε στο προηγούμενο άρθρο μας. Αφότου το plugin εγκατασταθεί χωρίς πρόβλημα, ενεργοποιώντας το, το σχόλιο που περιλαμβάνεται στην testFunction θα εμφανιστεί στο πάνω μέρος της κεντρικής ιστοσελίδας της WordPress εγκατάστασής μας.

Αφαίρεση των actions

Οι actions μπορούν να αφαιρούνται δυναμικά, ακριβώς όπως δημιουργούνται κάνοντας χρήση της ακόλουθης σύνταξης:

remove_action('action_hook','action_function')

• hook_name: το όνομα με το οποίο θέλουμε να καλούμε την action (σε κάποιο σημείο της wordpress εγκατάστασής μας).
• MyFunction: η συνάρτηση που επιθυμούμε να καλέσουμε

WordPress Filters

Τα WordPress filters αποτελούν συναρτήσεις που είναι υπεύθυνες για αλλαγές κειμένου. Η ανάγκη για την αλλαγή κειμένου πηγάζει είτε από την ανάγκη να το εισάγουμε σε μία βάση δεδομένων, είτε από την ανάγκη να το εμφανίσουμε στον χρήστη.

Τι μπορώ να αλλάξω χρησιμοποιώντας filters;

• Άρθρα
• Σχόλια
• Feeds, κ.α.

Filter περιεχομένου

Είπαμε ότι τα filters αποτελούν ουσιαστικά συναρτήσεις. Ένα πολυ ενδιαφέρον filter είναι το ‘the_content’. Αυτό που ουσιαστικά κάνει είναι να επεμβαίνει στο κείμενο ενός άρθρου. Στο παράδειγμα που ακολουθεί θα χρησιμοποιήσουμε το filter περιεχομένου για να προσθέτουμε μία γραμμή στο τέλος κάθε άρθρου.

Σύμφωνα με το WordPress Plugin API η σύνταξη της add_filter είναι η ακόλουθη:

add_filter('hook_name','my_filter',[priority],[accepted_args]);

Ας φτιάξουμε για αρχή την συνάρτηση που θα προσθέτει την έξτρα γραμμή:

function addLine($content=”) {

$content .= “<p>My text goes here</p>”;

return $content;

}

• Αρχικά δηλώνεται η συνάρτηση η οποία παίρνει σαν όρισμα μία μεταβλητή
• Αν δεν δοθεί κείμενο κατά την κλήση της, δίδεται μία default τιμή
• Στο κείμενο που δόθηκε (ή η default τιμή αν δε δόθηκε τίποτε) προστίθεται η γραμμή που θέλουμε να τελειώνει το post (στην περίπτωσή μας  “My text goes here”)
• Τέλος, επιστρέφεται το αλφαριθμητικό στην τελική του μορφή.

Στην συνέχεια θα πρέπει να εκτελέσουμε την συνάρτηση μας αυτή κάνοντας χρήση του filter ‘the_content’. Κάνοντας χρήση του κώδικα που έχουμε ως τώρα, μετά την προσθήκη του filter θα μοιάζει κάπως έτσι:

if(isset($myPlugin)) {

//Actions

add_action('wp_head', array(&$myPlugin, 'testFunction'), 1);

//Filters

add_filter('the_content', array(&$myPlugin,'addLine'));

}

Εφόσον το plugin εγκατασταθεί και ενεργοποιηθεί, στο τέλος κάθε άρθρου θα πρέπει να βλέπετε τουλάχιστον ( ) την έξτρα γραμμή.

Filter συγγραφεά

Όπως είπαμε τα filters μπορούν να προσφέρουν μεγάλη λειτουργικότητα. Πριν κλείσουμε λοιπόν το άρθρο θα δημιουργήσουμε ακόμη ένα φίλτρο, προσανατολισμένο στους συγγραφείς σχολίων αυτή τη φορά.

Όπως και πριν, χρειαζόμαστε μία συνάρτηση:

function authorFunction($author=”) {

return strtoupper($author);

}

• Αρχικά δηλώνεται η συνάρτηση η οποία παίρνει σαν όρισμα μία μεταβλητή  (στην συγκεκριμένη περίπτωση το όνομα το συγγραφέα)
• Αν δεν δοθεί κείμενο κατά την κλήση της, δίδεται μία default τιμή
• Το περιεχόμενο της μεταβλητής (στην συγκεκριμένη περίπτωση ο συγγραφέας του σχολίου, επιστρέφεται με κεφαλαία γράμματα

Αυτό που πρέπει να κάνουμε τώρα είναι να επιβάλουμε στην παραπάνω συνάρτηση να τρέξει κατά την συγγραφή ενός σχολίου από κάποιον συγγραφέα. Για τον λόγο αυτό θα χρησιμοποιήσουμε το get_comment_author filter.

if(isset($myPlugin)) {

//Actions

add_action('wp_head', array(&$myPlugin, 'testFunction'), 1);

//Filters

add_filter('the_content', array(&$myPlugin,'addLine'));

add_filter('get_comment_author',array(&$myPlugin, authorFunction));

}

Ως συνήθως, αν εγκαταστήσετε και ενεργοποιήσετε το plugin, στο εξής, θα πρέπει τα ονόματα των συγγραφέων των σχολίων από εδώ και στο εξής να εμφανίζονται σε κεφαλαία γράμματα.

Στο σημερινό μας άρθρο, πήραμε μια γεύση από την πραγματική δύναμη των WordPress plugins ελέγχοντας το περιεχόμενο της WordPress εγκατάστασής μας. Ωστόσο, βρισκόμαστε ακόμη στην αρχή. Μείνετε συντονισμένοι για το επόμενο άρθρο της σειράς. Μέχρι τότε…

να είστε καλά και να προσέχετε τον εαυτό σας!

[Πηγή:Devlounge]

Πως λειτουργεί;

Ας ξεκινήσουμε με μια μίνι αναφορά στο πως εγκαθιστούμε ένα WordPress plug-in το οποίο έχουμε κατασκευάσει (μπορεί να σας φαίνεται ότι προτρέχω, αλλά πιστέψτε με είναι πολύ σημαντικό να γνωρίζεται πως λειτουργεί πραγματικά αυτή η διαδικασία πριν ξεκινήσετε να κατασκευάζετε το πρώτο σας plug-in).

1. Τοποθετούμε το plug-in στον φάκελο “wp-content/plugins/” (μετά από αυτό το βήμα το plug-in μας πρέπει να είναι έτοιμο για εγκατάσταση – να φαίνεται  δηλαδή στη λίστα με τα διαθέσιμα προς εγκατάσταση plug-ins – ).
2. Όταν το plug-in ενεργοποιείται πρακτικά ζητά από το WordPress να φορτώσει τον κώδικα σε κάθε μια από τις σελίδες (συμπεριλαμβανομένης και αυτής του διαχειριστή). ΠΡΟΣΟΧΗ: Όταν ενεργοποιείται πολλά plug-ins, η εγκατάσταση του WordPress σας ενδέχεται να λειτουργεί πολύ πιο αργά.

Αφότου εκτελεστούν τα δύο ανωτέρω βήματα θα πρέπει το plug-in σας να είναι εγκατεστημένο και σε λειτουργία.

Πριν προχωρήσουμε στα ζητήματα δομής και αρχιτεκτονικής ενός WordPress plug-in θεωρούμε δόκιμο να αναφέρουμε μερικές ακόμη ενδιαφέρουσες λειτουργίες που μπορούν να επιτευχθούν από ένα WordPress plug-in.

• Δεδομένου ότι το WordPress  plug-in φορτώνει τον κώδικά σας αυτόματα, σας επιτρέπει να επιτύχετε διάδραση τόσο με το WordPress plug-in API όσο και με τα tags των WordPress Templates (δυνατότητα χρήσης των υπαρχόντων ή / και δημιουργία νέων).
• Αν σκοπεύετε να εκτελέσετε αλλαγές στο περιεχόμενο των άρθρων ή στα σχόλια, θα πρέπει να μελετήσετε τα σχετικά με το WordPress Loop. Μπορείτε να ελέγξετε τη συμπεριφορά του κώδικα και που αυτός τρέχει κάθε φορά, χρησιμοποιώντας actions και filters (για τα οποία θα μιλήσουμε αναλυτικότερα σε επόμενο άρθρο).

Δομή του plug-in: Αρχείο ή φάκελος;

Η αλήθεια είναι ότι δεν υπάρχει σωστό και λάθος. Ένα WordPress plug-in μπορεί να αποτελείται απλά από ένα αρχείο php ή από μία πιο σύνθετη δομή, ένα κατάλογο αρχείων. Ας δούμε ένα παράδειγμα ενός τέτοιου καταλόγου:

• ΟΝΟΜΑ_ΚΑΤΑΛΟΓΟΥ (δηλαδή το όνομα του plug-in)
• ◦          ΟΝΟΜΑ_ΚΑΤΑΛΟΓΟΥ.php (υποχρεωτικά)
• ◦          ΦΑΚΕΛΟΣ js (φάκελος που θα περιέχει αρχεία javascript – προαιρετικά)
• ◦          ΦΑΚΕΛΟΣ css (φάκελος που θα περιέχει αρχεία css – προαιρετικά)
• ◦          ΦΑΚΕΛΟΣ php (φάκελος που θα περιέχει άλλα αρχεία php – προαιρετικά)
• ◦          ΦΑΚΕΛΟΣ images (φάκελος που θα περιέχει εικόνες – προαιρετικά)

ή

• myTestPlugin/
• ◦          myTestPlugin.php
• ◦          js/
• ◦          css/
• ◦          php/
• ◦          images/

Κυρίως αρχείο (δομή)

Όσοι έχετε μία κάποια οικειότητα με το WordPress θα έχετε προσέξει ότι στον τομέα των plug-ins (λίστα με τα διαθέσιμα plug-ins) παρέχονται διάφορες πληροφορίες για τα plug-ins αυτά (όνομα, έκδοση, περιγραφή, κατάσταση). Αν δεν ξέρετε ήδη πως παρέχονται αυτές οι πληροφορίες στη μηχανή του WordPress δεν θα το μαντέψετε ποτέ:

<?php
/*
Plugin Name: My Fiirst Plug-In
Plugin URI: http://www.mypersonalsite.gr
Version: v1.00
Author: <a href=”http://krap.gr/”>Apostolos Kritikos</a>
Description: This is my first plugin. Please don't be too hard on me if it crushes.

Ναι! Είναι σχόλια! Με τις παραπάνω 7 γραμμές οφείλει να αρχίζει κάθε WordPress Plug-in που σέβεται τον εαυτό του.

Σχόλια; ΟΚ… Και το plug-in πότε το κατασκευάζω;

Για την δημιουργία του λειτουργικού τμήματος του plug-in απαιτείται χρήση κλάσεων PHP. Αν και η πρότερη γνώση προγραμματισμού PHP κλάσεων θα βοηθούσε πολύ, δεν θεωρείται απαραίτητη γνώση για την παρακολούθηση του παρόντος άρθρου.

Για αρχή απαιτείται να εξασφαλίσουμε ότι δεν υπάρχει άλλο plug-in με το  ίδιο όνομα εγκατεστημένο στο WordPress σύστημά μας. Ο συγκεκριμένος έλεγχος επιτυγχάνεται με τον παρακάτω κώδικα:

if(!class_exists(“myTestPlugin”)) {

class myTestPlugin {

function myTestPlugin() { //κατασκευαστής

}

}

} //τέλος κλάσης

Εφόσον λοιπόν μια κλάση με όνομα ταυτόσημο με αυτό του δικού μας plug-in  δεν υπάρχει, δημιουργείται.

if(class_exists(“myTestPlugin”)) {

$myPlugin = new myTestPlugin();

}

Ο παραπάνω κώδικας  αναλαμβάνει να αρχικοποιήσει ένα στιγμιότυπο της κλάσης που δημιουργήσαμε νωρίτερα. Μετά την εκτέλεση του τμήματος αυτού η  μεταβλητή $myPlugin αποτελεί ένα αντικειμένο τύπου myTestPlugin δήλαδή της κλάσης που υλοποιεί την λειτουργικότητα του plugin μας.

Όπως είπαμε στην αρχή του άρθρου, η αρχή είναι το ήμισυ του παντός. Με τον κώδικα που παρουσιάσαμε σε αυτό το άρθρο ο αναγνώστης καταλήγει με έναν πλήρες σκελετό ο οποίος μπορεί να χρησιμοποιηθεί για την υλοποίηση ενός εντελώς λειτουργικού plugin.

Την επόμενη φορά (spoiler alert ) θα μιλήσουμε  για το πως υλοποιούμε actions και  filters για αυτό, μείνετε συντονισμένοι. Μέχρι τότε…

να είστε καλά και να προσέχετε τον εαυτό σας!

[Πηγή:Devlounge]

Διαβάστε περισσότερα για την νέα έκδοση στο άρθρο WordPress 3 που δημοσιεύτηκε κατά την διάρκεια του Μήνα WordPress

Πολύ σύντομα το GreekTuts θα “φορέσει” την νέα έκδοση, και θα είναι κοντά σας καλύτερο από ποτέ

Κατεβάστε και εσείς την νέα έκδοση WordPress 3 από εδώ

Αδιαμφισβήτητα τα δύο δυνατότερα στοιχεία του WordPress είναι η μεγάλη κοινότητα χρηστών του και ο τρομακτικά μεγάλος ρυθμός ανάπτυξης επεκτάσεων (plug-ins). Το σημερινό άρθρο σηματοδοτεί την αρχή ενός ταξιδιού στην κατασκευή WordPress plug-ins.Ελπίζουμε να μας ακολουθήσετε.

Μα… δεν είπαμε ότι υπάρχουν ήδη πάρα πολλές επεκτάσεις;

Πράγματι. Οι ήδη διαθέσιμες επεκτάσεις για WordPress είναι πάρα πολλές. Τις περισσότερες φορές μάλιστα αρκεί απλά μία περιγραφική αναζήτηση σε κάποια μηχανή αναζήτησης και ο χρήστης οδηγείται σε μια υλοποίηση που πλησιάζει κατά πολύ το ζητούμενο.

Ας είμαστε όμως ρεαλιστές. Συνήθως θέλουμε περισσότερα. Ένα επιπλέον χαρακτηριστικό ή λειτουργία, κάποια αλλαγή στον τρόπο παρουσίασης, άλλα χρώματα… Οι άνθρωποι και ιδίως οι developers είμαστε άπληστοι.

Προαπαιτούμενα

Η φιλοσοφία ανάπτυξης και η αρχιτεκτονική των WordPress plug-ins είναι απλή. Αυτό επιτρέπει σε μία μεγάλη μερίδα ανθρώπων να μπορούν να αναπτύξουν σχετικά εύκολα το δικό τους plug-in. Αν και πιστεύω ότι με λίγη αφοσίωση όλοι μπορούν να αναπτύξουν το δικό τους plug-in, εν γένει ενδείκνυνται βασικές γνώσεις προγραμματισμού και πιο συγκεκριμένα καλή γνώση της γλώσσας PHP. Ένα ακόμη προαπαιτούμενο είναι η εξοικείωση με το περιβάλλον (και εν μέρει την αρχιτεκτονική) του WordPress. Τέλος καλή διάθεση, επιμονή και υπομονή είναι τα στοιχεία που οδηγούν πάντοτε σε ένα επιτυχημένο αποτέλεσμα.

Άσχετα με το πόσο εύκολο ή δύσκολο μοιάζει το εγχείρημα με όσα διαβάσατε ως τώρα, σας συνιστώ ψυχραιμία. Στην συγκεκριμένη σειρά άρθρων θα καλύψουμε το θέμα βήμα – βήμα, επιμένοντας όπου κρίνεται απαραίτητο.

5 λόγοι για να παρακολουθήσετε τον οδηγό «Δημιουργία Wordpress Plug-Ins»

• Προσωποποίηση / διόρθωση και επέκταση επεκτάσεων που προϋπάρχουν: Φέρτε οποιοδήποτε WordPress plug-in στα μέτρα σας ή διορθώστε κάποιο σφάλμα που παρατηρείτε κατά τη χρήση του χωρίς να είστε αναγκασμένοι να περιμένετε την επόμενη έκδοση. (Στείλτε το διορθωμένο plug-in στον κατασκευαστή και θα σας ευγνωμονεί αιώνια J )
• Υλοποιήστε το δικό σας plug-in: Δώστε σάρκα και οστά στη δική σας μοναδική ιδέα και αυξήστε τη λειτουργικότητα της ιστοσελίδας σας με τρόπο μοναδικό. Εναλλακτικά μπορείτε απλά να υλοποιήσετε εκ νέου (από το μηδέν δηλαδή) μία ιδέα που ήδη υπάρχει διαθέσιμη ως plug-in για το WordPress. Που ξέρετε, μπορεί να το κάνετε καλύτερα!
• Αυτοματοποιήστε κάποιες διαδικασίες: Μετά την επανάσταση που έφερε το Web 2.0 με την εμφάνιση των online υπηρεσιών, κοινωνικών δικτύων, blogs, portals, κλπ. όλο και περισσότερες ιστοσελίδες δημιουργούνται καθημερινά. Αν έχετε επιλέξει το WordPress σαν μέσο της online προβολής σας είναι πιθανό κάποιες από τις ανάγκες σας να επανεμφανίζονται σε κάθε νέα εγκατάσταση WordPress που κάνετε. Τα WordPress plug-ins μπορούν να σας βοηθήσουν να αυτοματοποιήσετε τις διαδικασίες αυτές γλιτώνοντας σημαντικό χρόνο.
• Γνωρίστε το WordPress: Τόσο με την ανάπτυξη plug-ins όσο και με την ανάπτυξη themes, ο χρήστης μπαίνει στη διαδικασία να γνωρίσει καλύτερα την αρχιτεκτονική του ίδιου του WordPress αντιμετωπίζοντας έτσι πολύ πιο γρήγορα δυσλειτουργίες που μπορεί να παρουσιαστούν κατά τη χρήση του.
• Εμπορική εκμετάλλευση: Είναι δυνατό να εκμεταλλευτείτε εμπορικά τη δουλειά σας. Όσο και αν φαίνεται ουτοπικό είναι αλήθεια. Κάποιοι δημιουργοί plug-ins δέχονται δωρεές σαν υποστήριξη της δουλειάς τους ή χρεώνουν την κατά παραγγελία υποστήριξη των επεκτάσεών τους. Στην περίπτωση δε που ασχολείστε με τη δημιουργία θεμάτων WordPress (themes) μπορείτε κάλλιστα να πακετάρετε τα plug-ins σας μαζί με κάποιο theme το οποίο να προσφέρεται έναντι κάποιου χρηματικού αντίτιμου. Τέλος, αν συντηρείτε κάποια προσωπική ιστοσελίδα ή portfolio της δουλειάς σας η οποία φιλοξενεί διαφημίσεις, ένα καλό plug-in μπορεί να αποτελέσει έμμεση πηγή εσόδων υπό την έννοια ότι θα προσελκύσει extra επισκέπτες.

Με αυτό το εισαγωγικό άρθρο ( έτσι για να ξεσκουριάσουμε J ) επιστρέφω στο team του GreekTuts μετά από απουσία περίπου 6 μηνών για να δούμε μαζί πολλά καινούρια θέματα αλλά και να κλείσουμε παλαιότερες συζητήσεις μας, απολαμβάνοντας πάντοτε μια κούπα από τον αγαπημένο μας καφέ. Μέχρι την επόμενη μας συνάντηση…

Να είστε καλά και να προσέχετε τον εαυτό σας!

5 Πακέτα Φιλοξενίας από την TopHost

1. Όλγα – Σχόλιο Νούμερο 51
2. Tsene – Σχόλιο Νούμερο 47
3. Πέτρος – Σχόλιο Νούμερο 20
4. Γιώργος – Σχόλιο Νούμερο 16
5. Zed – Σχόλιο Νούμερο 5

2 Συνδρομές στα ElegantThemes

1. Βαγγέλης – Σχόλιο Νούμερο 2
2. Γιώργος – Σχόλιο Νούμερο 38

2 Standard Theme Packages από τα WooThemes

1. WeirdAl – Σχόλιο Νούμερο 40
2. Twiggy – Σχόλιο Νούμερο 52

1 Δωρεάν Θέμα από την OBOX Design

1. DJ – Σχόλιο Νούμερο 48

12 Basic Συνδρομές στο GreekTuts (3 μήνες)

1. Ηλίας – Σχόλιο Νούμερο 3
2. AlexPant – Σχόλιο Νούμερο 4
3. Θανάσης – Σχόλιο Νούμερο 7
4. Irior – Σχόλιο Νούμερο 11
5. Jerrakos – Σχόλιο Νούμερο 14
6. Sophia- Σχόλιο Νούμερο 21
7. Dimitris – Σχόλιο Νούμερο 25
8. Martin- Σχόλιο Νούμερο 39
9. Crhysanthos – Σχόλιο Νούμερο 42
10. Ιδεοδοχείο – Σχόλιο Νούμερο 43
11. Ζωή – Σχόλιο Νούμερο 37
12. Κυριάκος – Σχόλιο Νούμερο

Εντός της ημέρας θα ειδοποιηθούν όλοι οι τυχεροί για το πως θα εισπράξουν τα δώρα τους.

Σας ευχαριστούμε όλους για την συμμετοχή σας στον μεγάλο μας διαγωνισμό, και ευχόμαστε να σας δούμε και σε όσους ακολουθήσουν

Είδαμε πολλούς οδηγούς χρήσης, που περιελάμβαναν βοηθήματα για το πως φριάχνουμε το δικό μας θέμα, πως κάνουμε εγκατάσταση, πως χρησιμοποιούμε άλλες πλατφόρμες σε αρμονία με το WordPress και κάποια ακόμα μικρά λειτουργικά μυστικά

Δείτε όλους τους οδηγούς εδώ

Συμβουλές

Οι οδηγοί με τις συμβουλές περιελάμβαναν κόλπα και μυστικά για την διαμόρφωση του WordPress ώστε να καλύψουμε όλες μας τις ανάγκες.

Δείτε όλες τις συμβουλές εδώ

Συνεντεύξεις

4 συνετέυξεις από 4 Έλληνες σχεδιαστές που χρησιμοποιούν το WordPress. Αξίζει να τις διαβάσετε όλες

Δείτε όλες τις συνεντέυξεις εδώ

Plugins – Πρόσθετα

Δείτε όλα τα πρόσθετα εδώ

Χορηγοί

Θα θέλαμε να ευχαριστήσουμε τους χορηγούς του διαγωνισμού μας. Την TopHost, την Viva, την CreativeG, τα ElegantThemes, τα WooThemes, και την Obox Design.

O Μήνας WordPress σε αριθμούς

Καθ΄όλη την διάρκεια του Απριλίου, είχαμε περίπου 7.000 χιλιάδες επισκέπτες, οι οποίοι διάβασαν περίπου 14.000 χιλιάδες φορές τις σελίδες μας.

O Μεγάλος Διαγωνισμός

Βέβαια δεν μπορούμε να παραλείψουμε τον μεγάλο διαγωνισμό που έλαβε χώρα όλο τον Απρίλιο. Οι νικητές του διαγωνισμού θα ανακοινωθούν την Δευτέρα 3 Μαϊου.

Ας προσθέσουμε λοιπόν έναν jQuery Slider (σαν αυτόν που θα βρούμε στο WDDC.gr) πάνω από τα άρθρα μας στην κεντρική σελίδα. Αυτό δεν το κάνουμε επειδή είναι 100% αναγκαίο αλλά περισσότερο για εξάσκηση. Ανοίγουμε το header.php και προσθέτουμε ακριβώς κάτω από το

<?php wp_head(); ?>

τον κώδικα

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.innerfade.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.functions.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/functions.js"></script>

Ο παραπάνω κώδικας φορτώνει τα αρχεία της jQuery από τον φάκελο js (Όλα τα js αρχεία συμπεριλαμβάνονται στο τέλος του άρθρου όπου και μπορείτε να κατεβάσετε το θέμα ολοκληρωμένο). Μετά ανοίγουμε το index.php και κάτω από την γραμμή

<div id="content">

προσθέτουμε τον κώδικα

<div id="gallery-bg">
<div id="gallery-bgtop">
<div id="gallery-bgbtm">
<h2>Τελευταία Άρθρα</h2>
<div id="featured">
<?php
$featured = new WP_Query();
$featured->query('category_name=Featured');
?>

<?php while ($featured->have_posts()) : $featured->the_post(); ?>
<div class="slider">
<div class="thumbnail">
<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>
</div>
<div class="title">
<h1><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
</div>
<div class="arrow"></div>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
</div>

O παραπάνω κώδικας απαιτεί να έχουμε δημιουργήσει μια κατηγορία με το όνομα Featured. Έτσι πλέον τα άρθρα που έχουμε προσθέσει στην κατηγορία Featured, εμφανίζονται σε ένα slideshow με την εικόνα και τον τίτλο τους, ενώ ο τίτλος είναι link στο άρθρο.

Αυτό ήταν. Πλέον τον θέμα μας έχει όλες τις σελίδες που χρειαζόμαστε, πλήρη λειτουργικότητα, και έναν κομψό jQuery Slider στην κεντρική μας σελίδα.

Για να μην σας κουράζουμε με άσκοπο κώδικα, όλες οι στυλιστικές αλλαγές και οι εικόνες, περιέχονται στο αρχείο style.css μαζί με όλα τα υπόλοιπα αρχεία στο θέμα μας το οποίο μπορείτε να κατεβάσετε ολοκληρωμένο από εδώ

Το όνομα μου είναι Γεράσιμος και είμαι 31 ετών. Τα τελευταία 7 χρόνια ζώ στην όμορφη Θεσσαλονίκη. Γεννήθηκα στην Αθήνα αλλά μεγάλωσα στο Λιανοκλάδι Φθιώτιδος. Μέχρι τα 18 μου μεγάλωσα και έζησα εκεί μέχρι που μια απόφαση να φύγω για Αγγλία τα άλλαξε όλα. Μου αρέσουν τα αεροπλάνα, το junk food και το κάπνισμα. Η πολιτική με αφήνει παγερά αδιάφορο. Σε μια ουρά με κόσμο μπορώ να περιμένω το διπλάσιο χρόνο από ότι κάποιος άλλος μιας και ποτέ δε διεκδικώ τη σειρά μου. Σκέφτομαι πολύ (δεν συνδέεται με την ευφυία) και αυτό με κουράζει. Με τη ρουτίνα τα πάω καλά. Θα ήθελα να ζώ στο San sebastian, στη χώρα των Βάσκων.

2. Πως ξεκίνησες το ταξίδι σου στον κόσμο του web design;

Ξεκίνησε με ένα άρθρο στο PC Master κάπου το ‘95 αν δε κάνω λάθος που κάποιος κάτι έλεγε για HTML markup. Όταν τέλειωσα το άρθρο μονολόγησα και είπα με τι αηδίες ασχολείται ο κόσμος όταν έχει ελεύθερο χρόνο. Μεγάλη κουβέντα. Η πρώτη μου επαφή ήρθε το ‘97 όταν δούλευα (ως τεχνικός) στον τοπικό κόμβο της Forthnet στη Λαμία. Η δουλειά μου δεν είχε σχέση με web αλλά με αυτά και με τα άλλα έπεσα πάνω στο Frontpage και τα Java Applets. Καταλαβαίνεις, χάος. Παρόλα αυτά κάτι μου έλεγε πως αυτό θα κάνω στη ζωή μου. Και όπως έγινε. Βρέθηκα στην Αγγλία λίγα χρόνια μετά και για να μη σε κουράζω κάποια στιγμή βρέθηκα σε μια εταιρία που έψαχνε για “html developer” για 2 εβδομάδες. Κατέληξα να βρίσκομαι στη συγκεκριμένη εταιρία 2 χρόνια, να κάθομαι δίπλα στον Fiaz Khan και τον Phil Piper οι οποίοι έχουν γράψει βιβλία για το Flash και το Coldfusion στη Friends of Ed (Β ιβλίο 1 – Β ιβλίο 2) και να δουλεύω σε projects για την Lotus Cars και το B BC. Όπως καταλαβαίνεις η γνώση που έπαιρνα καθημερινά από τέτοιους ανθρώπους και projects ήταν άπειρη. Γύρισα για να εκπληρώσω τις στρατιωτικές μου υποχρεώσεις και πλέον εργάζομαι ως Freelancer.

3. Γιατί επιλέγεις το WordPress σαν λογισμικό δημιουργίας ιστοσελίδων;

Είναι πολύ καλή πλατφόρμα. Στα μάτια των drupal-άδων και των Jooml-άδων μοιάζει με παιχνίδι για μικρούς (όχι σε όλους) αλλά πιστεύω πως ειδικά με την έλευση της έκδοσης 3.0 μπορεί να κοιτάξει στα ίσια τις 2 προαναφερθείσες πλατφόρμες. Το χρησιμοποιώ γιατί έχει ένα πολύ απλό και λογικό interface και ένα πάρα πολύ δυνατό A P I. Επίσης τα projects που αναλαμβάνω, με κάποιες εξαιρέσεις, δε χρειάζονται κάτι παραπάνω. Για οτιδήποτε “μεγάλο” πλέον έχω βάλει στην εργαλειοθήκη μου το ExpressionEngine και όχι γιατί κάνει κάτι καλύτερα από το Wordpress αλλά για να μπορώ να είμαι πιο ευέλικτος στις λύσεις που προσφέρω και γιατί υπάρχει κόσμος που ζητάει αποκλειστικά ExpressionEngine. Τους τελευταίους 6 μήνες έχω φάει τα μάτια μου με το Wordpress και η ανταμοιβή είναι ένα πιστεύω πολύ δυνατό plugin που θα κυκλοφορήσει σε λίγες μέρες. Ένας ακόμα λόγος που επιλέγω Wordpress είναι η κοινότητα. Ότι βοήθεια και να χρειαστώ σε ότι και να είναι αυτό, θα τη βρώ.

4. Το webtoolkit4.me είναι ένα προσωπικό σου project , με μεγάλη απήχηση στο εξωτερικό αλλά και στην Ελλάδα. Πες μας λίγα πράγματα για αυτό.

Α, το webtoolkit. Ναι η αλήθεια είναι πως μετά απο 2 χρόνια λειτουργίας και χωρίς μεγάλη προσπάθεια πάει κάπου. Αυτό που δε ξέρεις είναι πως πριν λίγο καιρό το είχα βγάλει στο σφυρί και για καλή μου τύχη δεν έπιασε το reserve price. Πλέον το τρέχω με συνέπεια γιατί υπάρχει κόσμος που το παρακολουθεί συστηματικά. Η ιστορία πίσω από το toolkit κρύβει σκοπιμότητα πρέπει να σου ομολογήσω. Κάποια στιγμή αποφάσισα να τρέξω μια υπηρεσία P S D to X HTML/CS S. Μην έχοντας τα απαραίτητα χρήματα να το διαφημίσω σκέφτηκα να κάνω ένα βήμα πίσω. Να φτιάξω ένα blog, να το τρέξω με υπομονή, να φέρει κόσμο και να το διαφημίσω από εκεί μέσα. Και το συστηματάκι δούλεψε. Το xhtmlme.com λειτουργεί 2 χρόνια και “έχει κόψει” πάνω από 120 sets από templates σε xhtml/css και πολλά απο αυτά έχουν μεταφερθεί σε Wordpress. Τώρα που το ξανασκέφτομαι και μόνο αυτό το καλό που μου έκανε το webtoolkit πρέπει να συνεχίζω να το τρέχω έτσι, για το γαμώτο. Και θα το τρέξω.

5. Μίλησε μας για την εμπλοκή σου στο PinkMoustache.net

Η Ελενίτσα (όχι Ελένη) είναι η κοπέλα μου, συνεργάτης μου, άνθρωπος μου. Μαζί τρέχουμε κάτω από το όνομα “Fest”. Είναι γραφίστας και όταν είδα τι μπορεί να κάνει αποφάσισα να της κάνω ένα δώρο. Το δώρο μου στα περσινά γενέθλια της. Αγόρασα το domain, σχεδίασα το blog και από τότε όπως βλέπεις ανεβάζει απίστευτα πράγματα. Έχει το κοινό της, το να σχεδιάζει vectors την ξεκουράζει και η ζωή είναι ωραία. Το αξίζει και πρέπει ο συγκεκριμένος άνθρωπος να έχει το χώρο του εκεί έξω.

6. Στο Collectives United συγκεντρώνεις RoundUps από το διαδίκτυο. Πές μας περισσότερα για αυτό.

Πολύ το roundup εκεί έξω. Όλοι τα κράζουν αλλά όλοι τα παρακολουθούν γιατί πολύ απλά όταν ψάχνεις για ένα jquery plugin που ανοίγει τρύπες στο τοίχο το να τα
ψάξεις ένα ένα είναι διαδικασία ενώ το να στα βρεί κάποιος όλα και να σου πει πάρτα είναι καλή φάση. Το ίδιο και όταν ψάχνει για inspirational stuff ή tutorials. Μα αφού
υπάρχουν όλα μαζί γιατί να φάω τη μέρα μου να τα βρώ ένα ένα. Έ, εγώ μαζεύω αυτά που θεωρώ καλύτερα αν και πλέον ανεβάζουν αρκετοί. Εντάξει η αλήθεια είναι
πως αν το πιάσουμε από την άλλη μεριά που μιλάει για ποιότητα στα posts κλπ τότε ναι συμφωνώ. Περισσότερα είναι τα roundups παρά τα posts. Σε λίγο θα γίνονται
roundups με roundups.

7. Έχεις κάποια προσωπικά μελλοντικά σχέδια που θα έπρεπε να περιμένουμε;

Ετοιμάζω εδώ και πάρα πολύ καιρό ένα shop με wordpress themes. Έχω κάποια έτοιμα θέματα που πιστεύω πως είναι πολύ δυνατά αλλά το slicing πλέον μου τρώει
όλο μου το χρόνο. Έρχεται και το Wordpress 3.0 οπότε θα πάει λιγάκι πίσω αυτό το θέμα. Δε πειράζει όμως. Υπομονή. Πέρα από αυτό, συνεχίζω να μαθαίνω. Για την ώρα έχω ρίξει όλο μου το βάρος σε frontend τεχνολογίες όπου και προσπαθώ να αποκτήσω όσες περισσότερες γνώσεις γίνεται. Html5, CSS, jQuery είναι τα πράγματα που πλέον με κρατάνε ξύπνιο. Το Wordpress A P I επίσης μου προκαλεί πονοκεφάλους, αλλά αξίζει το κόπο. Σε προσωπικό επίπεδο ονειρεύομαι με την Ελενίτσα διάφορα πράγματα που έστω και το 1/10 να γίνει πραγματικότητα θα είμαι ευτυχισμένος. Όλα είναι σχετικά με επαγγελματικά σχέδια και όλα αυτά γίνονται καθώς παίζουμε με τον Charlie (ο boxer σκύλουρας της ομάδας).

8. Τι κάνεις στον ελεύθερο σου χρόνο (αν έχεις καθόλου);

Στον ελεύθερο χρόνο πηγαίνω για φαγητό, πηγαίνω σε Zombo meetings και διαβάζω βιβλία (πάντα σχετικά με τη δουλειά). Με το ξενύχτι πλέον δε τα πάω πολύ καλά, ούτε με το αλκοόλ. Προσπαθώ να ξεκουράζομαι και να περνάω καλά.

Για να μπορέσουμε να κάνουμε πιο ευδιάκριτα τα σχόλια του συγγραφέα του εκάστοτε άρθρου, ώστε να είναι πιο έυκολο για τους αναγνώστες να ακολουθήσουν την συζήτηση, θα κάνουμε τα εξής απλά:

Ανοίγουμε το style.css του θέματος μας, και προσθέτουμε τον παρακάτω κώδικα:

.authorstyle {  background-color: #B3FFCC !important; }

Μετά ανοίγουμε το comments.php του θέματος μας και βρίσκουμε τον κώδικα που είναι κάπως έτσι:

<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID()  ?>"></li>

και τον αντικαθηστούμε με τον εξής:

<liauthorstyle"; echo $oddcomment; ?>"></li>

Το μόνο που έχετε να κάνετε τώρα είναι να αλλάξετε το user_id==1 με το id σας.

Ευχαριστούμε τον Matt Cutts για αυτό το trick.

Εμφάνιση Στατικής Σελίδας Σαν Πρώτη Σελίδα

Αυτό είναι ένα από τα πιό διάσημα κόλπα στο WordPress. Πρώτα θα κάνουμε ένα αντίγραφο του page.php του θέματος μας (copy/paste), και θα το ονομάσουμε όπως θέλουμε(πχ. portfolio.php). Ανοίγουμε το νέο μας αρχείο λοιπόν και στην κορυφή (πρώτη γραμμή) γράφουμε:

<?php /* Template Name: Portfolio */ ?>

Στην σελίδα αυτή μπορείτε να κάνετε ότι δομικές και εμφανισιακές αλλαγές θέλετε και όταν είστε έτοιμος να την χρησιμοποιήσετε ώς κεντρική σελίδα πρέπει να πάτε στην περιοχή διαχείρησης του WordPress, να δημιουργήσετε μια νέα σελίδα, και να επιλέξετε αυτό το πρότυπο (Portfolio).

Αφού δημοσιεύσετε την νέα σελίδα σας , θα πάτε στο Settings»Reading

και θα επιλέξετε σαν αρχική σελίδα την σελίδα που μόλις δημιουργήσατε.

Διαχωρισμός Σχόλιων και Trackbacks

Εδώ θα δούμε τι αλλαγές πρέπει να κάνουμε στο θέμα μας ώστε τα σχόλια των αναγνωστών μας και τα pingbakcs/trackbacks από άλλες ιστοσελίδες να μην εμφανίζονται όλα μαζί, αλλά ξεχωριστά, για αποφυγή μπερδεμάτων και σωστή δομημένη ιστοσελίδα.

Ακολουθεί ο κώδικας στον οποίο αναφερόμαστε:

<?php if ( have_comments() ) : ?>
<h3 id="comments"><?php comments_number('No Responses', 'One  Response', '% Responses' );?> to %u201C<?php the_title();  ?>%u201D</h3>
<ol>
<?php wp_list_comments(); ?>
</ol>
<div>
<div><?php previous_comments_link()  ?></div>
<div><?php next_comments_link()  ?></div>
</div>

<?php else : // this is displayed if there are no comments so far  ?>

<?php if ('open' == $post->comment_status) : ?>
<!– If comments are open, but there are no comments.  –>

<?php else : // comments are closed ?>
<!– If comments are closed. –>
<p>Comments are closed.

<?php endif; ?>
<?php endif; ?>

Βρείτε τον κώδικα που ακολουθεί στο comments.php:

<?php if ( have_comments() ) : ?>

Και αμέσως μετά προσθέστε τον κώδικα:

<?php if ( ! empty($comments_by_type['comment']) ) :  ?>

Μετά βρείτε τον εξής κώδικα:

<?php wp_list_comments(); ?>

Και αντικαταστήστε τον με:

<?php wp_list_comments('type=comment'); ?>

Όπως βλέπετε λοιπόν υπάρχει μια unordered list

</ol>

Αμέσως μετά προσθέστε:

<?php endif; ?>

Τώρα προσθέτουμε το endif tag, ώστε αν δεν υπάρχουν σχόλια να μην εμφανίζεται τίποτα. Τώρα προσθέτουμε τα pings στα σχόλια βάζοντας τον παρακάτω κώδικα

<?php if ( ! empty($comments_by_type['pings']) ) :  ?>
<h3 id="pings">Trackbacks/Pingbacks</h3>
<ol>
<?php wp_list_comments('type=pings'); ?>
</ol>

<?php endif; ?>

Τωρα θα δημιουργήσουμε την λίστα με τα pings. Προσθέτουμε λοιπόν στο functions.php:

<?php
function list_pings($comment, $args, $depth) {
$GLOBALS['comment'] = $comment;
?>
<li id="comment-<?php comment_ID(); ?>"><?php  comment_author_link(); ?>
<?php } ?>

Και μετά πάμε στο comments.php και βρίσκουμε το:

<ol>
<?php wp_list_comments('type=pings'); ?>

και το αντικαθηστούμε με:

<ol>
<?php wp_list_comments('type=pings&callback=list_pings'); ?>

Το τελικό αποτέλεσμα είναι κάπως έτσι:

<?php if ( have_comments() ) : ?>
<?php if ( ! empty($comments_by_type['comment']) ) : ?>
<h3 id="comments"><?php comments_number('No Responses', 'One  Response', '% Responses' );?> to %u201C<?php the_title();  ?>%u201D</h3>
<ol>
<?php wp_list_comments('type=comment'); ?>
</ol>

<?php endif; ?>

<?php if ( ! empty($comments_by_type['pings']) ) : ?>
<h3 id="pings">Trackbacks/Pingbacks</h3>
<ol>
<?php wp_list_comments('type=pings&callback=list_pings');  ?>
</ol>

<?php endif; ?>
<div>
<div><?php previous_comments_link()  ?></div>
<div><?php next_comments_link()  ?></div>
</div>

<?php else : // this is displayed if there are no comments so far  ?>

<?php if ('open' == $post->comment_status) : ?>
<!– If comments are open, but there are no comments.  –>

<?php else : // comments are closed ?>
<!– If comments are closed. –>
<p>Comments are closed.

<?php endif; ?>
<?php endif; ?>

Ευχαριστούμε το Sivel.net για αυτό το κόλπο

Στο τέλος του άρθρου μπορείτε να βρείτε όλα τα αρχεία που έχουμε κάνει μέχρι τώρα και όλα όσα θα κάνουμε σε αυτό το μέρος.

Ας προχωρήσουμε λοιπόν και ας προσθέσουμε εικόνες στα άρθρα μας. Για να το κάνουμε αυτό θα χρησιμοποιήσουμε έναν πολύ απλό τρόπο, που χρησιμοποιούν πολλά θέματα σήμερα. Θα δημιουργήσουμε ένα νέο αρχείο με το όνομα functions.php. Μέσα σε αυτό θα γράψουμε τον εξής κώδικα

<?php
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 610, 150, true );
?>

Μετά από αυτό, θα πάμε στο αρχείο index.php και θα βρούμε την γραμμή

<?php the_excerpt(); ?>

και ακριβώς από πάνω της θα γράψουμε

<div class="post-thumb">
<?php the_post_thumbnail(); ?>
</div>

το ίδιο θα κάνουμε και στο αρχείο single.php. Θα βρούμε όμως την γραμμή

<?php the_content(); ?>

και ακριβώς από πάνω της θα γράψουμε

<div class="post-thumb">
<?php the_post_thumbnail(); ?>
</div>

Έτσι τώρα, το WordPress συμπεριλαμβάνει και μια νέα λειτουργία κατά την εγγραφή ενός νέου άρθρου. Κάτω δεξιά θα μας εμφανίζεται ένα νέο μενού με το όνομα Post Thumbnail. Πατάμε λοιπόν Set thumbnail και κάνουμε upload μια φωτογραφία (στο θέμα μας θα είναι μεγέθους 610×150 pixels) και πατάμε Use as thumbnail. Αυτό ήταν. Πλέον στα άρθρα μας θα έχουμε και την εικονίτσα μας

Ας δούμε τώρα τι μπορούμε να κάνουμε για τα σχόλια στα άρθρα μας. Αυτήν την στιγμή χρησιμοποιούμε το προεγκατεστημένο τρόπο εμφάνισης για τα σχόλια, ο οποίος είναι αρκετά καλός. Όμως ίσως θέλουμε περισσότερα. Δημιουργούμε ένα νέο αρχείο με το όνομα comments.php. Αυτό το αρχείο θα μας δώσει περισσότερο έλεγχο στα σχόλια μας. Ο κώδικας που περιέχει είναι μεγάλος, και γι’αυτό τον λόγω απλά το συμπεριλαμβάνουμε στο zip που θα βρείτε στο τέλος του άρθρου με όλα τα αρχεία.

Ας φτιάξουμε τώρα μια φόρμα αναζήτησης. Δημιοθργούμε ένα νέο αρχείο με το όνομα searchform.php και γράφουμε

<form method="get" id="search_form" action="<?php bloginfo('home'); ?>/">
<div>
<input type="text"  name="s" id="s" class="search"/>
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

‘Επειτα δημιουργούμε ένα νέο αρχείο και το ονομάζουμε search.php. Μέσα σε αυτό γράφουμε

<?php get_header(); ?>

<div id="content">
<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>
<h2>Αποτελέσματα Αναζήτησης</h2>
<div class="post" id="post-<?php the_ID(); ?>">
<h2 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Σύνδεσμος στο <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<p class="meta"><span><?php the_time('F jS, Y') ?></span><span>Από τον/την&nbsp;<?php the_author() ?></span></p>
<div>
<?php the_post_thumbnail(); ?>
</div>
<?php the_excerpt(); ?>

<div class="entry">

<p class="links">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Σύνδεσμος στο <?php the_title(); ?>" class="more" >Περισσότερα...</a>
<b>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;</b>
<?php comments_popup_link('Κανένα σχόλιο', '1 Σχόλιο', '% Σχόλια', 'σχόλια'); ?>
</p>
</div>

</div>

<?php endwhile; ?>

<div class="navigation">>
<div class="alignleft"><?php next_posts_link('&laquo; Παλαιότερα Άρθρα') ?></div>
<div class="alignright"><?php previous_posts_link('Νεότερα Άρθρα &raquo;') ?></div>
</div>

<?php else : ?>

<h2 class="center">Δεν βρέθηκε</h2>
<p class="center">Λυπούμαστε αλλά αυτό που ψάχνετε δεν βρέθηκε.</p>

<?php endif; ?>

</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Τέλος προσθέτουμε στο header.php εκεί που θέλουμε να εμφανίσουμε την φόρμα αναζήτησης την εξής γραμμή

<div id="searchform">
<?php get_search_form(); ?>
</div>

Πλέον η ιστοσελίδα μας είναι πλήρως λειτουργική. Με άρθρα και σελίδες, σχόλια, πλαϊνή μπάρα, φόρμα αναζήτησης και εικόνες στα άρθρα.

Μπορείτε να κατεβάσετε το θέμα με ότι έχουμε κάνει μέχρι τώρα εδώ

Να σημειώσουμε ότι έχουμε προσθέσει κάποιες εικόνες και έχουμε κάνει στυλιστικές αλλαγές στο θέμα μας.

Στο επόμενο και τελευταίο μέρος, θα κάνουμε τις τελικές αλλαγές μας, θα δούμε το θέμα μας live και εκγατεστημένο και θα κάνουμε τον επίλογο σε αυτήν την σειρά βοηθημάτων.