Σήμερα έχουμε τη χαρά να παρουσιάσουμε ένα project, το οποίο επεκτείνει τη πλατφόρμα του wordpress και τη μετατρέπει σε ένα αυτοματοποιημένο affiliate site που λειτουργεί συνεχώς απο μόνο του και σας προσφέρει κέρδος.

Πρόκειται για το WP Greek Affiliate, ένα wordpress plugin που υλοποίησε ο Γιώργος Γκίρτσου (George Girtsou aka ggirtsou). Ας δούμε τι έχει να μας πει σχετικά με το plugin.

Tι μπορεί να κάνει το plugin;
Μπορεί να σας βγάλει λεφτά. Μπορείτε από τη Διαχειριστική Περιοχή του WordPress να βάλετε το δικό σας Affiliate ID ξεχωριστά για το κάθε deal site και να βγάζετε λεφτά από το site σας (δηλ. όταν ένας επισκέπτης κάνει κλικ σε μια προσφορά και την αγοράσει, τότε εσείς παίρνετε προμήθεια – ή ότι συμφωνία έχετε κάνει).

Πώς γίνεται;
Διαλέγετε ανάμεσα σε 33 deal sites από πού θα μπαίνουν αυτόματα οι προσφορές και το σύστημα αυτόματα εισάγει τις προσφορές.

Πιο συγκεκριμένα – Η διαδικασία
- Κάνετε εγκατάσταση το plugin
- Από το μενού αριστερά πατάτε WP Greek Affiliate και κάνετε εγκατάσταση
- Αν θέλετε μπορείτε να μπαίνουν οι προσφορές από το κάθε deal site σε δική τους κατηγορία (μπορείτε να το ρυθμίσετε και αυτό)
- Επιλέγετε από ποια Deal Sites θέλετε να μπαίνουν οι προσφορές
- Βάζετε το δικό σας Affiliate ID για το κάθε Deal Site
- Ρυθμίζετε στον server σας τις εντολές cron job να τρέχουν κάθε 12 ώρες (έχει ειδική καρτέλα με πληροφορίες και αναλυτικές οδηγίες πώς να το κάνετε αυτό μέσα στην εφαρμογή)

Tα Χαρακτηριστικά του Plugin:
- Υποστηρίζει 33 Deal Sites (δυνατότητα επέκτασης)
- Δυνατότητα ξεχωριστού Affiliate ID για κάθε Deal Site
- Δυνατότητα επεκτασιμότητας και για περισσότερα Deal Sites
- Αυτοματοποιημένη Διαδικασία Εισαγωγής Προσφορών
- Δυνατότητα Εισαγωγής Προσφορών σε ξεχωριστή κατηγορία για κάθε Deal Site
- Μυστική Λέξη για Προστασία της Εφαρμογής ώστε να μην εκτελεστεί από τρίτους
- Δυνατότητα Απεγκατάστασης Plugin
- Δυνατότητα εισαγωγής Προσφορών από συγκεκριμένα Deal Sites
- Δυνατότητα Διαχείρισης Plugin μέσω της Διαχειριστής Περιοχής του WordPress

Ποια Deal Sites υποστηρίζει;
- Alexeshop
- BargainVille
- Beautyndeals
- BestOfferz
- Blvd-deals.
- BuyDeals
- Cheapis
- Cilec
- Clickareto
- Couponorama
- CrazyDeals
- DailyCoupon
- Dealicious Athens
- Dealicious Thess
- DealSafari
- DealSmart
- Dreals
- E-shop
- Ekdromi.gr
- HappyDeals
- HappySeasons
- HotelCoupons
- Interstarshop
- MediShop
- MelinaMay
- OnDeals
- PimpMyCar
- Plus3
- Touristorama
- WinWinDeals Athens
- WinWinDeals Thess
- Xld deals
- YourBestFriend

Και πόσο κοστίζει να μετατρέψουμε ένα blog σε deal aggregator; Μόλις 20€, χωρίς να χρειάζεται να πληρώσουμε developers/εταιρίες για custom εφαρμογές! Και όλα αυτά στο ήδη υπάρχον φιλικό περιβάλλον του wordpress!

Αγορά & Download στη στιγμή!

Δείτε και τη βιντεοπαρουσίαση του plugin!

jQuery Style Switcher

Πολύ εύχρηστος και γρήγορος τρόπος να δώσετε τη δυνατότητα στους επισκέπτες της σελίδας σας να επιλέξουν το αγαπημένο τους στυλ και να βλέπουν τη σελίδα σας όπως τους αρέσει. Ο μοναδικός περιορισμός είναι οι επιλογές που θα τους δώσετε! Ήδη αρκετά διαδεδομένο και χρησιμοποιείται συχνά σε premium templates.

Δείτε το DEMO / DOWNLOAD & INSTALL

AJAX Slideshow

Θέλετε με ένα μικρό κώδικα, να εμφανίζονται οι εικόνες κάθε σελίδες σε ένα όμορφο πλαίσιο σαν slideshow στην ίδια σελίδα(σαν pop-up χωρίς όμως να είναι ενοχλητικό) και να έχει δυνατότητες όπως φαίνονται στην παρακάτω εικόνα(επιλογές επόμενο-προηγούμενο κτλ);

DEMO και DOWNLOAD

AjaxIM

Ένας πλήρης instant messenger-ουσιαστικά ένα «chat» για τη σελίδα σας, χωρίς όμως να χρειάζεται να βασίζεστε σε τρίτες υπηρεσίες και περιορισμούς που ενδέχεται να έχουν. Στήνετε πολυ γρήγορα το δικό σας server και φορτώνεται την εφαρμογή στη σελίδα σας..και αυτό ήταν.

DOWNLOAD και DOCUMENTATION

Reflections

Θα θέλατε να βάλετε αντανάκλαση στο λογότυπο σας ή σε οποιαδήποτε εικόνα χωρίς να παιδεύεστε με photoshop και photo editing; Τι θα λέγατε αν βάζατε αντανακλάσεις στις εικόνες σας βάζοντας μόνο ένα class=»reflect» στην εικόνα σας; Και αν σας υποσχεθούμε και συμβατότητα με internet explorer 5.5+, Firefox 1.5+, Safari, Google Chrome and Opera 9+ ;

DEMO & DOWNLOAD

Page Peel Effect με jQuery & CSS

Ίσως απο τα πιο χρήσιμα scriptάκια. Δείτε εδώ:

Σκεφτείτε να βάλετε..ας πούμε μια διαφήμιση σας. Θα κεντρίσει σίγουρα το ενδιαφέρον και τα…κλίκς!

DEMO / DOWNLOAD

Χθες  το βράδυ, αποφάσισα να κοιτάξω να αγοράσω ένα βίβλιο(όχι e-book) για ένα φίλο μου που έχει γενέθλια. Μιας και ο κλάδος του ήταν σχετικός, ήθελα να βρω κάτι που θα αφορούσε κάποια γλώσσα προγραμματισμού όπως η PHP(αλλά οχι να εξηγεί τα βασικά, κάτι advanced), ή κάτι άλλο που να αφορούσε κάποια τεχνολογία διαδικτύου ή εκμάθηση διαδικτυακών εφαρμογών. Δε το κρύβω πως όταν ξεκινούσα την αναζήτηση μου, δεν έτρεφα πολλές ελπίδες μιας και ήθελά να είναι στα ελληνικά γραμμένο και δεν ήξερα αν θα βρω κάτι σχετικό. Παρόλαυτα, όχι μόνο βρήκα διάφορα βιβλία που μου κέντρισαν το ενδιαφέρον, αλλά δυσκολεύτηκα και στην τελική επιλογή!

Θα σας παρουσιάσω εν συντομία σε αυτό το άρθρο μερικούς τίτλους που βρήκα σε κάποια ελληνικά eshop και ίσως να ενδιαφέρουν και εσάς. Κάποια απο τα παρακάτω βιβλία είναι ίσως μόνο για επαγγελματίες ή αρχάριους με πολύ όρεξη, ενώ κάποια άλλα είναι ιδανικά ακόμη και όσους δεν έχουν καμιά επαφή με το..άθλημα.

Ας ξεκινήσουμε:

Εφαρμοσμένοι εξελικτικοί αλγόριθμοι σε Java

Συγγραφέας  : Ghanea – Hercock Robert
Μεταφραστής  : Φραγκάκη Μαρία
Επιμελητής  : Φραγκάκις Χαράλαμπος Ν.
Εκδότης  : Κυριακίδη Αφοί
Έτος έκδοσης  :  2010
ISBN  :  960-467-185-5
Σελίδες  :  304
Τιμή: 29.25 € / Μπορείτε να το αγοράσετε απο εδώ.

Ανάπτυξη εφαρμογών με βάσεις δεδομένων

Συγγραφέας  : Φράγγος Κωνσταντίνος, Κουτσούκος Αναστάσιος Π.
Εκδότης  : Νίκας / Ελληνική Παιδεία Α.Ε.
Έτος έκδοσης  :  2010
ISBN  :  960-296-180-5
Σελίδες  :  560

Τιμή: 22.72 € / Μπορείτε να το αγοράσετε απο εδώ.

Cloud Computing
Μια πρακτική προσέγγιση

Συγγραφέας  : Συλλογικό έργο, Velte Anthony T., Velte Toby J., Elsenpeter Robert P.
Μεταφραστής  : Γκλαβά Μαρία
Εκδότης  : Γκιούρδας Μ.
Έτος έκδοσης  :  2010
ISBN  :  960-512-597-8
Σελίδες  :  351

Τιμή: 28.80€ / Μπορείτε να το αγοράσετε απο εδώ.

 Ανάπτυξη Web εφαρμογών με PHP και MySQL

Συγγραφέας  : Welling Luke, Thomson Laura
Μεταφραστής  : Γκλαβά Μαρία
Εκδότης  : Γκιούρδας Μ.
Έτος έκδοσης  :  2011
ISBN  :  960-512-617-6
Σελίδες  :  976

Τιμή: 46.80€ / Μπορείτε να το αγοράσετε απο εδώ.

Οδηγός του Joomla 1.6
Δημιουργία επιτυχημένων ιστότοπων με το δημοφιλέστερο σύστημα διαχείρισης περιεχομένου.

Συγγραφέας  : North Barrie M.
Μεταφραστής  : Γκαγκάτσιου Ελένη
Εκδότης  : Παπασωτηρίου
Έτος έκδοσης  :  2011
ISBN  :  960-491-017-5
Σελίδες  :  416

Τιμή: 30.00 € / Μπορείτε να το αγοράσετε απο εδώ.

Μαθαίνετε εύκολα VirtueMart(Αυτό ήταν η προσωπική μου επιλογή και το αγόρασα για δώρο)
Ηλεκτρονικό κατάστημα σε περιβάλλον Joomla.

Συγγραφέας  : Μαρκατσέλας Μανώλης, Ξαρχάκος Κωνσταντίνος Ι.
Εκδότης  : Εκδόσεις Ξαρχάκος
Έτος έκδοσης  :  2011
ISBN  :  960-99070-2-4
Σελίδες  :  261

Τιμή: 21.60€ / Μπορείτε να το αγοράσετε εδώ.

Επίσης, να σας ενημερώσω πως βρήκα και κάποιες σειρές βιβλίων για ECDL(το δίπλωμα γνώσης Η/Υ). Μπορείτε να δείτε τα βιβλία εδώ.

Ασφάλεια δικτύων
Μυστικά και λύσεις για τη θωράκιση δικτύων από τους χάκερ.

Συγγραφέας  : Συλλογικό έργο, McClure Stuart, Scambray Joel, Kurtz George
Μεταφραστής  : Γκλαβά Μαρία
Εκδότης  : Γκιούρδας Μ.
Έτος έκδοσης  :  2009
ISBN  :  960-512-582-Χ
Σελίδες  :  682

Τιμή: 40.50€ / Μπορείτε να το αγοράσετε απο εδώ.

Αυτά είναι τα λίγα βιβλία που ξεχώρισα, αν κάποιος ψάχνει τον τρόπο να διευρήνει τις γνώσεις του, θα τα συνιστούσα. Το βιβλίο που αγόρασα πάντως εγώ(το προτίμησα είναι η αλήθεια επειδή είναι και απο έλληνα συγγραφέα) έχει άριστες κριτικές. ΠΡΟΣΟΧΗ! Οι τιμές που γράφω είναι ενδεικτικές και ήταν σε ισχύ την ημέρα που δημοσιέυθηκε το παρών άρθρο, ελέγξτε για τυχόν αποκλίσεις πριν την ενδεχόμενη παραγγελία.

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

Δεν πρέπει όμως να το παρακάνετε γιατί όλες αυτές οι προσθήκες φορτώνουν τη βάση δεδομένων στον επεξεργαστή του διακομιστή σας και η ιστοσελίδα γίνετε αργή. Αν μια σελίδα δεν φορτώσει σε 30 δευτερόλεπτα ή ο χρήστης δεν μπορέσει να προσανατολιστεί για το περιεχόμενο θα φύγει χωρίς δεύτερη σκέψη.

1. Το Google XML Sitemaps δημιουργεί ένα ειδικό sitemap XML που ενημερώνει τις μηχανές αναζήτησης Google, Bing, Yahoo, κάθε φορά που γράφετε ένα νέο άρθρο.

2. Το All in One SEO Pack βελτιστοποιεί τα κείμενα σας για τις μηχανές αναζήτησης. Το SEO είναι σημαντικό για να μπορεί η ιστοσελίδα σας να εμφανίζεται όσο το δυνατόν πιο υψηλά στα αποτελέσματα των μηχανών.

3. Το Contact Form 7 δημιουργεί μια φόρμα επικοινωνίας την οποία μπορείτε να επεξεργαστείτε και προσαρμόσετε στης δικές σας ανάγκες. Η φόρμα επικοινωνίας υποστηρίζει Ajax-powered submitting, CAPTCHA, Akismet spam filtering και ούτω καθεξής.

4. Το NextGEN Gallery είναι το καλύτερο Image Gallery για το WordPress.

5. Το WP Super Cache κάνει δυο δουλειές ταυτόχρονα. Πρώτον βοηθά της σελίδες σας να φορτώνουν γρηγορότερα, και δεύτερον δημιουργεί στατική εκδοχή του όλου σαιτ, γεγονός που μειώνει τις απαιτήσεις του CPU όταν χρησιμοποιείτε το WordPress.

6. Με το All in One Adsense and YPN αυτόματα εισάγουμε διαφημίσεις της google adsense ή της yahoo publisher network (YPN).

Το άρθρο γράφθηκε για το inBlog.gr απο τον Πάνο Κοντογίαννη, εναν άνθρωπο με πάθος στο τομέα του web development και του SEO

,

Το portfolio και η προετοιμασία του είναι απαραίτητα για οποιονδήποτε ελεύθερο και μη επαγγελματία. Περιέχει δείγματα της εργασίας του και αποτελεί ένα απαραίτητο εργαλείο προκειμένου να λάβει κάποιος μέρος σε διαγωνισμούς ανάληψης εργασίας.

Παρουσιάστε μόνο τις καλύτερες δημιουργίες σας.
Μπορεί να έχετε εργαστεί σε πολλά projects και λόγω απαίτησεις του πελάτη να φτιάξατε κάποια πράγματα για τα οποία δεν είστε τόσοι περήφανοι..αυτό δε σημαίνει οτι είναι απαραίτητο και να τα προβάλλετε!
Επιλέξτε να δείξετε 3 καταπλητκικές δημιουργίες σας παρά 14 μέτριες.

Γνώρισε τις δυνατότητες σου και συγκεντρώσου σε αυτές!
Μπορεί να φαίνεται εκ πρώτης όψεως πιο αποδοτικό να μπορεί κάποιος να προσφέρει όλων των ειδών της design υπηρεσίες αλλά εάν έχει έφεση λ.χ. στη σχεδίαση λογοτύπων τότε ας ασχοληθεί αποκλειστικά με αυτό το τομέα! Εξάλλου, δεν είναι εύκολο να γίνεις expert σε ένα τομέα και σίγουρα θα σε προτιμήσουν σε σχέση με αντα-γωνιστές σου που κάνουν τα πάντα άλλα όπως να΄ναι..

Συμπεριλάβετε μόνο τις δουλειές που σου αρέσουν.
Όπως και με το παραπάνω, εαν κάποιος δεν έχει έφεση στο banner design ή δεν του αρέσει για τον χ,ψ λόγο δεν θα πρέπει να το συμπεριλάβει στο portfolio του καθώς να’στε σίγουροι θα βρεθεί κάποιος να σας προσλάβει για τέτοια δουλειά που δεν σας αρέσει..

Οργανώστε σωστά το portfolio σας!
Δημιουργήστε ξεχωριστές κατηγορίες(ή και σελίδες) όπου θα έχετε συγκεντρωμένα στην πρώτη λ.χ. τα logo που έχετε σχεδιάσει, σε μια άλλη κατηγορία τα banner designs κ.ο.κ.

Κρατήστε το απλό και συνεχίστε να το ανανεώνετε
Μη ψάχνετε το portfolio σας να είναι κατι φαντεζί..προσπαθείστε να το κρατήσετε όσο δυνατόν πιο απλό και φιλικο-προς-το-χρήστη. Στα δείγματα εργασίας να έχετε πάντα εικόνες υψηλής ανάλυσης χωρίς pixelations κ.α. Επίσης πρέπει να προσθέτετε(εφ’όσον υπάρχουν) ανα τακτά διαστήματα τις νέες δουλειές σας και προσπαθήστε να προβάλλετε τη γενικότερη δραστηριότητα σας!

Κάτι άλλο που θα θέλατε να προσθέσετε; Ας ακούσουμε μερικές γνώμες!

Το παρών άρθρο πρωτοδημοσιέυθηκε στο http://w24.gr/ – ελληνικό webmaster + SEO forum. Εγγραφείτε στο φόρουμ για να αφήσετε τη γνώμη σας και να συζητήσετε το θέμα με άλλους χρήστες.
ΠΗΓΗ: http://www.w24.gr/viewtopic.php?f=24&t=157

Σε αυτό το βοήθημα ( βοήθημα; ) θα προσπαθήσω να καλύψω το μεγαλύτερο μέρος, όσο αναφορά τη δημιουργία ενός Template από το μηδέν. Παρόλα αυτά, δεν θα ασχοληθώ καθόλου με το Slicing ενός template και τη συγγραφή του CSS / XHTML, αλλά με τη δομή, τις loops και το πόσο καλύτερο μπορεί να γίνει ένα Template με τη χρήση αρκετών Tips and Tricks!

Let’s talk about Themes
Τα Themes του WordPress είναι κατά την ταπεινή γνώμη, αρκετών Designers ότι ποίο εύκολο ως προς επεξεργασία αλλά και δημιουργία ενός Template.

Ο λόγος είναι απλώς. Το template system του WordPress, λειτουργεί με απλά php template tags τα οποία προσθέτονται εύκολα στο Header, το content Area, το Sidebar (εάν το χρειαζόμαστε) και το Footer μας.

Ας το δούμε πάνω σε μια εικόνα, για να γίνει λίγο ποίο κατανοητό
Στην παραπάνω εικόνα λοιπόν έχουμε, στο ένα (1) Header της σελίδας μας
στο δεύτερο (2) κομμάτι, την sidebar στην οποία έχουμε περάσει το menu μας , στο τρίτο (3) έχουμε το περιεχόμενο μας, το content area και στο τελευταίο κομμάτι το τέταρτο (4) έχουμε το Footer μας.

Αν δούμε το αρχείο μας από άποψη κώδικα, έχουμε ένα index.php αρχείο, μέσα στο οποίο έχουμε, στην αρχή την κλήση του Header, μετά την κλίση του sidebar της σελίδας μας, το content area στο οποίο, προσθέτουμε την WordPress Loop, η οποία καλεί τα κείμενά μας, είτε αυτά είναι Blog posts είτε Pages. Στο τέλος του αρχείου υπάρχει η κλήση προς το footer.php

Ακριβώς με τον ίδιο τρόπο, δεν σχεδιάζετε και την σελίδα σας για τη χρήση με απλή XHTML, ακολουθώντας τα Web Standards, και έχοντας μια σωστή δομή;
Φυσικά, καμία από αυτές τις περιοχές δεν είναι υποχρεωτική για τη σωστή λειτουργεία του Template.

Ας προχωρήσουμε λίγο παρακάτω…

Theme FrameWorks
Ίσως όταν σχεδιάζετε, να έχετε δεί τη χρήση κάποιων Frameworks. Τέτοια είναι για παράδειγμα το 960gs το οποίο αυτό που κάνει είναι να μας δίνει ένα αρχείο με έτοιμες κάποιες κάθετες γραμμές, τις οποίες εάν τις ακολουθήσετε στα μεγέθη του, θα μπορέσετε να έχετε έτοιμο το CSS το οποίο χρειάζεστε μετά για να τοποθετήσετε το photoshop mockup σας, μέσα στη σελίδα.

Τα ίδια ακριβώς framework μπορείτε να χρησιμοποιήσετε μέσα στη σελίδα σας. Παρόλα αυτά όμως, για να γίνει ακόμη ποίο εύκολη η ζωή των front end designers του WordPress, υπάρχεου και WordPress Theme Frameworks. Αυτά, έχουν έτοιμα όλα τα αρχεία τα οποία χρεάζεστε για τη δημιουργία ενός WordPress Theme το οποίο θα παίζει χωρίς να χρειαστεί να γράψετε εσείς κώδικα! Απλώς θα δημιουργήσετε το δικό σας child theme με απλά CSS αρχεία.

Child Themes; Τι είναι αυτά;
Τα frameworks όπως είναι φυσικό, θέλουν να κρατιούνται ανανεωμένα σε όλα τα νέα χαρακτηριστικά που προσθέτονται στο WordPress. Έτσι, αντί να επεξεργάζεστε το styles.css το βασικό αρχείο επεξεργασίας των θεμάτων, σας δίνουν τη δυνατότητα να έχετε ένα έξτρα αρχείο CSS, μέσα στο οποίο μπορείτε να προσθέσετε το CSS κώδικα σας που αντιστοιχεί σε συγκεκριμένα elements του design και διαβάζετε πριν από το style.css.
Αρκετές φορές παρόλα αυτά και για designs τα οποία ξεφεύγουν από την δομή που μπορεί να έχει το framework, χρειάζεται να ασχοληθείτε και με τα βασικά αρχεία το framework. Δυστυχώς οι αλλαγές που μπορούν να γίνουν με τα περισσότερα από αυτά αυτόματα, δεν είναι τόσο flexible.

flexible, τί είναι αυτό;
Τα theme frameworks έρχονται με ένα Option page, μέσα από το οποίο μπορείτε να επεξεργαστείτε τις ρυθμίσεις αλλά και την εμφάνιση του Theme σας. Παραδείγματα είναι η μεριά του sidebar ( αριστερά η δεξιά) να είναι η όχι Fluid το design, να είναι fluid το header ή το footer, Search Engine Options και πολλά ακόμη.
Και δεν γράφω php κώδικα;
Τα theme frameworks, δίνουν μια έξτα βοήθεια για αυτούς που θέλουν να γράψουν και κώδικα. Περιέχουν ειδικές Hooks μέσα στα Template τους, και έτσι όταν θέλετε να εμφανίσετε κάτι μέσα στο template, σε ένα συγκεκριμένο σημείο το μόνο που έχετε να κάνετε είναι να προσθέσετε μια πολύ μικρή function, μέσα στο αρχείο functions.php η οποία θα εκτυπώνει μέσα στο hook που επιθυμείτε.

Έχεις να προτείνεις κάποια framework;
Φυσικά. Μπορείτε να ρίξετε μια ματιά στα παρακάτω

HeadWay framework
Ένα από τα αγαπημένα μου και η χρήση του κάθε φορά με εντυπωσιάζει. Εάν δείτε τα demo videos το όλο design μπορείτε να το καθορίσετε πολύ εύκολα με drag n drop επιλογές. Μπορείτε να δείτε μερικά ενδιαφέροντα tutorials εδώ http://headwayhq.com/

Thesis
Αν και η έκδοση 1.6 που είναι τώρα είναι ακρετά δυνατή για εμένα προσωπικά, χρειάζεται αρκετές βελτιώσεις. Παρόλα αυτά είναι σίγουρα ένα υπέροχο εργαλείο για κάποιους ποιο εξιδικευμένους με το CSS και την php (φυσικά και με το WordPress)http://diythemes.com/thesis/

Hybrid
και αυτό ένα από τα αγαπημένα. Το documentation και το support του είναι αυτά που θα σας εντυπωσιάσουν και θα σας κάνουν να το αγαπήσετε. Για τους λάτρεις του web typography, είναι σίγουρα το ποίο αγαπημένο framework! http://themehybrid.com/themes/hybrid

Ithemes builder και Elastic
Αυτά τα theme frameworks θεωρώ πως είναι το μέλον. Αυτό που κάνουν είναι να προσθέτουν την μεγαλύτερη διαθέσιμη ευκολία μέσα στα Options του Theme από το Admin Panel. Μάλιστα με τη χρήση τους μπορείτε να φέρετε ένα design σε αποτελέσματά που δεν θα πιστέψετε, απλώς ορίζοντας μεγέθη και μεταβλητές μέσα από το options page!
http://ithemes.com/purchase/builder-theme/
http://wordpress.org/extend/plugins/elastic-theme-editor/

Υπάρχουν και άλλα;
Πολλά αλλά δεν έχω μείνει ευχαριστημένος. Αυτό είναι αντικειμενική άποψη παρόλα αυτά, μπορείτε να τα δοκιμάσετε και να μας πείτε και εμάς τη γνώμη σας!

Αυτά ήταν;
Όχι. Έχουμε και κάτι τελευταίο. Το Artisteer. Ένα μοναδικό εργαλείο το οποίο θα λατρέψετε αν αρχίσετε να το χρησιμοποιείτε!

Το Artisteer είναι ένας WYSIWYG editor ο οποίος σας επιτρέπει να κάνετε Export σε WordPress, Joomla, Drupal και απλή XHTML / CSS. Ο κώδικας που βγάζει είναι 100% Valid αν και δεν χρησιμοποιεί καθόλου CSS3. Η επεξεργασία και μετατροπή του theme γίνετε εύκολα αφού τα Classes που χρησιμοποιεί είναι είναι αρκετά απλά! Εάν το μάθετε αρκετά καλά, σύντομα θα μπορείτε να σχεδιάσετε τον βασικό ( ίσως και ολόκληρο το psd ) μέσα του και με πολύ λίγα βήματα να έχετε το design σας έτοιμο! http://www.artisteer.com/

Ας προχωρήσουμε λίγο στο Template μας τώρα

Η αρχιτεκτονική δομή που ακολουθεί το WordPress στα template files του είναι η παρακάτω:

Όπως βλέπετε, εάν δεν βρεί ένα από αυτά τα αρχείο, προχωράει παρακάτω μέχρι να βρεί ένα από αυτά, κατάλληλο για να παρουσιάσει το αποτέλεσμα που ζητήθηκε! Πότε όμως καλείτε κάθε από αυτά τα αρχεία;

Header.php – το αρχείο με το περιεχόμενο το οποίο διαβάζει πρώτα ο browser μας αφού βρίσκετε η κωδικοποίηση του template μας, το <head>, το <title> και τα javascript requests μας.
Index.php – το κεντρικό μας αρχείο όπου και περιέχει το WordPress Loop μέσα του, για την παραγογή των άρθρων και των σελίδων. Με βάση το index.php δημιουργείτε το categories.php το archives.php το tags.php και το
Single.php – Η σελίδα η οποία θα εμφανίζει ένα post μόνο του. Μπορούμε να χρησιμοποιήσουμε τον ίδιο κώδικα από το index.php αλλά συνήθως όταν σχεδιάζουμε ένα blog, στο τέλος προσθέτουμε κάποια extra features, όπως rating, related posts, social bookmark κτλ.
Category.php – καλείτε όταν κάνουμε click σε ένα από τα categories του site μας. Μπορούμε να του δώσουμε διαφορετικό design από την index ή ακριβώς το ίδιο, αφού το Loop από μόνο του αναλαμβάνει τα εμφανίσει τα posts τα οποία ανήκουν σε αυτή την κατηγορία.
Archive.php – Παρουσιάζει τα posts που έχουν γραφτεί σε κάποια χρονική περίοδο.
tags.php – Παρουσιάζει τα posts τα οποία σχετίζονται σε κάποιο tag
Page.php – το αρχείο το οποίο είναι υπεύθυνο για την εμφάνιση του περιεχομένου των σελίδων τα οποία δημιουργούμε. Μπορεί και αυτό να είναι είτε ίδιο με το index.php είτε να έχει τη δικιά του δομή και design.
Author.php – Η συγκεκριμένη σελίδα είναι βοηθητική. Κάποια blogs δεν τη χρησιμοποιούν καθόλου, άλλα την θεωρούν βασική. Αυτό που κάνει είναι, εάν δεν προσθέσετε extra κώδικα, να εμφανίζει τα posts που έχει γράψει ένας χρήστης.
Sidebar.php – Το αρχείο που εμφανίζει το περιεχόμενο του sidebar μας
search.php, searchform.php – Το αρχείο που εμφανίζει τις αναζητήσεις που κάνουν οι επισκέπτες στο blog μας, και το searchform.php είναι η φόρμα αναζήτησης της σελίδας μας.
Comments.php – το αρχείο το οποίο περιέχει την φόρμα για τα comments μας. Το ίδιο αρχείο φυσικά και διαχειρίζεται τα comments, τα trackbacks και τα pingbacks.

[i]Λίγο ποίο αναλυτικά…[/i]

Προχωρώντας στη δόμηση και τον σχεδιασμό του template μας, ας δούμε λίγο ποίο αναλυτικά τι έχουμε μέσα σε κάθε αρχείο:

1) Το DOCTYPE
2) Τα JavaScript αρχεία τα οποία θα χρειαστούμε
3) <?php bloginfo(‘stylesheet_directory’); ?> το directory με το CSS αρχείο μας
4) Το <title><?php bloginfo(‘name’); ?></title> το οποίο θα εμφανίσει στο html tag title, τον τίτλο του blog που έχετε ρυθμίσει εσείς από τις επιλογές του WordPress
5) Προσθέτουμε τα RSS feeds

Καλούμε και το <?php wp_head(); ?> το οποίο είναι μια από τις core hooks και το χρησιμοποιούν αρκετοί προγραμματιστές στα plugin τους για να τοποθετήσουν αρχεία μέσα στο header μας!

έχοντας φυσικά ακολουθήσει μία σωστή html δομή, το header μας είναι έτοιμο!

Index.php
Εδώ, είναι τα βασικά και τα ποίο δύσκολα. Αυτό που θα κάνουμε είναι να καλέσουμε

το header.php
το sidebar.php
να εμφανίσουμε το content
να καλέσουμε το footer.php

lets call header!

στην πρώτη γραμμή λοιπόν προσθέτουμε το

και αυτό θα μας καλέσει το header.php αρχείο.
Προχωρώντας θα δούμε λίγο την Loop μας.

Ο παραπάνω κώδικας μας είναι η main loop μας! Απλό δεν είναι; Νομίζω και τα σχόλια είναι αρκετά κατανοητά για να δείτε τι κάνει το κάθε κομμάτι. Εάν υπάρχει απορία παρόλα αυτά, drop us a comment!

Το τελευταίο μας κομάτι είναι να δημιουργήσουμε το αρχείο functions.php ( μέσα στο συγκεκριμένο αρχείο προσθέτουμε ότι κώδικα php θέλουμε να πηγαίνει «πακέτο» με το theme μας )

Το συγκεκριμένο κομμάτι κώδικα προστήθεται με την έκδοση 2.9 και είναι για την δημιουργεία των αυτόματων thumbnails. Αν θέλετε μπορείτε να διαβάσετε περισσότερα
Αυτό που μένει τώρα είναι να καλέσουμε το sidebar και το footer… παρόλα αυτά, το έχουμε είδη κάνει νωρίστερα χρησιμοποιώντας μια γνωστή μας function!

Για να καλέσουμε το sidebar.php τώρα απλώς γράφουμε

Και μετά για το footer.php

Πρίν δούμε το single.php ας τελειώσουμε το βασικό μας σκελετό

Το footer.php δεν χρεάζεται κάτι ιδαιέτερο εκτός από το κάλεσμα το footer hook, το οποίο και είναι

το sidebar.php παρόλα αυτά έχει αρκετή και σύνθετη δουλειά.

Καταρχήν για να δουλέψει σωστά πρέπει να προσθέσουμε την δυνατότητα των Widgets.
Προσθέτουμε λοιπόν μέσα στο functions.php το παρακάτω:

Το οποίο δημιουργεί την function την οποία θα προσθέσουμε στο template μας για να μπορούμε να χρησιμοποιήσουμε τα Widgets του wordpress ( η παραπάνω function είναι συμβατή με WordPress 2.9+ ).

Τώρα λοιπόν προσθέτουμε στο sidebar.php την κλήση του Widget.

And Voila! Τώρα μπορείτε από τον πίνακα ελέγχου να προσθέσετε widgets μέσα στο template σας!

Finally…
Τα βασικά τελειώσανε. Αν περάσετε τώρα τα αρχεία αυτά μέσα στο wp-admin/themes/template_name όπου template_name ο φάκελος που έχετε ορίσει, είστε έτοιμοι!
Ας δούμε όμως πώς να κάνουμε το Template μας λίγο καλύτερο!
Sidebar.php – Μιάς και ήταν το τελευταίο αρχείο που ασχοληθήκαμε ας το δούμε λίγο καλύτερα. Θα προσθέσουμε την φόρμα για την αναζήτηση. Πάνω λοιπόν από τα widgets, προσθέτουμε το εξής

Το αρχείο searchform.php περιέχει τον εξής κώδικα:

<div id="searchform">
<form method="" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="&nbsp;" />
</form></div>

Που φυσικά είναι η φόρμα μας για να στείλει το search query στο search.php. Το search.php περιέχει απλώς ένα query (κάντε copy paste το index.php)

Some tips!
Μερικά όμορφα tips που μπορείτε να ακολουθήσετε για να κάνετε ποίο χρηστικό το search page σας

Για να δείξετε τα συνολικά search results

Single.php – όπως αναφέραμε το αρχείο single.php εμφανίζει τον κώδικα που αντοιστειχεί στην εμφάνιση ενός άρθρου μόνο.

Το single.php είναι ακριβώς το ίδιο με το index.php μόνο που κάτω από το
<? the_content(); ?>
Προσθέτουμε το
<?php comments_template(); ?>
το οποίο μας επιτρέπει να καλέσουμε τα comment forms!

Some tip!
Για να δούμε και μερικά tips που θα κάνουν το single.php ακόμη ποίο όμορφο για τους επισκέπτες μας!

Related posts
Μπορείτε να προσθέσετε τον παρακάτω κώδικα και θα σας δώσει τα related posts με βάση τα tags Που έχετε προσθέσει

Θέλετε να προσθέσουμε και ένα Short Bio στο τέλος του Post για το συγγραφέα μας; Δεν είναι κάτι δύσκολο

Και στο css file σας μέσα

Comments.php
Το παρακάτω αρχείο είναι ίδιο για όλα τα templates, άρα απλώς παραθέτω ένα link, για όποιον το χρειάζεται. Στο συγκεκριμένο αρχείο εάν το διαβάσετε θα δείτε πως ο κώδικας του έχει πολλά tricks. Μπορείτε να δείτε τα περισσότερα μέσα από το Options Panel του WordPress στην επιλογή σχετικά με τα comments!

Can I style comments;
Φυσικά και μπορείτε. Μπορείτε να δείτε μερικούς τρόπους για να καταλάβετε πως λειτουργούνε.
http://www.darrenhoyt.com/2007/08/18/styling-your-wordpress-comments/

Μπορείτε ακόμη να δείτε ένα παράδειγμα πώς να δώσετε διαφορετικό style μόνο στα comments του Admin
http://5thirtyone.com/archives/774

Δείτε και μερικά comment tips ακόμη
http://www.instantshift.com/2009/02/08/30-most-wanted-wordpress-comments-page-hacks/

Archives.php
Εάν θέλετε το archives να είναι κάτι διαφορετικό από τα συνηθισμένα μπορείτε να κάνετε διάφορα tricks. Εμείς κάνουμε το εξής:

Όπου εμφανίζουμε μια μηχανή αναζήτησης, τα posts με βάση τους μήνες και τα τελευταία 50 posts.

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

Ο παραπάνω κώδικας χρησιμοποιείτε όταν θέλουμε να φτιάξουμε αρχεία php που θα χρησιμοποιήσουμε ως templates. Με τον τρόπο αυτό μπορούμε να έχουμε διαφορετικό design σε κάποιες σελίδες.
Αφού φτιάξουμε λοιπόν τη σελίδα μας, πηγένουμε στο Admin panel, δημιουργούμε μια νέα σελίδα και επιλέγουμε το συγκεκριμένο template. Το πεδίο content το αφήνουμε λευκό.

Author.php
Αφού λοιπόν φτιάξουμε τη σελίδα του author, αυτόματα αυτή αφού βασίζεται στον ίδιο κώδικα με το index.php θα μας δείξει τα Posts του συγκεκριμένου author που έχουμε επιλέξει. Ας καλέσουμε παρόλα αυτά μερικές επιλογές από το Admin Panel και το user info.

Ανοίξτε το αρχείο και πάνω από το WordPress loop προσθέστε

Νομίζω είναι αρκετά κατανοητό τι πρέπει να αλλαχτεί για τα παίξει το loop σας σε άλλη κατηγορία ή με άλλο αριθμό Posts

Αυτό είναι ένα από τα βασικά που θα χρειαστείτε. Περισσότερα για τα Query info’s εδώ: http://codex.wordpress.org/Template_Tags/query_posts

Μπορείτε να βρείτε ότι extra πληροφορίες χρειάζεστε απο το codex
http://codex.wordpress.org

Το turorial αυτό πρωτοδημοσιεύτηκε στο Freestuff.gr και έχει δημιουργηθεί απο τον Βασίλη Κανονίδη(http://www.twitter.com/Basilakis) Co-Founder της creativeG.
Hope you like it!

Καλές γιορτές σε όλους!

 Θα ξεκινήσουμε αυτό το άρθρο τονίζοντας κάτι που δεν είναι διαδεδομένο στο ελληνικό web, για την ακρίβεια τυχαίνει πολλές φορές ακόμη και έμπειροι webmasters να το παραλείψουν. Είναι ο «κανόνας των 8 δευτερολέπτων» ή όπως είναι γνωστό με την αγγλική ονομασία του, “the 8 second rule”. Απο μόνος του αυτός ο κανόνας, που αποτελεί ολόκληρη φιλοσοφία γύρω απο το web design, θα μπορούσε να καλύψει ένα άρθρο. Εμείς θα παραθέσουμε το νόημα του εν συντομία και θα αποτελέσει την πηγή μας για το υπόλοιπο άρθρο.

 Ο «κανόνας» αυτός ισχύριζεται κάτι πολύ απλό. Εάν μια σελίδα χρειάζεται περισσότερο απο 8 δευτερόλεπτα για να φορτώσει (υπο κανονικές συνθήκες πάντα) τότε υπάρχουν πολλοί μεγάλες πιθανότητες να δυσαρεστηθεί ο επισκέπτης και να την κλείσει. Φυσικά υπάρχουν εξίσου μεγάλες πιθανότητες αυτή η δυσαρέσκεια να οδηγήσει στον μαυροπινακισμό της σελίδας σας και να μην την ξαναεπισκεφθεί.

 Για να αποφύγουμε αυτό το δυσάρεστο φαινόμενο, πρέπει να προσέχουμε πάρα πολύ στην επιλογή του παροχέα υπηρεσιών hosting(καλό είναι μάλιστα να κοιτάμε σχολαστικά τους χρόνους απόκρισης άλλων σελίδων που φιλοξενούνται στους server του hoster καθώς και που είναι το datacenter), να έχουμε ένα έξυπνο design στη σελίδα μας, χρησιμοποιόντας σωστά format εικόνας(π.χ  .png & .gif) καθώς και να μην έχουμε υπερφορτώσει τη σελίδα με «βαριά» γραφικά και χρονοβόρα στη φόρτωση scripts.

 Εξίσου σημαντικό είναι να προσέξουμε τα scripts(τους κώδικες δηλαδή) που τοποθετούμε στη σελίδα μας για διαφημίσεις. Εάν φορτώσει όλη η σελίδα και εμφανίστούν(φορτώσουν) μετά απο 10 δευτερόλεπτα οι διαφημίσεις στη σελίδα μας, αυτό δε θα ενοχλήσει κανένα επισκέπτη, πιθανόν να μην το προσέξει και κάποιος. Σε περίπτωση όμως που οι διαφημίσεις δεν φορτώνουν ταυτόχρονα(στη χειρότερη περίπτωση δηλαδή) και φορτώνουν πριν το υπόλοιπο περιεχόμενο, πράγμα που δε φαντάζει διόλου παράξενο αλλα είναι αρκετά συνηθισμένο, τότε θα δυσαρεστήσουμε τον επισκέπτη. Μπορεί να έχουμε καταφέρει να φορτώσει η σελίδα σε ένα σεβαστό, γρήγορο χρόνο(π.χ. 4 δευτερόλεπτα) αλλα οι διαφημίσεις να φορτώνουν πριν το περιεχόμενο. Το παραπάνω αποτελεί επίσης λάθος.

 H ταχύτητα φόρτωσης μιας σελίδας, κρύβει περισσότερους κινδύνους αλλα και οφέλη απ’ότι οι περισσότεροι webmasters φαντάζονται. Καλό είναι λοιπόν και εμείς ίδιοι είτε αν δημιουργούμε μόνοι μας τη σελίδα είτε αν απευθυνόμαστε σε εταιρία του χώρου να θέσουμε κάποια “guidelines”, κάποιους στόχους σε αυτό το τομέα που θα πρέπει να τηρήσουμε.

Μετά τιμής,
inBlogger

Με αφορμή κάτι που παρατηρώ εδώ και καιρό θα μιλήσω αυτή τη φορά για την ελευθερία του λόγου στα blogs. Η ελευθερία που δίνεται σε καθέναν απο εμάς να εκφράσει τη γνώμη του σε ένα ιστολόγιο είναι ένα μοναδικό προνόμιο  αλλα παρόλαυτα συνεπάγεται και κάποιων-μέσα σε συγκεκριμένα πλαίσια- ευθυνών. Ευθυνών προς τους αναγνώστες μας, ευθυνών προς εμάς τους ίδιους. Είναι απο τις λίγες φορές που προτιμώ να ξεφύγω απο τα συνηθισμένα και την πιο συγκεκριμένη θεματολογία του inBlog προκειμένου να εκφράσω κάτι που με «καιει». Κάτι το οποίο όσοι το λάβουνε υπ’όψην τους και το εφαρμόσουν θα «ομορφύνουν» το διαδίκτυο, θα του δώσουν μια άλλη νότα..

Αρκετά με τις εισαγωγές όμως. Αυτό που έχω παρατηρήσει και πειραματίστικα για να το αποδείξω, και να είμαι σε θέση να μπορώ να υποστηρίξω ότι γράφω, είναι πως στην μεγαλύτερη πλειοψηφία τους οι bloggers όταν ελέγχουν οι ίδιοι τα σχόλια που γράφουν οι αναγνώστες στα άρθρα τους εγκρίνουν και δημοσιοποιούν μόνο τα θετικά. Οποιοδήποτε σχόλιο έχει αρνητικό ύφος ή κατακρίνει το άρθρο ή ακόμη απλώς δεν συμφωνεί και παραθέτει μια αντίθετη γνώμη πολλές φορές διαγράφεται απευθείας. Σίγουρα βολικό και έξυπνο για τον συγγραφέα, να έχει ένα ιστολόγιο γεμάτο άρθρα και θετικά σχόλια! Όμως αυτό είναι αντίθετο με την ελευθερία που του έχει δώσει το ιστολόγιο.  Όπως και ο ίδιος επιθυμεί και συνήθως απαιτεί  να μην υπάρχει λογοκρισία τρίτων στον τρόπο που γράφει ή στο θέμα που αναφέρεται ανεξάρτητα πόσο ευαίσθητο είναι και ποιες καταστάσεις θήγει , κατ’αυτόν τον τρόπο οφείλει να επιτρέπει στους αναγνώστες του να γράψουν ότι θέλουν και να το δημοσιεύει.

Προσωπικά δεν το βρίσκω στο ελάχιστο θεμιτό, να απορρίπτεις όποιο σχόλιο δε σου γεμίζει το μάτι. Καλώς ή κακώς, δεν είναι δυνατό η γνώμη μας να είναι αρεστή σε όλους. Ίσα ίσα που πιστεύω πως αν υπάρχουν και αρνητικά σχόλια, αυξάνονται οι πιθανότητες να ξεκινήσει μια σειρά σχολίων-συζήτηση μεταξύ των αναγνωστών και να έχουμε ακόμη και έναν επικοδομητικό διάλογο.

Φυσικά, υπάρχουν και εξαιρέσεις όπως υβριστικά σχόλια τα οποία πρέπει να απορρίπτονται απευθείας. Ευτυχώς, υπάρχουν και κάποια «ηθικά» όρια τα οποία πρέπει να τηρούνται εφόσον θέλει ο blogger να συνεχίσει να υπάρχει online.

Γιατί καλό και άγιο το SEO, μάθαμε να βάζουμε και σωστά τις διαφημίσεις αλλα δεν καταλάβαμε δυστυχώς το αυτονόητο. Συνεχίζουμε τη μάχη μας για ένα καλύτερο ελληνικό διαδικτυακό κόσμο δυναμικά, όσοι επηρεάστηκαν απο αυτό το άρθρο και κατάλαβαν κανα δυο πραματάκια είναι καλό, όσοι δεν «ένοιωσαν»…θα επανέλθω μελλοντικά και όσο συχνα μου επιτρέπεται στο θέμα.

Μετά τιμής,

inBlogger

Όσοι ελευθερία λαμβάνουμε,τόση και ακόμη περισσότερη πρέπει να δίνουμε.