Χρήσιμα Plugins του WordPress

Arconix Shortcodes

Arconix Shortcodes provides a number of useful design elements like buttons, boxes, tabs and toggles to help compliment any website.

Mara Box

Meta Box plugin is a powerful, professional solution to create custom meta boxes and custom fields for WordPress websites.

 

Μετακίνηση site wordpress σε άλλο domain

Για τη μετακίνηση site wordpress σε διαφορετικό domain ή και subdomain (πχ aaaaaaa.com σε bbbbbb.com ή aaaa.example.com σε bbbb.example.com) ο πιο εύκολος τρόπος είναι η χρήση του εργαλείου WORDPRESS (AND OTHERS) SEARCH AND REPLACE TOOL το οποίο αντικαθιστά τις αναφορές στη βάση δεδομένων του παλιού ονόματος με το νέο.

Πως γίνεται: (περίπτωση που αλλάζουμε server και domain)

Μεταφέρουμε τα αρχεία του παλιού site στο νέο server

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

Αλλάζουμε τα config.php με τα στοιχεία της  νέας βάσης

Τοποθετούμε το αρχείο WORDPRESS (AND OTHERS) SEARCH AND REPLACE TOOL στο ριζικό κατάλογο της εγκατάστασης δηλ εκεί που είναι και το config.php (προσοχή να έχουμε αλλάξει το όνομα του αρχείου)

Από τον browser πηγαίνουμε στο example.com/tool.php (αντί για tool βάλτε το όνομα που δώσατε στο αρχείο)

WordPress 3.3 beta – τι νέο μας φέρνει;

Πριν μερικές μέρες εμφανίστηκε η δοκιμαστική έκδοση του WordPress για δοκιμές και feedback. Ποιές είναι οι αλλαγές και τι νέο μας φέρνει;

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

Wordpress new Media Uploader
Wordpress new Media Uploader

Η σημαντικότερη βελτίωση αφορά τον ανανεωμένο media uploader το εργαλείο δηλαδή για το ανέβασμα εικόνων και αρχείων. Πλέον υποστηρίζεται drag and drop μπορούμε δηλαδή να σέρνουμε αρχεία στον χώρο του uploader (όπως φαίνεται στην εικόνα). Η διαδικασία είναι εύχρηστη και απλή και εξυπηρετεί ιδιαίτερα στο ταυτόχρονο ανέβασμα πολλών αρχείων.

Αλλαγές έχουν γίνει και στην admin bar, τη μπάρα που εμφανίζεται όταν βρισκόμαστε στο dashboard.

wordpress 3.3 admin bar
wordpress 3.3 admin bar
Wordpress 3.3 new menu
Wordpress 3.3 new menu

Άλλη μια αλλαγή που αφορά το περιβάλλον διαχείρισης του WordPress είναι τα μενού στο dashboad που πλέον δεν έχουν τη μορφή ¨ακορντεόν» που ανοίγουν προς τα κάτω αλλά εμφανίζονται προς τα δεξιά. Νομίζω αυτή η όψη βολεύει ιδιαίτερα κάποιον που έχει εγκαταστήσει πολλά plugins και πρέπει να ρολλάρει αρκετά για να βρει αυτό που ψάχνει.

Μικρότερης σημασίας αλλαγές στο WordPress 3.3 μπορείτε να διαβάσετε εδώ, ενώ μπορείτε να κατεβάσετε τη beta-1 έκδοση για τεστάρισμα.

 

Εγκατάσταση WordPress τοπικά με WAMP για δοκιμές

Πως γίνεται η εγκατάσταση του WordPress  τοπικά στο δίσκο μου για να το δοκιμάσω και να πειραματιστώ ή πως δοκιμάζω beta εκδόσεις;

Θεωρούμε ότι έχουμε εγκαταστήσει το WAMP και τρέχει (οδηγίες για εγκατάσταση του WAMP).

Κατεβάζουμε την τελευταία έκδοση του WordPress (εμείς για πειραματισμό κατεβάσαμε την έκδοση 3.3 beta).

Τοποθετούμε το συμπιεσμένο μέσα στο φάκελο c:/wamp/www και αποσυμπιέζουμε εκεί (έτσι μόνο του φτιάχνει ένα φάκελο wordpress μέσα στον www. Αν θέλουμε μετονομάζουμε το φάκελο η τοποθετούμε τα αρχεία αλλού, αλλά πάντα μέσα στον www.

Στη συνέχεια ακολουθούμε τη «διάσημη διαδικασία εγκατάστασης των 5 λεπτών» όπως τη λένε οι δημιουργοί του wordpress και οι οδηγίες στο αρχείο readme.html που βρίσκεται στο φάκελο που μόλις αποσυμπιέσατε.

Δημιουργία βάσης δεδομένων με phpmyadmin
Δημιουργία βάσης δεδομένων με phpmyadmin

Για να μπορέσουμε να ακολουθήσουμε τη διαδικασία θα πρέπει όμως πρώτα να έχουμε φτιάξει μια βάση δεδομένων για να υποδεχθεί τους πίνακες που θα κατασκευάσει το wordpress. Για να το κάνουμε αυτό πατάμε στον browser localhost/phpmyadminτο οποίο είναι ένα εργαλείο για εύκολη δημιουργία και διαχείριση βάσεων δεδομένων. Πατάμε «δημιουργία νέας βάσης», δίνουμε όνομα (πχ test-wordpress) και επιλέγουμε κωδικοποίηση utf_general_ci. Η βάση δεδομένων είναι έτοιμη.

Στη συνέχεια πληκτρολογούμε στη γραμμή διεύθυνσης του browser:

localhost/wordpress/wp-admin/install.php

Εγκατάσταση wordpress 1
Εγκατάσταση wordpress 1

Πατάμε στο create configuration file στο οποίο θα πρέπει να εισάγουμε τα στοιχεία της βάσης δεδομένων που φτιάξαμε. Συγκεκριμένα στη δική μας περίπτωση συμπληρώνουμε:

εγκατάσταση wordpress βήμα 1
εγκατάσταση wordpress βήμα 1

Data Base Name: test-wordpress (το όνομα που δώσαμε)

User Name: root (δεν προσθέσαμε χρήστη στη βάση, ο root είναι ο default χρήστης ο οποίος δεν έχει και password)

Password: κενό 

Τα υπόλοιπα τα αφήνουμε ως έχουν.

εγκατάσταση wordpress βήμα 2
εγκατάσταση wordpress βήμα 2

Στο επόμενο βήμα συμπληρώνουμε τα στοιχεία του administrator του wordpress, του χρήστη δηλαδή που θα το χρησιμοποιεί. Δίνουμε ένα όνομα και ένα password με τα οποία θα συνδεόμαστε στο wordpress για τη διαχείριση.

Πλέον είμαστε έτοιμοι. Πάμε στο localhost/wordpress και βλέπουμε το site μας ή στο localhost/wordpress/wp-admin με το όνομα και το password Που δηλώσαμε στο προηγούμενο βήμα μπαίνουμε στο περιβάλλον διαχείρισης.

wordpress dashboard
wordpress dashboard

Καλή αρχή.

 

 

iframe μέσα σε post του WordPress

Κατά την ενσωμάτωση ενός iframe μέσα σε ένα post του wordpress υπάρχει ένα πρόβλημα. Για λόγους ασφαλείας ο visual editor (tinymce) του wordpress αφαιρεί τα iframe. Έτσι αν πάτε σε μορφή HTML και προσθέσετε το iframe και στη συνέχεια γυρίσετε στο Visual editor το iframe θα αποκοπεί.

Visual and HTML wordpress editors
Visual and HTML wordpress editors

Μια πρόχειρη λύση είναι να προσθέσετε τον κώδικα σε HTML μορφή και στη συνέχεια να κάνετε publish το post χωρίς να γυρίσετε στο visual. Αυτή η λύση δουλεύει, αλλά βέβαια δεν είναι και η ποίο κομψή, αφού αν θέλετε να κάνετε κάποιες διορθώσεις αργότερα και ξεχαστείτε, πηγαίνοντας στο Visual editor, το iframe θα εξαφανιστεί.

Μια άλλη λύση είναι το embed iframe plugin το οποίο σας επιτρέπει να ενσωματώνετε ολόκληρες σελίδες μέσα σε ένα iframe. Το πρόβλημα είναι ότι δεν δουλεύει σε περιπτώσεις που έχουμε έτοιμα iframes από κάποια υπηρεσία π.χ google maps. Σε αυτές τις περιπτώσεις δε θέλουμε να ενσωματώσουμε όλη τη σελίδα αλλά μόνο το χάρτη και το embed iframe δε δουλεύει.

google maps iframe embed code
google maps iframe embed code

Μια άλλη ιδιαίτερα κομψή πρόταση είναι η δημιουργία sort code και η χρήση custom fields του wordpress (διαβάστε περισσότερα εδώ). Με αυτό το τρόπο το iframe περνάει μέσα από ένα short code και δεν κόβεται μέσα στο visual editor. To μειονέκτημα αυτής της λύσης είναι ότι χρειάζεται να επεξεργαστείτε το function.php του θέματος που χρησιμοποιείτε πράγμα που σημαίνει ότι αν αλλάξετε θέμα θα πρέπει να το ξανατροποποιήσετε.

Οι παραπάνω τρόποι προσπαθούν να παρακάμψουν τον visual editor που στην ουσία δημιουργεί το πρόβλημα. Μια άλλη αντιμετώπιση είναι να αλλάξει η συμπεριφορά του visual editor και να δέχεται το iframe.

Αυτό γίνεται είτε τροποποιώντας αρχεία ρυθμίσεων του tinyMCE όπως περιγράφεται εδώ, το μειονέκτημα του οποίου εκτός από τη δυσκολία είναι το ότι δεν είναι σίγουρο ότι θα διατηρηθούν οι αλλαγές σε αναβάθμιση, είτε η χρήση του TinyMCE Vadid Elements plug-in που σας επιτρέπει να περάσετε τα στοιχεία που δεν θέλετε να κόβει ο editor.

tinyMCE valid elements plugin
tinyMCE valid elements plugin

Η χρήση του plugin είναι πολύ εύκολο αφού το μόνο που χρειάζεται να κάνετε μετά την εγκατάσταση είναι να περάσετε το element και τα attributes που δεν θέλετε να διαγράφει ο tinyMCE. Στην εικόνα για παράδειγμα έχουν περάσει τα elements και atributes ώστε να δουλεύει σωστά η ενσωμάτωση του google map παραπάνω. Το element είναι το iframe και τα attributes είναι width, height, frameborder κλπ όπως φαίνονται στον κώδικα που θα ενσωματώσουμε.

Τι νέο μας φέρνει το WordPress 3.0

Το WordPress έφτασε στη έκδοση WordPress 3.0 Release Candidate RC1, πολύ κοντά δηλαδή στην τελική έκδοση. Για να δούμε λοιπόν τι νέα χαρακτηριστικά έχει η έκδοση 3 του WordPress:

Εμφάνιση:

twenty ten wordpress theme
twenty ten wordpress theme

Νέο Default theme πιο όμορφο και σύγχρονο με αρκετές επιλογές τροποποίησης ώστε μετά την εγκατάσταση να μπορεί κάποιος να το προσαρμόσει στο γούστο του χωρίς να χρειαστεί να κατεβάσει άλλα θέματα. Το θέμα ονομάζεται twenty ten (2010) και ελπίζουμε να βλέπουμε νέα σύγχρονα θέματα κάθε χρόνο. Πρόκειται για ένα θέμα δυο στηλών με δυνατότητα τοποθέτησης widgets και στο footer.  Οι επιλογές που δίνει αφορούν το backround image και χρώμα, αφού χρησιμοποιεί τo νέο χαρακτηριστικό «custom backround»  που ενσωματώθηκε στον πυρήνα του wordpress για χρήση από τους δημιουργούς θεμάτων  καθώς και δυνατότητα αλλαγής της φωτογραφία της κεφαλίδας.

Δυνατότητες Multisite

Με το WordPress 3.0 γίνεται η συνένωση του WordPress με το WordPress MU την multi user έκδοση του WordPress για δημιουργία πολλών blogs με μία εγκατάσταση και με ευκολίες στη διαχείριση τους. Αν και δεν αφορά άμεσα τον απλό χρήστη είναι ιδιαίτερα σημαντικό για τους developers plugins και τα προβλήματα συμβατότητας μεταξύ των δύο πλατφορμών. Πλέον κάθε εγκατάσταση του WordPress θα μπορεί να μετατραπεί εύκολα σε multi user.

Εύκολη δημιουργία μενού:

Wordpress 3 menu builder
Wordpress 3 menu builder

Ίσως η πιο πολυπόθητη από τους χρήστες, δυνατότητα του WordPress, η επιλογή δηλαδή να φτιάχνουν τα δικά τους μενού συνδυάζοντας σελίδες, tags, κατηγορίες και links εύκολα μέσα από το Dashboard χωρίς τη χρήση άλλων plugins και κώδικες. Επιπλέον αυτή η δυνατότητα δίνει περισσότερα χαρακτηριστικά CMS (content managment system) στο WordPress.

Custom Post Types

Το σημαντικότερο νέο χαρακτηριστικό του WP 3.0 (μαζί με το taxonomies παρακάτω) που φέρνει το WordPress στα χωράφια του Drupal και μετασχηματίζοντας το σε πλήρες Content Management System. Η νέα αυτή δυνατότητα επιτρέπει τη δημιουργία νέων ειδών αντικειμένων εκτός από τα post και pages με τεράστια πλεονεκτήματα στην ευκολία εισαγωγής δεδομένων αλλά και στην εμφάνιση αυτών. Τα Custom Post Types δεν είναι εμφανή με την πρώτη ματιά στο Dashboard αλλά οι δυνατότητες τους είναι ενσωματωμένες στο API και είναι θέμα χρόνου να εμφανιστούν αξιόλογα plugins που θα διευκολύνουν τη χρήση τους.

Custom Taxonomies

Πακέτο με τα Custom Post Types έρχονται και οι Custom Taxonomies, η δυνατότητα δηλαδή του WordPress να επιτρέπει δημιουργία άλλων τρόπων ομαδοποίησης και ιεράρχησης εκτός των tag και Categories που ξέρουμε. Έτσι για παράδειγμα κάποιος που γράφει ένα blog για τη εκπαίδευση (καλή ώρα) ένα tutorial μπορεί να το κατηγοριοποιεί ως προς τη δυσκολία (εύκολο, μέτριο, δύσκολο) και ως προς το χρόνο (π.χ 10 , 20, 30 λεπτά) χωρίς αυτές οι κατηγορίες να μπερδεύονται κατά τη δημιουργία ενός post για κριτική βιβλίου στο οποίο θα ταίριαζαν κατηγορίες πολύ καλό, καλό κλπ.

Συμπεράσματα:

Η νέα έκδοση του WordPress μετασχηματίζει την πλατφόρμα από δημιουργία blog σε δημιουργία site.

Τέσσερα νέα χαρακτηριστικά (Menu Builder, Custom Posts, Custom Taxonomies και MultiSite) ολοκληρώνουν το WordPress σε σύστημα διαχείρισης περιεχομένου CMS. Το μεγάλο πλεονέκτημα είναι ότι όλα αυτά συνδυάζονται όμορφα και παράλληλα με την ευκολία και ποιότητα του WordPress καθώς και με τη μεγάλη βάση των developers που θα εκμεταλλευτούν τις νέες δυνατότητες δημιουργώντας εύχρηστα plugins, η νέα έκδοση δίνει μεγάλη ώθηση στη χρήση του WordPress σαν CMS.