ΦΑΛΑΛΑΚΗΣ ΚΩΣΤΑΝΤΙΝΟΣ (ΑΜ: 1839) email :...

[1]

ΤΙΤΛΟΣ :

ΥΛΟΠΟΙΗΣΗ SITE (ΞΕΝΟΔΟΧΕΙΑΚΗΣ ΜΟΝΑΔΑΣ) ΜΕ ΧΡΗΣΗ OPEN SOURCE ΣΥΣΤΗΜΑΤΟΣ ΔΙΑΧΕΙΡΙΣΗΣ ΠΕΡIΕΧΟΜΕΝΟΥ (WORDPRESS) ΚΑΙ ΑΣΦΑΛΗΣ ΘΩΡΑΚΙΣΗ ΤΟΥ.

ΦΑΛΑΛΑΚΗΣ ΚΩΣΤΑΝΤΙΝΟΣ (ΑΜ: 1839)

email : [email protected]

Επόπτης καθηγητής : Δρ. Μανιφάβας Χαράλαμπος

[2]

Ευχαριστίες

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

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

[3]

Περιεχόμενα ΚΕΦΑΛΑΙΟ 1 : ΕΙΣΑΓΩΓΗ ......................................................................................................................7

1.1 ΔΥΝΑΜΙΚΑ SITES .......................................................................................................................7

1.2 Τι είναι CMS ..............................................................................................................................7

1.3 Πλεονεκτήματα Λογισμικού Ανοιχτού Κώδικα ...........................................................................8

ΚΕΦΑΛΑΙΟ 2 : WORDPRESS .................................................................................................................9

2.1 Τι είναι το Wordpress ................................................................................................................9

2.2 Δυνατότητες..............................................................................................................................9

2.3 Γιατί WordPress για τη σχεδίαση ιστοσελίδων; ....................................................................... 10

2.4 Wordpress Mobile Mode ......................................................................................................... 10

2.4.1 Mobile Wordpess με χρήση plug-in .................................................................................. 10

2.4.2 Mobile WordPress με χρήση υπηρεσιών .......................................................................... 14

2.5 Worpress Tips & Hacks ............................................................................................................ 16

ΚΕΦΑΛΑΙΟ 3: ΕΡΓΑΛΕΙΑ ΠΟΥ ΧΡΗΣΙΜΟΠΟΙΗΘΗΚΑΝ ......................................................................... 20

3.1 Εγκατάσταση PSPAD ............................................................................................................... 20

3.2 ΧΑΑΜP .................................................................................................................................... 27

3.2.1 Τι είναι η PHP; .................................................................................................................. 27

3.2.2 Το ξεκίνημα και η εξέλιξη της PHP .................................................................................... 27

3.2.3 Πλεονεκτήματα της PHP ................................................................................................... 28

3.3 ΒΑΣΕΙΣ ΔΕΔΟΜΕΝΩΝ ............................................................................................................... 29

3.3.1 Τι είναι η MySQL; ............................................................................................................. 29

3.3.2 Πλεονεκτήματα της MySQL .............................................................................................. 29

3.4 Apache Web Server ................................................................................................................. 30

3.4.1 Τι είναι ο Apache Web Server ........................................................................................... 30

3.4.2 Το ξεκίνημα και η εξέλιξη του Apache .............................................................................. 30

3.4.3 Χαρακτηριστικά και λειτουργίες του Apache HTTP ........................................................... 31

3.5 Εγκατάσταση XAAMP (Apache, MySQL, PHP Server ) ............................................................... 32

3.6 FIREBUG .................................................................................................................................. 36

ΚΕΦΑΛΑΙΟ 4 : Στήσιμο της πλατφόρμας WordPress .......................................................................... 38

4.1 Βάση Δεδομένων .................................................................................................................... 38

4.2 Εγκατάσταση........................................................................................................................... 40

4.3 Διαχείριση............................................................................................................................... 44

4.3.1 Admin Panel ..................................................................................................................... 44

4.3.2 Εγκατάσταση Θέματος ..................................................................................................... 47

[4]

4.3.3 Δημιουργία της Ιστοσελίδας ............................................................................................. 50

4.3.4 Δημιουργία MENU ........................................................................................................... 50

4.3.5 Media library .................................................................................................................... 52

Κεφάλαιο 5: WordPress SEO ............................................................................................................. 55

Κεφάλαιο 5.1: Εισαγωγή στο SEO.................................................................................................. 55

Κεφάλαιο 5.2: Λέξεις κλειδιά, βασικές ρυθμίσεις και μόνιμοι σύνδεσμοι στο WordPress ............. 56

ΚΕΦΑΛΑΙΟ 6 : Ασφάλεια στο Wordpress ........................................................................................... 59

6.1 Κενά ασφάλειας στο Wordpress .............................................................................................. 59

6.2 Ασφαλή σχεδίαση και παραμετροποίηση (πρόληψη) .............................................................. 60

6.2.1 Ασφαλές Password ........................................................................................................... 60

6.2.2 Αλλαγή username διαχειριστή .......................................................................................... 61

6.2.3 Εισαγωγή σωστών δικαιωμάτων ....................................................................................... 61

6.2.4 Προστατέψτε τους καταλόγους του Blog σας (WP Folders) .............................................. 62

6.2.5 Update .............................................................................................................................. 62

6.2.6 Μη εμφάνιση της έκδοσης του WordPress ....................................................................... 62

6.2.7 Απόκρυψη μηνυμάτων σφάλματος στη σελίδα εισόδου στη διαχείριση ............................. 63

6.2.8 Αντίγραφα Ασφαλείας ...................................................................................................... 63

6.2.9 Aλλαγές στη βάση MySQL .............................................................................................. 63

6.2.10 Plugins για ασφαλεια ...................................................................................................... 64

6.3 Καταστολή και επαναφορά «μολυσμένου» Wordpress ........................................................... 69

6.3.1 Τα “χτυπημένα” site δεν είναι πάντα εύκολο να προσδιοριστούν...................................... 69

6.3.2 Πώς να καταλάβετε ένα Hacked Website .......................................................................... 70

6.3.3 Google Webmaster Tools Email Alerts ............................................................................. 70

6.3.4 Σαρωτές Google ............................................................................................................... 70

6.3.5 StopBadware Clearinghouse ............................................................................................. 71

6.3.6 Sucuri SiteCheck Scanner ................................................................................................. 71

6.3.7 Σάρωση ασφάλειας του Browser ....................................................................................... 72

6.4 Πώς να επιδιορθώσετε ένα Hacked WordPress Website........................................................... 73

6.4.1 Δημιουργία αντιγράφων ασφαλείας .................................................................................. 73

6.4.2 Αντικαταστήστε τα αρχεία πυρήνα WordPress .................................................................. 73

6.4.3 Αλλαγή όλων των διαπιστευτηρίων σύνδεσης και Προστασία της Συνδέσεις στο WordPress (login) με SSL .......................................................................................................................... 74

6.4.4 Eπίλυση συγκεκριμένων θεμάτων ..................................................................................... 74

6.5 Συμπεράσματα ........................................................................................................................ 74

[5]

ΚΕΦΑΛΑΙΟ 7 : ΠΑΡΑΡΤΗΜΑ .............................................................................................................. 76

7.1 Παρουσίαση ιστοσελίδας ........................................................................................................ 76

Κεφαλαιο 7.2:ΒΑΣΗ ΔΕΔΟΜΕΝΩΝ ................................................................................................ 82

Κεφάλαιο 7.3: Κώδικας wordpress ................................................................................................ 83

index.php ...................................................................................................................................... 83

Header.php ................................................................................................................................... 85

Footer.php .................................................................................................................................... 90

ΚΕΦΑΛΑΙΟ 8: Πηγές Μελέτης............................................................................................................ 93

[6]

Εισαγωγή

Η πτυχιακή εργασία αναφέρεται στην ανάπτυξη ιστοσελίδας με την βοήθεια ενός CMS προγράμματος, όπως είναι το Wordpress.Το Wordpress είναι ένα σύγχρονο σύστημα διαδικτυακών δημοσιεύσεων και διαχείρισης περιεχομένου. Με άλλα λόγια, είναι ένα μέσο το οποίο μπορεί να χρησιμοποιηθεί για την δημιουργία ενός ιστότοπου (site) ή ιστολογίου (blog). Διατίθεται δωρεάν και είναι ελεύθερο λογισμικό ανοιχτού κώδικα.

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

[7]

ΚΕΦΑΛΑΙΟ 1 : ΕΙΣΑΓΩΓΗ

1.1 ΔΥΝΑΜΙΚΑ SITES Δυναμικά sites είναι τα sites τα οποία παρέχουν online ανανέωση του περιεχομένου τους (κείμενα και γραφικά), μέσω ενός κοινού browser (IE, Firefox, Chrome κτλ.). Για την λειτουργία τους απαιτούνται ¨Βάσεις Δεδομένων¨ μέσα στις οποίες αποθηκεύονται αλλά και ανακτώνται πληροφορίες κάθε σελίδας.

Για την διαχείριση του περιεχομένου ενός δυναμικού site, αρκούν κάποιες βασικές γνώσεις επεξεργασίας κειμένου (το περιβάλλον διαχείρισης μοιάζει με το Word κ.α ) και εικόνας (π.χ στα Windows: Βοηθήματα -> Ζωγραφική) .

Εκτός από τις βάσεις δεδομένων τα δυναμικά websites χρειάζονται και ένα σύστημα διαχείρισης το οποίο είναι και αυτό πρσβάσιμο από τους κοινούς και προστατεύονται με κωδικό. Αυτό το σύστημα , κοινώς Σύστημα Διαχείρισης Περιεχομένου (CMS – Content Management System) είναι ένα πρόγραμμα που μας επιτρέπει χωρίς να έχουμε γνώσεις προγραμματισμού, να μπορούμε εύκολα και γρήγορα να διαχειριζόμαστε το περιεχόμενο του site μας. Τα δυναμικά sites μπορούν επίσης να χρησιμοποιούν κινούμενες εικόνες,video, Flash Animations κτλ.

1.2 Τι είναι CMS

CMS (Content Management System) σημαίνει Σύστημα Διαχείρισης Περιεχομένου. Είναι μια ολοκληρωμένη λύση για να δημιουργήσουμε και να διαχειριστούμε μια ιστοσελίδα. Ένα σύστημα διαχείρισης περιεχομένου είναι το λογισμικό που παρακολουθεί την πορεία του κάθε κομματιού του περιεχομένου στην ιστοσελίδα σας. Το περιεχόμενο μπορεί να είναι απλό κείμενο, αναρτήσεις, φωτογραφίες, μουσική, βίντεο, έγγραφα γενικά οτιδήποτε μπορείτε να σκεφτείτε. Ένα από τα σημαντικότερα πλεονεκτήματα της χρήσης ενός CMS είναι ότι δεν είναι απαραίτητη η τεχνική δεξιότητα ή γνώση όσον αφορά τη συγγραφή κώδικα, δεδομένου ότι το CMS διαχειρίζεται όλο το περιεχόμενό. Μερικά βασικά χαρακτηριστικά που είναι κοινά σε όλα τα CMS:

Διαχωρισμός του περιεχομένου, τη δομή και το σχεδιασμό Ένα CMS βελτιώνει τη διάρκεια ζωής της ιστοσελίδας σας για τα επόμενα χρόνια. Η ορατή πλευρά προς τον επισκέπτη του site μπορεί να αλλάξει ή να δημιουργηθεί ξανά από την αρχή, αφήνοντας το υπάρχον περιεχόμενο και την αρχιτεκτονική της σελίδας ανέγγιχτη. Δεν χρειάζεται να ανησυχείτε για την αντιγραφή και επικόλληση του περιεχομένου σε έναν άλλο χώρο, απλά επιλέξτε μια νέα σχεδίαση σας και το CMS θα αλλάξει το περιεχόμενο στη νέα εμφάνιση.

Εύκολη παραγωγή περιεχομένου, δεν απαιτείται προγραμματισμός των δεξιοτήτων Εάν μπορούμε να χρησιμοποιήσουμε έναν υπολογιστή, μπορούμε να διαχειριστούμε το περιεχόμενο για την ιστοσελίδα μας. Χρησιμοποιώντας μια γραφική διεπαφή χρήστη, μπορούμε να δημιουργήσουμε αναρτήσεις με απλό κείμενο, να εισαγάγουμε εικόνες ή ένα αρχείο πολυμέσων. Τέλος αναφέρουμε και κάποια άλλα ιδιαίτερα γνωστά CMS: Blogger, Joomla, Drupal, CMS Made Simple , Typo3 κλπ

[8]

1.3 Πλεονεκτήματα Λογισμικού Ανοιχτού Κώδικα

Με ένα λογισμικό ανοιχτού κώδικα, δεν χρειάζεται να ανακαλύπτουμε τον τροχό ξανά και ξανά! Η πλειονότητα των λύσεων είναι διαθέσιμη δωρεάν για όλους, σε αντίθεση με τα κλειστά λογισμικά που απαιτούν αγορά άδειας χρήσης. Αυτό δεν συνεπάγεται μειωμένη ποιότητα υπηρεσιών. Στην πραγματικότητα, πολλές φορές τα Open Source CMS είναι πολύ πιο εξελιγμένα. Συστήματα διαχείρισης όπως είναι το Wordpress υποστηρίζονται από μια τεράστια κοινότητα που χρησιμοποιεί τα CMS για εταιρική ή προσωπική χρήση. Αυτό σημαίνει πως οποιεσδήποτε τυχόν τεχνικές δυσκολίες μπορεί να προκύψουν επιλύονται άμεσα και αποτελεσματικά με την κατεύθυνση των πιο έμπειρων μελών της κοινότητας. Συνεπώς, οποτεδήποτε αντιμετωπίσετε κάποιο σχετικό πρόβλημα ή δυσκολία, η πλέον αξιόπιστη λύση θα είναι πάντοτε στη διάθεσή σας.

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

Εύκολη επέκταση. Η φύση του ελεύθερου λογισμικού είναι ακριβώς αυτή: ο καθένας έχει τη δυνατότητα να προσθέσει λύσεις και επεκτάσεις σε αυτό. Συνεπώς, μπορεί να προσαρμοστεί εύκολα στις όποιες ανάγκες. Για παράδειγμα μπορεί αρχικά να θέλουμε απλά μια αξιοπρεπή παρουσία στο διαδίκτυο, αλλά με τον καιρό ίσως οι ανάγκες να αυξηθούν και να χρειαστεί να επεκταθούν οι πωλήσεις online. Για ένα open source λογισμικό αυτό είναι εύκολο και φθηνό. Σε αντίθετη περίπτωση, θα έπρεπε ο κατασκευαστής του αρχικού website να επεκτείνει την ιστοσελίδα, επιβαρύνοντάς φυσικά με το ανάλογο κόστος τον πελάτη.

Συνέχεια Ακόμα και αν κάποιοι επιλέξουν για διάφορους λόγους να σταματήσουν την ενασχόλησή τους με τα ελεύθερα λογισμικά ή ακόμα και με την κατασκευή ιστοσελίδων, η κοινότητα που έχει δημιουργηθεί θα συνεχίζει να τα υποστηρίζει και να τα αναπτύσσει. Υπάρχουν χιλιάδες άτομα με πάθος για το διαδίκτυο που θα είναι πάντοτε εκεί για τις ανάγκες του εκάστοτε open source CMS.

Επίσης :

είναι φιλικά προς τις μηχανές αναζήτησης είναι εύκολα στην διαχείριση από τον μέσο χρήστη είναι ασφαλή σε επιθέσεις από hackers

[9]

ΚΕΦΑΛΑΙΟ 2 : WORDPRESS

2.1 Τι είναι το Wordpress To WordPress είναι μια εφαρμογή για blogs ή ιστοσελίδες ανοικτού κώδικα που χρησιμοποιεί PHP και MySQL, η οποία μπορεί επίσης να χρησιμοποιηθεί ως σύστημα διαχείρισης περιεχομένου. Είναι μια πλατφόρμα δημιουργίας blog, γραμμένη σε PHP με την υποστήριξη μιας SQL βάσης δεδομένων από πίσω. Στα πλεονεκτήματα του συγκαταλέγονται η απλότητα του, η ευκολία στη χρήση και διαχείριση, οι ποικίλες δυνατότητες παρουσίασης και εμφάνισης. Το προϊόν διανέμεται δωρεάν στο διαδίκτυο υπό την άδεια GNU General Public License. Η πιο πρόσφατη έκδοση που κυκλοφορεί αυτή τη στιγμή που γράφεται το κείμενο είναι η 3.5.1.

Το «ανοικτό λογισμικό» είναι λογισμικό που διατίθεται δωρεάν μέσω διαδικτύου και υποστηρίζεται από μια κοινότητα χρηστών και εθελοντών. Αυτά τα συστήματα διαχείρισης αναπτύσσονται από παγκοσμίου κλάσης προγραμματιστές που είναι πρόθυμοι να μοιραστούν τις γνώσεις τους με εκατομμύρια άλλους χρήστες του διαδικτύου σε όλο τον κόσμο. Το πιο ισχυρό όπλο αυτών των συστημάτων διαχείρισης είναι η κοινότητα χρηστών τους που διαμορφώνεται και είναι σε θέση να παράσχει λύσεις σε κοινά προβλήματα. Το Wordpress έχει πολλά χαρακτηριστικά γνωρίσματα συμπεριλαμβανομένης μιας φιλικής προς το χρήστη ροής εργασίας, μιας πλούσιας αρχιτεκτονικής plugin, και ενός προηγμένου templating συστήματος.

Αρχικά ο όρος Wordpress συνδεόταν με τα blog.Ξεκίνησε ως μια πλατφόρμα για blogs, αλλά από τότε έχει εξελιχθεί σε μια πλήρη πλατφόρμα CMS. Πλέον δεν περιορίζεται για συγκεκριμένη χρήση, και τώρα είναι από τους καλύτερους τρόπους για την διαχείριση ενός website. Είναι αρκετά εύκολο στη χρήση και δεν χρειάζεται ο χρήστης να είναι ειδικός στους υπολογιστές για να καταλάβει πως λειτουργεί. Η αλλαγή περιεχομένου ή της όψη του website είναι δυνατόν να γίνει απλά με λίγα clicks.

Δεν χρειάζεται να γνωρίζει κάποιος HTML, PHP, JavaScript ή να αγοράσει ακριβά προγράμματα επεξεργασίας του web και να αφιερώσει χρόνο να μάθει την χρήση τους. Αν γνωρίζει την χρήση ενός επεξεργαστή κειμένου, μπορεί να χρησιμοποιήσει το WordPress.

Υπάρχουν, κυριολεκτικά, εκατοντάδες theme διαθέσιμα για χρήση. Τα WordPress Plugins βοηθούν να προστεθούν λειτουργίες στο website που δεν συμπεριλαμβάνονται με την βασική έκδοση του WordPress. Εάν χρειαστεί κάτι που δεν μπορεί να κάνει το WordPress, μπορεί να βρεθεί το αντίστοιχο plugin το οποίο θα κάνει αυτό που το website χρειάζεται.

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

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

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

[10]

Επίσης διατίθενται εφαρμογές για Android, iPhone,iPad,Windows Phone 7 και άλλες συσκευές οι οποίες παρέχουν πρόσβαση σε μερικές από τις δυνατότητες του πίνακα διαχείρισης του WordPress, και λειτουργούν με ιστολόγια στο WordPress.com και με πολλά σε WordPress.org.

2.3 Γιατί WordPress για τη σχεδίαση ιστοσελίδων;

Για τους παρακάτω βασικούς λόγους:

Το WordPress συμβάλλει στη σχεδίαση αποδοτικών, ευέλικτων, δυναμικών ιστοσελίδων. Το διαχειριστικό σύστημα του WordPress είναι εύχρηστο και μπορεί κανείς με απλό τρόπο να

προσθέσει, να αφαιρέσει και να τροποποιήσει το περιεχόμενο μίας ιστοσελίδας. Το WordPress ευνοεί την αλληλεπίδραση μεταξύ των επισκεπτών μίας ιστοσελίδας και των

διαχειριστών της δίνοντας ιδιαίτερη έμφαση στη σπουδαιότητα των κοινωνικών δικτύων. Το WordPress είναι πολύ φιλικό προς τις μηχανές αναζήτησης και με τη χρήση plugins

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

2.4 Wordpress Mobile Mode

Στις μέρες μας είναι πολλή διαδεδομένη η περιήγηση στο internet μέσω κινητών τηλεφώνων (smartphones), δεν θα μπορούσαμε λοιπόν να αφήσουμε το site μας χωρίς αυτή τη δυνατότητα, η οποία μάλιστα θεωρείται από τους περισσότερους απαραίτητη.

Υπάρχουν δύο τρόποι για να μπορέσουμε να μετατρέψουμε τη σελίδας μας σε μορφή τέτοια ώστε να είναι επισκέψιμη από συσκευές IPhone ή από άλλα Smartphones.

Ο πρώτος τρόπος είναι χρησιμοποιώντας κάποιο δωρεάν plug-in που μας προσφέρει το wordpress ενώ ο δεύτερος τρόπος χρησιμοποιώντας κάποια υπηρεσία επί πληρωμή. Σε αυτή τη λύση καταφεύγουμε όταν έχουμε προβλήμτα ασυμβατότητας, π.χ το template που χρησιμοποιούμε δεν μπορεί να ανταποκριθεί σε mobile mode μορφη, ή χρειαζόμαστε επιπλέον δυνατότηες για ακόμα καλύτερα αποτελέσματα από αυτά που μας προσφέρει ένα δωρεάν plug-in.

2.4.1 Mobile Wordpess με χρήση plug-in WPTouch (Downloads: 4,424,880) : Το συγκεκριμένο plugin είναι ένα από τα καλύτερα

και πιο δημοφιλή πρόσθετα για Wordpress. Η διαδικασία εγκατάστασης είναι πολύ εύκολη, δεν χρειάζεται να γράψουμε καθόλου κώδικα ούτε να κάνουμε καμία αλλαγή στο εγκατεστημένο θέμα μας. Επίσης μας δίνει τη δυνατότητα να κάνουμε κάποιες

[11]

παραμετροποιήσεις που αφορούν την εμφάνιση, να προσθέσουμε διαφημίσεις Adsense και τον κώδικα παρακολούθησης του Analytics.

WordPress Mobile Pack (Downloads: 518,871) : Το WordPress Mobile Pack είναι ένα επίσης δωρεάν plugin, το οποίο μας δίνει την δυνατότητα να κάνουμε το WordPress website μας συμβατό με κινητές συσκευές. Μεταξύ άλλων, προσφέρει Themes, Widgets, Mobile Analytics, μια ειδική έκδοση του διαχειριστικού του WordPress για κινητό και μια λειτουργία που την ονομάζετε «Mobile Switcher» η οποία δίνει την δυνατότητα αυτόματης αναγνώρισης συσκευής αλλά και δυνατότητα να επιλέγουν οι χρήστες Theme με απομνημόνευση της επιλογής τους. Η έκδοση του administration για κινητές συσκευές, επιτρέπει στον ή στους διαχειριστές να γράφουν και να επεξεργάζονται άρθρα εν κινήσει, κάτι το οποίο μπορεί να φανεί ιδιαίτερα χρήσιμο. Το Plugin δουλεύει με όλες τις τελευταίες εκδόσεις του WordPress καθώς και με το παλιότερο WordPress MU αρκεί να είναι εγκατεστημένο στα plugins και όχι στα mu_plugis.

[12]

WordPress Mobile Edition (18,840) : Το WordPress Mobile Edition είναι ένα πρόσθετο

από τον μαίτρ του WordPress, Crowd Favorite. Καταλαβαίνει αυτόματα όταν ένας χρήστης έχει συνδεθεί στην σελίδα μας από κινητή συσκευή, και εμφανίζει ένα ειδικά σχεδιασμένο πρότυπο για κινητές συσκευές.

[13]

MobilePress (198,107) : To MobilePress είναι ένα ακόμα δωρεάν πρόσθετο για το WordPress που μεταλλάσει την ιστοσελίδα μας σε πλήρως συμβατή σελίδα για κινητά. Με το Mobilepress μπορούμε να φτιάξουμε το δικό μας θέμα και να κάνουμε τις δικές μας επιλογές για την εκάστοτε κινητή συσκευή.

[14]

2.4.2 Mobile WordPress με χρήση υπηρεσιών Modify : Το mobify είναι μια από τις καλύτερες υπηρεσίες για μετατροπή της ιστοσελίδας

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

Mofuse : Όπως και το mobify, το mofuse είναι και αυτό μια καλή υπηρεσία για μετατροπή σε κινητές συσκευές. Θα μπορούσαμε να πούμε πως οι δυο υπηρεσίες είναι παρόμοιες αφού ότι επιλογές βρούμε στο modify θα βρούμε και εδώ.

[15]

WPTap : To WPTap είναι μια συλλογή από δωρεάν και επί πληρωμή θέματα ειδικά σχεδιασμένα για κινητές συσκευές. Είναι συμβατό με πολλά άλλα πρόσθετα του WordPress, ενώ υποστηρίζει και παλαιότερες συσκευές.

[16]

2.5 Worpress Tips & Hacks

Δημιουργία ένος Ajax Auto-complete πεδίου αναζήτησης

Όταν οι επισκέπτες μας κάνουν αναζητήσεις μέσω της φόρμας αναζήτησης της ιστοσελίδας μας,

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

πληκτρολογούν. Για αυτό το κόλπο θα χρειαστούμε jQuery , και το plugin autocomplete.

Στο header.php του θέματος μας προσθέτουμε το παρακάτω κομμάτι κώδικα για να

συμπλεριλάβουμε την βιβλιοθήκη και το plugin με τα css του:

Τώρα μένει να προσθέσουμε στον παρακάτω κώδικα στο σημείο $(“#ID_OF_SEARCH_INPUT_BOX”) το πραγματικό ID της φόρμας αναζήτησης της σελίδας μας, και να τον προσθέσουμε στο head ή πρίν το κλείσιμο του body στον κώδικα μας.

Εμφάνιση Adsense σε επισκέπτες από μηχανές αναζήτησης

Με τον παρακάτω κώδικα θα εμφανίζετε τα Adsense ads μόνο σε όσους έρχονται στην ιστοσελίδα

μας μέσα από search engines. Σκοπός αυτού του κόλπου είναι να μην υπάρχει θέμα με την

απενεργοποίηση των κερδών από τα click με την τεχνική του smart pricing από την Google.

Για να το κάνουμε αυτό γράφουμε στο functions.php του θέματος μας τον κώδικα:

[17]

Στον πίνακα $SE, ορίζουμε όλες τις μηχανές αναζήτησης από τις οποίες όταν έρχεται ο επισκέπτης θέλουμε να του εμφανίζουμε τις διαφημίσεις. Στο παράδειγμα υπάρχουν κάποιες βασικές μηχανές, Google, Web.Info.com, Del.icio.us, Soso.com, and Yahoo. Αμέσως μετά, γράφουμε τον παρακάτω κώδικα, όπου θέλουμε να εμφανίζουμε τις διαφημίσεις στην ιστοσελίδα μας.

Στο σημείο YOUR CODE HERE του παραπάνω κώδικα απλά βάζουμε τον κώδικα από τη διαφήμηση που θέλουμε να εμφανίζετε στο site μας.

Προσθήκη φόρμας login οπουδήποτε στη σελίδα μας

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

Αυτόματα σύντομα URL με το Bit.ly

Η προσθήκη σύντομων links προς τα άρθρα μας μπορεί να ωθήσει προς τα πάνω την κίνηση στην

σελίδα μας, αλλά με τα διάφορα όρια σε χαρακτήρες σε διάφορα social sites (όπως το όριο 140

χαρακτήρων του Twitter) τις περισσότερες φορές χαραμίζουμε πολλούς χαρακτήρες .

[18]

Με τον παρακάτω κώδικα θα δημιουργούμε έναν νέο shortlink με το Bit.ly για κάθε άρθρο που θα

γράφουμε. Στο αρχείο functions.php γράφουμε τον κώδικα:

Τώρα για να εμφανίσουμε το shortlink και να επιτρέψουμε στους επισκέπτες μας να το κάνουν copy/paste γράφουμε στο αρχείο single.php μέσα στο loop τον κώδικα:

Προβολή αύξοντα αριθμού στα posts μας

Με αυτό το κόλπο μπορούμε να βάλουμε άυξοντα αριθμό στα posts μας. Γράφουμε τον παρακάτω κώδικα στο functions.php:

Τώρα για να εμφανίσουμε τον αριθμό εκεί που θέλουμε απλά γράφουμε τον παρακάτω κώδικα μέσα στο Loop στο αρχείο που θέλουμε (index.php, single.php, κτλ).

[19]

Στυλ στα σχόλια αναλόγα με το ρόλο του χρήστη

Ένα από τα πιο παλιά κόλπα στο WordPress είναι ο διαχωρισμός των σχόλιων που προέρχονται από

χρήστες/επισκέπτες και από τους συγγραφείς/διαχειριστές της ιστοσελίδας. Έτσι είναι πολύ πιο

έυκολο να δώσουμε μια φυσική ροή στην ανάγνωση των σχολίων μας.

Το πρώτο που πρέπει να κάνουμε είναι να αντικαταστήσουμε το standard κώδικα του loop μέσα στο

αρχείο comments.php με τον παρακάτω κώδικα:

Τώρα μένει μόνο να δώσουμε στυλ στους διαφορετικούς τύπους σχολίων. Ένα παράδειγμα για τον

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

[20]

ΚΕΦΑΛΑΙΟ 3: ΕΡΓΑΛΕΙΑ ΠΟΥ ΧΡΗΣΙΜΟΠΟΙΗΘΗΚΑΝ

Εγκατάσταση PSPAD Εγκατάσταση ΧΑAMP

PHP MySql Apache Server

Σε αυτό το κεφάλαιο αναλύουμε τις προϋποθέσεις που πρέπει να υπάρχουν στον πάροχό μας έτσι ώστε να μπορούμε να φορτώσουμε σε αυτόν ένα CMS. Πληροφορίες δίνονται για την γλώσσα php για το εξελιγμένο σύστημα βάσεων δεδομένων MySQL και για τον δικτυακό διακομιστή Apache Server.Επίσης παρουσιάζεται ένα από τα πιο γνωστά προγράμματα για την εγκατάσταση των παραπάνω. Οι οδηγίες δίνονται βήμα βήμα με φωτογραφίες και τις κατάλληλες επεξηγήσεις.

3.1 Εγκατάσταση PSPAD Το PSPad είναι ένα δωρεάν πρόγραμμα επεξεργασίας κώδικα, που μπορούμε να προβάλουμε όλα τα αρχεία και να κάνουμε οποιαδήποτε αλλαγή χρειαστεί. Συνεργάζεται με διάφορα περιβάλλοντα προγραμματισμού, έχει την δυνατότητα να τονίζει τη σύνταξη στον κώδικα. Είναι ένα εργαλείο με απλές ρυθμίσεις και πολλές δυνατότητες και προσφέρει εμπλουτισμένο κείμενο με λειτουργίες μορφοποίησης. Το πρόγραμμα έρχεται με μία πληθώρα extensios (πρόσθετα) από scripts, user convertors, και syntax definition.

Παρακάτω ακολουθούμε αναλυτικά τα βήματα εγκατάστασης του PSPAD.

To πρόγραμμα μπορούμε να το βρούμε στο http://www.pspad.com/ . Αφού το κατεβάσουμε πατάμε πάνω του ώστε να ξεκινήσει η εγκατάσταση.

Εικόνα 1. Πατάμε Accept

[21]

Εικόνα 2. Ξε τσεκάρουμε και πατάμε Next

Εικόνα 3. Περιμένουμε να ολοκληρωθεί το downloading

[22]

Εικόνα 4. Πατάμε next

Εικόνα 5. Κάνουμε αποδοχή των όρων και πατάμε next

[23]

Εικόνα 6. Επιλέγουμε την περιοχή που θέλουμε να αποθηκευτεί το πρόγραμμα μας και πατάμε next

Εικόνα 7. Αφήνουμε όλες τις επιλογές τσεκαρισμένες και πατάμε next

[24]

Εικόνα 8. Πατάμε next

Εικόνα 9. Αφήνουμε ως έχει και πατάμε next

[25]

Εικόνα 10. Πατάμε install

Εικόνα 11. Περιμένουμε μέχρι να ολοκληρωθεί το installation

[26]

Εικόνα 12. Πατάμε Finish, κάνουμε επανεκκίνηση στον υπολογιστή μας και είμαστε έτοιμοι να χρησιμοποιήσουμε το PSPad

Εικόνα 13. PSPad

Το PSPad μας βοηθάει σε περίπτωση που έχουμε οποιαδήποτε απορία όσο αναφορά τη σύνταξη μια εντολής, π.χ της READ, τοποθετώντας τον κέρσορα πάνω στο όνομα της εντολής και πατώντας ALT+F1 αν υπαρχεί κάποιο συντακτικό λάθος να το εμφανίσει και να το διορθώσει.

[27]

3.2 ΧΑΑΜP

3.2.1 Τι είναι η PHP;

Η ΡΗΡ είναι μια ευρέως διαδεδομένη γλώσσα προγραμματισμού ειδικά σχεδιασμένη για το Web, και ειδικότερα για τη δυναμική δημιουργία ιστοσελίδων αλλά είναι κατάλληλη για την ανάπτυξη και άλλων προγραμμάτων. Μέσα σε μια HTML σελίδα μπορούμε να ενσωματώσουμε PHP κώδικα που θα εκτελείται κάθε φορά που θα επισκεπτόμαστε τη σελίδα μας. Ο ΡΗΡ κώδικας μεταφράζεται στον Web διακομιστή και δημιουργεί μια HTML ή άλλη έξοδο που θα δει ο επισκέπτης. Με τη χρήση της PHP δημιουργούνται όλα τα Wordpress Blogs, όπως επίσης με τη χρήση της PHP έχουν δημιουργηθεί και πολλά από τα πιο διάσημα sites, π.χ: Facebook, Wikipedia, Yahoo, Apple και πολλά άλλα. Μπορείτε επίσης, τον κώδικα να τον χρησιμοποιήσετε, να τον τροποποιήσετε και να τον μοιραστείτε με άλλους χρήστες χωρίς καμία απολύτως χρέωση. Τέλος το συντακτικό της PHP ενσωματώνει χαρακτητιστικά και από άλλες γλώσσες προγραμματισμού όπως τη Java, τη C και την Perl.

3.2.2 Το ξεκίνημα και η εξέλιξη της PHP Το 1994 ήταν η χρονιά που δημιουργήθηκε η ΡΗΡ, όπου ήταν αρχικά η δουλειά ενός ατόμου και συγκεκριμένα του Rasmus Lerdorf. Το 2011 ήταν σε χρήση περίπου σε δέκα εκατομμύρια τομείς παγκόσμια και αυτός ο αριθμός αυξάνεται γρήγορα. Το όνομα ΡΗΡ/FI, όπως αρχικά ονομάστηκε η PHP, σήμαινε Personal Home Page/Form Interpreter ( προσωπική αρχική σελίδα ), αλλά στη συνέχεια άλλαξε σύμφωνα με μια σύμβαση, τη GNU και τώρα τα αρχικά PHP σημαίνουν Hypertext Preprocessor (προεπεξεργαστής κειμένου PHP ). Η σημερινή βασική έκδοση που χρησιμοποιείται κατά κόρον, όπως φαίνεται και παρακάτω είναι η ΡΗΡ 5.

Εικόνα 14. Πηγή: piwigo.wordpress.com

[28]

3.2.3 Πλεονεκτήματα της PHP Κάποιοι από τους βασικούς ανταγωνιστές της ΡΗΡ είναι: HTML, Microsoft Active Server Pages (ASP) , Java Server Pages ( JSP ) και Allaire Cold Fusion . Σε σύγκριση με αυτά τα προϊόντα, η ΡΗΡ έχει πολλά πλεονεκτήματα όπως :

Υψηλή απόδοση Γλώσσα ανοιχτού κώδικα (Open Source) Συνδέσεις για πολλά συστήματα βάσεων δεδομένων

Η ΡΗΡ έχει τη δυνατότητα να πραγματοποιήσει συνδέσεις με πολλά συστήματα βάσεων δεδομένων. Εκτός από την MySQL, μπορεί να συνδεθεί απευθείας με βάσεις δεδομένων όπως PostgreSQL, mSQL, Oracle, Sybase, filePro, Informix, InterBase καθώς και άλλες. Χρησιμοποιώντας το ODBC (Open Database Connectivity Standard)μπορεί να συνδεθεί σε οποιαδήποτε βάση δεδομένων που παρέχει ένα πρόγραμμα οδήγησης ODBC . Αυτό εκτός των άλλων περιλαμβάνει και τα προϊόντα της Microsoft products .

Ενσωματωμένες βιβλιοθήκες Λόγω του ότι η ΡΗΡ σχεδιάστηκε για το Web , έχει πολλές ενσωματωμένες βιβλιοθήκες , που βοηθούν στο να εκτελούνται πολλές λειτουργίες σχετικές με το Web όπως το ηλεκτρονικό ταχυδρομείο η δημιουργία εικόνων GIF δυναμικά, τα cookies, σύνδεση με άλλες υπηρεσίες δικτύων ή και αποστολή ηλεκτρονικού ταχυδρομείου και δημιουργία PDF εγγράφων.

Χαμηλό κόστος Ευκολία μάθησης και χρήσης Μεταφερσιμότητα

Η ΡΗΡ είναι διαθέσιμη για πολλά λειτουργικά συστήματα . Μπορείτε να γράψετε κώδικα ΡΗΡ για δωρεάν συστήματα τύπου Unix , όπως LINUX και FreeBSD , για εμπορικές εκδώσεις του UNIX , όπως το Solaris και το IRIX ή για διαφορετικές εκδόσεις των Microsoft Windows. Ο κώδικα συνήθως θα δουλεύει χωρίς αλλαγές στα συστήματα που τρέχουν την ΡΗΡ. Το βασικό όμως πλεονέκτημα της PHP είναι ότι λειτουργεί δυναμικά, πράγμα που σημαίνει ότι τα δεδομένα της ιστοσελίδας μπορούν να ανανεώνονται ή να αλλάζουν με εντολή του χρήστη κάτι το οποίο δεν συμβαίνει π.χ στην HTML αφού είναι στατική γλώσσα. Ακόμα η PHP έχει τη δυνατότητα να χρησιμοποιηθεί από όλα τα λειτουργικά συστήματα όπως Microsoft Windows, Mac Os, RISC Os ακόμα και από Linux. Όπως επίσης μπορεί να υποστηρίξει σχεδόν όλους τους webservers συμπεριλαμβανομένων των Apache, Personal Web Server, Netscape, Xitami, iPlanet. Επίσης η ΡΗΡ είναι πολύ αποτελεσματική. Με ένα φθηνό διακομιστή μπορούν να εξυπηρετηθούν εκατομμύρια επισκέψεων καθημερινά. Στο παρακάτω γράφημα παρουσιάζονται κάποια στοιχεία για το πόσο διαδεδομένη είναι η PHP σε σχέση με άλλες γλώσσες προγραμματισμού.

Εικόνα 15. Πηγή: webadvent.org

[29]

3.3 ΒΑΣΕΙΣ ΔΕΔΟΜΕΝΩΝ

3.3.1 Τι είναι η MySQL;

Η MySQL είναι ένα πολύ δυνατό και γρήγορο, σύστημα διαχείρισης βάσεων δεδομένων. Μια βάση δεδομένων επιτρέπει να αποθηκεύει , να αναζητάει, να ταξινομεί και να ανακαλεί τα δεδομένα που επιθυμεί ένας χρήστης πολύ αποτελεσματικά . Ο MySQL διακομιστής ελέγχει την πρόσβαση στα δεδομένα, για να μπορούν να δουλεύουν πολλοί χρήστες ταυτόχρονα , για να παρέχει γρήγορη πρόσβαση και να διασφαλίζει ότι μόνο πιστοποιημένοι χρήστες μπορούν να έχουν πρόσβαση. Άρα η MySQL είναι ένας πολυνηματικός διακομιστής πολλαπλών χρηστών. Χρησιμοποιεί την SQL (Structured Query Language ) την τυπική γλώσσα ερωτημάτων για βάσεις δεδομένων. H MySQL μετρά πάνω από 11 εκατομμύρια χρήστες παγκοσμίως, είναι διαθέσιμη από το 1996 αν και η ιστορίας της ξεκινά από το 1979.

3.3.2 Πλεονεκτήματα της MySQL Οι κυριότεροι ανταγωνιστές της MySQL είναι οι PostgreSQL, Microsoft SQL και Oracle. H MySQL έχει σαφώς πολλά πλεονεκτήματα, όπως εύκολη διαμόρφωση και μάθηση, χαμηλό κόστος και ο κώδικας προέλευσης είναι διαθέσιμος. Η MySQL είναι χωρίς αμφιβολία πολύ γρηγορότερη από τους ανταγωνιστές της. Μπορείτε να δείτε την σελίδα δοκιμών http://web.mysql.com/benchmark.html.

[30]

3.4 Apache Web Server

3.4.1 Τι είναι ο Apache Web Server Ο Apache Web Server είναι ένας από τους δημοφιλέστερους Web Server άλλα όχι και ο γρηγορότερος σύμφωνα και με τα ιδρυτικά μέλη του WordPress. Μερικοί από τους κύριους ανταγωνιστές του είναι Microsoft Internet Information Services, Nginx web server, Apache Tomcat, Netscape Web Server, LiteSpeed Web Server, Oracle κ.α. Ουσιαστικά είναι ένας server του παγκόσμιου Ιστού (Web) και πιο συγκεκριμένα είναι το λογισμικό (software) που χρησιμοποιεί o server. Επίσης είναι πρόγραμμα ελεύθερου λογισμικού και μπορεί να εγκατασταθεί σε έναν υπολογιστή ο οποίος μπορεί να χρησιμοποιεί διάφορα λειτουργικά συστήματα όπως Microsoft Windows, Mac OS X, Unix, Linux, OS/2, GNU, FreeBSD, Solaris, TPF. Ο ρόλος του Apache είναι να περιμένει αιτήσεις από διάφορα προγράμματα – χρήστες (clients) όπως είναι ένας ο φυλλομετρητής (browser) ενός χρήστη και στη συνέχεια να εξυπηρετεί αυτές τις αιτήσεις «σερβίροντας» τις σελίδες που ζητούν είτε απευθείας μέσω μιας ηλεκτρονικής διεύθυνσης (URL), είτε μέσω ενός συνδέσμου (link). Σύμφωνα με τα πρότυπα που ορίζει το πρωτόκολλο HTTP (Hypertext Transfer Protocol) ο Apache εξυπηρετεί αυτές τις αιτήσεις. Τέλος για να γίνει ο Apache Web Server ακόμα γρηγορότερος υπάρχουν κάποια προγράμματα που με τη χρήση εργαλείων caching μπορεί κάποιος να πετύχει ακόμα καλύτερα αποτελέσματα.

3.4.2 Το ξεκίνημα και η εξέλιξη του Apache Ο Apache αρχικά δημιουργήθηκε για να χρησιμοποιηθεί στους κεντρικούς υπολογιστές Unix. Η πρώτη έκδοση του προγράμματος δημιουργήθηκε από τον Robert McCool, το 1993, ως ένα project του National Center for Supercomputing Applications (NCSA) με το όνομα HTTPd (HTTP daemon). Όπου θεωρείται ότι έπαιξε καθοριστικό ρόλο στην αρχική επέκταση του παγκόσμιου ιστού. Το 1995 και μετά την αποχώρηση του Robert McCool από το NCSA, ανέλαβε το πρόγραμμα το Ίδρυμα Λογισμικού Apache (Apache Software Foundation), το οποίο διατηρεί την εποπτεία του έως και σήμερα.

[31]

Από το 1996 έως το 2006 επικρατούσε κατά κόρον, από εκεί και έπειτα άρχισε να μειώνεται το ποσοστό λόγο κυρίως του Microsoft Internet Information Services. Ακόμα όμως μέχρι και σήμερα παραμένει ο πιο δημοφιλής και το ποσοστό του κυμαίνεται στο 60% στο σύνολο των ιστότοπων. Παρακάτω φαίνεται η δημοτικότητα του Apache Web Server έναντι των υπολοίπων web servers

Εικόνα 16. Πηγή blog.monitis.com

3.4.3 Χαρακτηριστικά και λειτουργίες του Apache HTTP Οι δυνατότητες του προγράμματος αυτού καθαυτού και τα χαρακτηριστικά του δεν είναι και τόσο πολλά. Όμως ο Apache διαθέτει ποικιλία χαρακτηριστικών και μπορεί να υποστηρίξει ένα μεγάλο εύρος εφαρμογών με τις οποίες και συνεργάζεται άψογα. Ένα από τα βασικότερα χαρακτηριστικά του όμως, είναι ότι μπορεί να προσαρμόσει επάνω του πολλές προσθήκες προγραμμάτων (modules), τα οποία με τη σειρά τους παρέχουν διαφορετικές λειτουργίες. Μερικά από τα πιο δημοφιλή modules του Apache HTTP είναι τα modules πιστοποίησης, όπως για παράδειγμα τα mod_auth, mod_access, mod_digest κ.λπ. Παρέχει ακόμα proxy module (mod_proxy), SSL σε TLS μέσω των (mod_ssl), και πραγματοποιεί μέσω του mod_rewrite ανακατευθύνσεις διευθύνσεων (URL rewrites), συμπίεση αρχείων μέσω του mod_gzip καταγραφές συνδέσεων μέσω του mod_log_config και πολλά άλλα modules τα οποία προσφέρονται είτε απ’ το Apache Software Foundation, είτε από άλλες εταιρίες λογισμικού. Μια ακόμα δυνατότητα του Apache HTTP, όπως αναφέρικε παραπάνω, είναι ότι μπορεί να εγκατασταθεί σε διάφορα λειτουργικά συστήματα. Τέλος ο Apache HTTP υποστηρίζει επίσης αρκετές διάσημες εφαρμογές και πολλές γλώσσες προγραμματισμού όπως MySQL, PHP, Perl, Python κ.λπ. Αυτές είναι μερικές από τις δυνατότητες - λειτουργίες που κάνουν τον Apache τον πιο δημοφιλή Web Server από το 1996 έως τις μέρες μας.

[32]

3.5 Εγκατάσταση XAAMP (Apache, MySQL, PHP Server ) ΧΑΑΜΡ

Για την τοπική εγκατάσταση στον υπολογιστή μας θα χρειαστούμε ένα πρόγραμμα το οποίο θα κάνει

τον υπολογιστή μας να συμπεριφέρεται σαν web server. Ένα πρόγραμμα που το επιτρέπει αυτό είναι

το XAMPP .

Αρχίζουμε λοιπόν κατεβάζοντας το XAMPP και κάνουμε εγκατάσταση στον υπολογιστή μας. Κατεβάζουμε το XAMPP 1.6.4 από τη διεύθυνση : http://www.apachefriends.org/download.php?xampp-win32-1.6.4-installer.exe

Εικόνα 17. Κάνουμε το XAMPP extract στο σκληρό μας δίσκο και έπειτα πατάμε Install.

Εικόνα 18. Πατάμε Next

[33]

Εικόνα 19. Επιλέγουμε το path που θα το εγκαταστήσουμε.

Εικόνα 20. Πατάμε install

[34]

Εικόνα 21. Πατάμε Finish

[35]

Αφού ολοκληρώσουμε την εγκατάσταση ανοίγουμε το κέντρο ελέγχου του XAMPP από το εικονίδιο

στην επιφάνεια εργασίας μας.

Εικόνα 22. Πατάμε τα κουμπιά Start που βρίσκονται δίπλα στο module Apache και MySql

Πληκτρολογώντας στον browser μας το «Localhost/xampp/index.php» μας εμφανίζεται η παρακάτω εικόνα

[36]

Εικόνα 23. Localhost/xampp/index.php

3.6 FIREBUG Προτού προβούμε στην εγκατάσταση της πλατφόρμας του Wordpress, κάνουμε install το Firebug ένα εργαλείο το οποίο θα μας βοηθήσει πάρα πολύ στην δημιουργία της ιστοσελίδας μας.

Το Firebug είναι ένα Firefox addon που με ένα κλικ mας παρέχει μια σειρά εργαλείων web development, επιτρέποντάς σας να επεξεργαστείτε οποιαδήποτε σελίδα σε πραγματικό χρόνο. «Κάθεται» στη μπάρα (statusbar) του Firefox και ενεργοποιείται μόνο όταν το καλέσουμε. Τα βασικά χαρακτηριστικά του περιλαμβάνουν τα εξής:

Έλεγχος και επεξεργασία της HTML. Έλεγχος και επεξεργασία των CSS. Εργαλεία ελέγχου και απασφαλμάτωσης Επεκτασιμότητα. Συνεχής ανάπτυξη.

[38]

ΚΕΦΑΛΑΙΟ 4 : Στήσιμο της πλατφόρμας WordPress

4.1 Βάση Δεδομένων

Αφού έχουμε εγκαταστήσει τα πάντα σωστά, τώρα θα χρειαστεί να δημιουργήσουμε μια βάση

δεδομένων για την ιστοσελίδα. Αυτό το κάνουμε ανοίγοντας τον browser, και πληκτρολογώντας

http://localhost/phpmyadmin/ στην γραμμή διεύθυνσης. Η διεύθυνση αυτή θα μας πάει στο κέντρο

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

Στο πεδίο Create new database θα προσθέσουμε το όνομα της βάσης μας και θα πατήσουμε create

Τώρα χρειάζεται να προσθέσουμε και έναν χρήστη στην βάση μας. Αυτό το κάνουμε πηγαίνοντας στην καρτέλα Privileges και πατώντας Add new user.

[39]

Σε αυτήν την φόρμα θα προσθέσουμε τα στοιχεία που θέλουμε. Το username, το password, και θα επιλέξουμε το Check All, ώστε να δώσουμε πλήρη δικαιώματα στην χρήστη. Τέλος πατάμε το Go που βρίσκεται κάτω δεξιά.

Όνομα χρήστη:epp1839 Κωδικός Πρόσβασης:falalas3532

[40]

Έτσι λοιπόν έχουμε την βάση μας και τον χρήστη. Ας προχωρήσουμε στην εγκατάσταση.

4.2 Εγκατάσταση

Κατεβάζουμε το WordPress από το http://wordpress.com/ και κάνουμε αποσυμπίεση του αρχείου.

Στον υπολογιστή μας θα πάμε στην τοποθεσία που κάναμε εγκατάσταση το XAMPP και θα ανοίξουμε

τον φάκελο. Μέσα θα βρούμε έναν φάκελο με το όνομα httdocs. Μέσα σε αυτόν τον φάκελο θα

δημιουργήσουμε έναν φάκελο με το όνομα Wordpress. Ο φάκελος αυτός είναι ουσιαστικά η

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

φάκελο Wordpress.

Έτσι μόλις τελειώσει η αντιγραφή, αν επισκεφτούμε το http://localhost/wp/ θα ξεκινήσουμε την διαδικασία εγκατάστασης.

[41]

Το WordPress μας υποδέχεται με ένα error. Απλά πατάμε το Create a Configuration File.

Στο επόμενο βήμα πατάμε Let’s Go!

Ορίζουμε τα στοιχεία της βάσης δεδομένων που δημιουργήσαμε νωρίτερα και πατάμε Submit και Run

the Install

[42]

Ορίζουμε τον τίτλο της σελίδας μας, προσθέτουμε το email και έπειτα επιλέγουμε Install Wordpress.

[43]

Μόλις τελειώσει η εγκατάσταση, το WordPress θα μας επιστρέψει το username και το password. Καλό είναι το password να το αποθηκεύσουμε κάπου, αφού θα το χρειαστούμε τουλάχιστον μια φορά για να εισέλθουμε στην σελίδα διαχείρισης. Πατώντας Log In θα βρεθούμε στην σελίδα εισόδου για την περιοχή διαχείρισης του ιστότοπου μας (http://localhost/wordpress/wp-login.php).

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

Μπορούμε να δούμε πλέον την σελίδα μας στο http://localhost/wp/ ενώ μπορούμε να εισέλθουμε

στην διαχείριση στο http://localhost/wp/wp-admin.

- http://localhost/wp/ -

[44]

http://localhost/wp/wp-admin

4.3 Διαχείριση

4.3.1 Admin Panel Μέσα από το admin panel διαχειριζόμαστε τα πάντα σε ότι αφορά το site μας καθώς και ρυθμίσεις που αφορούν την πλατφόρμα. Παρακάτω θα εξηγήσουμε συνοπτικά τις λειτουργίες του κάθε μενού καθώς θα αναλυθούν περισσότερο παρακάτω στον σχεδιασμό της ιστοσελίδας μας.

Posts

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

Add New : Προσθήκη νέου άρθρου Categories : Δημιουργία, επεξεργασία, διαγραφή

[45]

Media

Library : Η βιβλιοθήκη που περιέχει όλες τις εικόνες ή video που υπάρχουν μέσα στα άρθρα

Add New : Προσθήκη αρχείων στη βιβλιοθήκη

Links

All Links : Μας εμφανίζει όλους του διαθέσιμους συνδέσμους και μας δίνει τη δυνατότητα για επεξεργασία ή διαγραφή τους

Add New : Προσθήκη νέου συνδέσμου Link Categories : Δημιουργία κατηγοριών για τους

συνδέσμους μας, για ευκολότερη αναζήτηση τους

Pages

All Pages : Εμφάνιση όλων των σελίδων μας και δυνατότητα για επεξεργασία ή διαγραφή τους

Add New : Δημιουργία νέας σελίδας (π.χ Επικοινωνία)

Comments:

Διαχείριση σχολίων (επεξεργασία, διαγραφή, αποδοχή)

Welcome Inn:

Επιπλέον επιλογές που μας δίνει το theme που έχουμε εγκαταστήσει

Appearance

Themes : Διαχείριση των themes (ενεργοποίηση, επεξεργασία, διαγραφή)

Widgets : Διαχείριση των widgets, εργαλείων που μας βοηθούν στο στήσιμο της σελίδας μας

Menus : Διαχείριση των menus (δημιουργία, επεξεργασία, διαγραφή)

Editor : Επεξεργασία με χρήση κώδικα PHP των αρχείων του theme

[46]

Plug-ins

Installed : Διαχείριση των ήδη εγκατεστημένων Plug-ins

Add New : Προσθήκη νέου Plug-in Editor : Επεξεργασία με χρήση κώδικα των Plug-ins

Users

All Users : Εμφάνιση και επεξεργασία όλων των χρηστών

Add New : Προσθήκη νέου χρήστη Your Profile : Διαχείριση του δικού μας προφίλ

Tools

Available Tools : Εμφάνιση όλων των διαθέσιμων εργαλείων

Import : Εισαγωγή νέων άρθρων, σχολείων, χρηστών από άλλες πλατφόρμες

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

Settings

General : Γενικές ρυθμίσεις του Wordpress, όπως Τίτλος,URL, E-mail Address ,Time zone ,κ.α

Writing : Ρυθμίσεις για το μέγεθος και το format του άρθρου που φαίνετε στη κεντρική σελίδα όπως επίσης και για τα άρθρα που στέλνονται μέσω email

Reading : Ρυθμίσεις για το τι θα φαίνεται στη πρώτη σελίδα

Discussion : Ρυθμίσεις για τα σχόλια και της ειδοποιήσεις

Media : Ρυθμίσεις μεγέθους για εικόνες

[47]

Privacy : Ρύθμιση για το αν θα φαίνεται τι site μας στις μηχανές αναζήτησης Permalinks : Καθορισμός εμφάνισης των κατηγοριών στη γραμμή διευθύνσεων

Όπως αναφέραμε παραπάνω, το Wordpress έχει άπειρα themes και plugins που μπορούμε να βρούμε στο internet. Για τις ανάγκες τις δικές μας, επιλέξαμε ένα theme ( Welcome Inn) το οποίο αντιπροσώπευε μια ιστοσελίδα για ξενοδοχειακή μονάδα.

4.3.2 Εγκατάσταση Θέματος Επιλέγοντας στο μενού Appearance -> Themes (Εμφάνιση -> Θέματα) μπορούμε να δούμε την λίστα με τα themes.

Επιλέγουμε Add New Themes(Προσθήκη Νέου) από την μπάρα πλοήγησης, ή πατάμε το κουμπί Add New που βρίσκεται δίπλα από τον τίτλο Manage Themes.

Έχοντας ήδη κατεβάσει το θέμα που έχουμε επιλέξει, πατάμε το κουμπί upload. Προσοχή το θέμα μας πρέπει να είναι συμπιεσμένο σε μορφή zip.Έπειτα το επιλέγουμε από την περιοχή που το έχουμε αποθηκεύσει στον υπολογιστή μας και κάνουμε install.

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

[48]

Επιλέγοντας στο μενού Appearance>Themes (Εμφάνιση>Θέματα) μπορούμε να δούμε στην λίστα και το θέμα που μόλις εγκαταστήσαμε. Το μόνο που μένει τώρα είναι να το ενεργοποιήσουμε πατώντας το Activate (Ενεργοποιήση).

Το theme μας είναι πλέον ενεργοποιημένο και τώρα το WordPress μας δίνει τη δυνατότητα να ασχοληθούμε με τα option του συγκεκριμένου θέματος.

[49]

Ας δούμε λοιπόν και την επιλογή που έχουμε στο μενού Apprearance σχετικά με τον Editor του Wordpress.

Στον Editor, μπορούμε να επεξεργαστούμε τον κώδικα του Wordpress και το design της ιστοσελίδας μας. Εμβαθύνουμε περισσότερο μέσα στον κώδικα και μπορούμε να κάνουμε ότι αλλαγές θέλουμε. Αυτό είναι το καλό με τα open source programs. Ο κώδικας δημιουργίας δεν είναι κρυφός και έτσι

[50]

μπορεί να προβεί ο οποιοσδήποτε σε βελτιώσεις και αλλαγές στο κομμάτι του web development και web design.

4.3.3 Δημιουργία της Ιστοσελίδας Έχοντας εγκαταστήσει το theme έχουμε μια πρώτη εικόνα της ιστοσελίδας.

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

4.3.4 Δημιουργία MENU Για να δημιουργήσουμε το menu, επιλέγουμε από την αριστερή στήλη Appearance και πατάμε την επιλογή Menu.

Για την δημιουργία μιας κατηγορίας στο menu, πρέπει πρώτα να δημιουργήσουμε τη κατηγορία. Επιλέγουμε Pages->Add new και εμφανίζεται η παρακάτω εικόνα:

[51]

Πληκτρολογούμε τον τίτλο της κατηγορίας (για παράδειγμα ‘Σχετικά με εμάς’) στην συγκεκριμένη περίπτωση, και τοποθετούμε το κείμενο και τις εικόνες που θέλουμε ακριβώς από κάτω, στον HTML Editor.

Στο Wordpress, δίνεται η δυνατότητα να προσθέσουμε το κείμενο ή την εικόνα που θέλουμε με 2 τρόπους. Είτε με το Visual (οπτικό) είτε με τον HTML Editor. Με τον οπτικό τρόπο απλά επιλέγουμε την εικόνα που θέλουμε και την τραβάμε πάνω στον editor. Επιλέγοντας τον HTML editor, μας εμφανίζεται ο κώδικας του συγκεκριμένου κομματιού κα μπορούμε να επεξεργαστούμε την εικόνα ή το κείμενο, για παράδειγμα να αυξήσουμε το width ή το height της εικόνας ή να κάνουμε το κείμενο bold, να το χωρίσουμε σε παραγράφους και ούτω καθεξής.

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

[52]

Με τον ίδιο ακριβώς τρόπο δηλαδή από το αριστερό Admin Panel επιλέγω Pages->Add new και δημιουργώ και τις υπόλοιπες κατηγορίες της σελίδας μας.

Αναλυτικότερα δημιουργήσαμε τις εξής κατηγορίες/σελίδες :

Αρχική Σχετικά με εμάς Τιμοκατάλογος Που Βρισκόμαστε Κρατήσεις Επικοινωνία

Πλέον θα έχουμε αυτό το αποτέλεσμα

4.3.5 Media library H Media Library είναι μια βιβλιοθήκη στην οποία αποθηκεύονται οι εικόνες, η μουσική, τα

βίντεο που ανεβάζουμε σε κάθε άρθρο. Μπορούμε να ανεβάσουμε υλικό κ για μελλοντική χρήση. Το κάθε αντικείμενο έχει δικό του link για να μπορούμε εύκολα να το τοποθετούμε μέσα στο άρθρο στο σημείο που θέλουμε με κώδικα ΗΤΜL. Παρακάτω απεικονίζεται η βιβλιοθήκη με τα αντικείμενα που έχουμε εισάγει.

[53]

Για να εισάγουμε ένα αντικείμενο μέσα στο άρθρο πατάμε το μαύρο τετραγωνάκι με την ταμπέλα add media.

Επιλέγουμε το αντικείμενο που θέλουμε κ αυτόματα ανοίγουν οι ιδιότητες του. Μπορούμε να αλλάξουμε τίτλο, μέγεθος που θα εμφανιστεί στο άρθρο και σε ποιό σημείο του άρθρου θα εμφανιστεί. Πατώντας το κουμπί Insert into post το αντικείμενο προστίθεται στο άρθρο μας.

[55]

Κεφάλαιο 5: WordPress SEO

Κεφάλαιο 5.1: Εισαγωγή στο SEO

Τι είναι το SEO;

Ο όρος SEO προέρχεται από τα αρχικά των λέξεων Search Engine Optimization ή αλλιώς στα ελληνικά Βελτιστοποίηση (Ιστοσελίδων) για τις Μηχανές Αναζήτησης. Το SEO λοιπόν είναι οι διαδικασίες και οι επεμβάσεις που γίνονται σε μια ιστοσελίδα με σκοπό να είναι καλύτερα ορατή στις μηχανές αναζήτησης ώστε να εμφανίζεται υψηλότερα στα αποτελέσματα τους και φυσικά έτσι να επέλθει η πολυπόθητη αύξηση επισκεπτών.

Το SEO πολλές φορές μπερδεύεται εντέχνως από τις εταιρείες που το παρέχουν με το Search Engine Marketing (SEM). Το μάρκετιγνκ μέσω των μηχανών αναζήτησης είναι κάτι το τελείως διαφορετικό! Το SEM είναι η τοποθέτηση διαφημίσεων (φωτογραφίες, links κλπ.) με πληρωμή. Αυτό μπορεί να γίνει είτε μέσω εταιρειών που προσφέρουν αυτές της υπηρεσίες (πχ. Adwords) είτε σε συνεννόηση με τους ιδιοκτήτες σελίδων απευθείας (πχ. Paid links κλπ.). Το SEM και το SEO μπορούν να συνυπάρξουν αλλά δεν είναι το απαραίτητο αυτό.

Παράγοντες που επηρεάζουν την θέση σας στις μηχανές αναζήτησης

Το SEO χωρίζεται από τους ειδικούς σε τρεις μεγάλες κατηγορίες, on-page optimization, of-page βελτιστοποίηση και conversion. Με τον όρο on-page optimization (βελτιστοποίηση εντός της σελίδας) εννοούμε τα κείμενα, τις φωτογραφίες, τον κώδικα και την δομή της σελίδας σας. Ο όρος of-page optimization αναφέρεται σε όλους τους παράγοντες που επηρεάζουν την κατάταξη της σελίδας σας αλλά βρίσκονται εκτός αυτής. Στις περισσότερες περιπτώσεις με τον όρο βελτιστοποίησης εκτός σελίδας εννοούμε τους εισερχόμενους συνδέσμους προς εσάς από άλλες ιστοσελίδες και τα κοινωνικά δίκτυα (όπως το Facebook, Twitter, Google Plus κλπ.). Με τον όρο conversion (μετατροπή) αναφέρεται στο πόσο αποτελεσματική είναι η ιστοσελίδα μας στο να προκαλέσει τους χρήστες να προβούν σε μια πράξη (για παράδειγμα, να ολοκληρώσουν μια πώληση, να πατήσουν σε μία διαφήμιση, και επικοινωνήσουν μαζί μας ή οτιδήποτε άλλο έχουμε θέσει εμείς ως στόχο).

[56]

Παράγοντες στην ιστοσελίδα σας που επηρεάζουν το SEO

Το κυρίως κείμενο που βρίσκεται στην σελίδα. Το title tag καθώς και τα meta tags keywords και description. Οι κεφαλίδες (h1, h2, h3 tags). Ο κώδικας της σελίδας (html και css). Πόσο καθαρογραμμένος και σωστά δομημένος είναι. Οι φωτογραφίες που βρίσκονται στην σελίδα, το όνομά τους και η χρήση του alt tag. Διάφορα χαρακτηριστικά στα κείμενα μας όπως μαυρισμένες λέξεις (bold), οι

υπογραμμισμένες (underline) και η χρήση της πλάγιας γραφής (italic). Η χρήση των rel dofollow και nofollow στους συνδέσμους μας. Το μέγεθος των αρχείων την σελίδας μας (στις φωτογραφίες για παράδειγμα) και ο χρόνος

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

Το καθένα από αυτά έχει διαφορετική βαρύτητα. Σίγουρα κάθε σελίδα θα πρέπει να κάνει σωστή χρήση των meta tags, να περιέχει φωτογραφίες με λέξεις κλειδιά στο όνομα και στο alt tag και να μην αργεί να φορτώσει!

Παράγοντες εκτός της σελίδας σας

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

Οι εξωτερικοί σύνδεσμοι προς την σελίδα μας (γνωστά και ως backlinks) και η δημιουργία τους είναι μια διαδικασία που θεωρητικά δε σταματάει ποτέ. Όσο περισσότερο χτίζουμε backlinks για την ιστοσελίδα μας τόσο καλύτερα. Φυσικά δεν είναι τόσο απλό!

Κεφάλαιο 5.2: Λέξεις κλειδιά, βασικές ρυθμίσεις και μόνιμοι σύνδεσμοι στο WordPress

Εντοπίζοντας τις λέξεις κλειδιά που μας ενδιαφέρουν

Οι λέξεις κλειδιά είναι ίσως το σημαντικότερο κομμάτι του on-page SEO. Η σωστή χρήση τους επηρεάζει την ιστοσελίδα μας στο μεγαλύτερο βαθμό από όλους τους άλλους παράγοντες που έχουμε ήδη αναφέρει. Αυτό για να πραγματοποιηθεί πρέπει πρώτα να εντοπίσουμε τις σωστές λέξεις κλειδία.

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

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

[57]

Μόνιμοι σύνδεσμοι (Permalinks)

Οι μόνιμοι σύνδεσμοι είναι ο τρόπος με τον οποίο θα εμφανίζονται τα διάφορα urls στο site μας. Αυτό περιλαμβάνει τις διευθύνσεις των άρθρων μας, των σελίδων μας, των ετικετών (tags) κλπ.

Για να έχουμε ένα SEO Optimized blog θα πρέπει να αλλάξουμε αυτές τις ρυθμίσεις ώστε να εμφανίζονται λέξεις κλειδιά στα urls της ιστοσελίδας μας και όχι απλά αριθμοί. Ας δούμε όμως ποιες επιλογές μας δίνει το WordPress. Πηγαίνουμε στο μενού Settings -> Permalinks:

Tο WordPress μας δίνει ήδη την δυνατότητα να χρησιμοποιήσουμε κάποιον από τους ήδη υπάρχοντες τρόπους εμφάνισης των urls (Προεπιλογή, Ημέρα και όνομα, Μήνας και όνομα, Αριθμός) ή να ορίσουμε εμείς πως θα εμφανίζονται τα urls των άρθρων μας. Αυτό γίνεται μέσω της χρήσης κάποιων έτοιμων shortcodes τα οποία είναι:

%year%: Το έτος δημιουργίας του άρθρου (πχ: 2013) %monthnum%: Ο μήνας δημιουργίας του άρθρου (πχ: 1,…,12 ) %day%: Η ημέρα δημιουργίας του άρθρου (πχ: 1,…,31)

%postname%: Ο τίτλος του άρθρου ή ότι έχουμε ορίσει εμείς στο πεδίο μόνιμος σύνδεσμος (post slug) μέσα στο κάθε άρθρο.

%post_id%: Το ID του άρθρου που είναι μοναδικό για κάθε άρθρο. (πχ 423)

%category%: Ο τίτλος της κατηγορίας που ανήκει το άρθρο (και πάλι εδώ εμφανίζεται ότι έχουμε ορίσει στο σύντομο όνομα της κατηγορίας).

%author%: το όνομα του αρθρογράφου.

Περισσότερες επιλογές για τους μόνιμους συνδέσμους μπορουμε να βρουμε στο Codex του WordPress.

[58]

Για να ορίσουμε λοιπόν τον τρόπο με τον οποίο θέλουμε να εμφανίζονται οι διευθύνσεις των άρθρων μας αρκεί να συμπληρώσουμε στο πεδίο Προσαρμοσμένη δομή αυτό που επιθυμούμε. Για να είναι SEO Optimized τα urls μας θα πρέπει οπωσδήποτε να χρησιμοποιήσουμε το %postname%.

Βασικοί κανόνες που ακολουθούμε πάντα:

1. Πρέπει πάντα να ξεκινάει με μια κάθετο / 2. Χωρίζουμε τα shortcodes μεταξύ τους με την χρήση των συμβόλων: / – _ 3. Μπορούμε να προσθέσουμε οτιδήποτε άλλο θέλουμε όπως για παράδειγμα να βάλουμε στο

τέλος .html ή .php

Μέσα από την επεξεργασία είτε αυτό είναι για άρθρο ή κατηγορία ή σελίδα μπορούμε να αλλάξουμε το σύντομο όνομα (slug) σε κάποιο που θα είναι πιο <φιλικό> στις μηχανές αναζήτησης.

[59]

ΚΕΦΑΛΑΙΟ 6 : Ασφάλεια στο Wordpress

H ασφάλεια στο WordPress αλλά και γενικότερα σε όλα τα διαδικτυακά συστήματα είναι το Α και το Ω για μια επιτυχημένη και απροβλημάτιστη λειτουργία. Είναι κοινώς αποδεκτό ότι ο πυρήνας του WordPress έχει ισχυρή ασφάλεια. Επαγγελματική ανάλυση των hacked ιστοσελίδων σε WordPress αποκαλύπτει ότι συνήθως το σημείο εισόδου των “εισβολέων” είναι το αποτέλεσμα μιας αδύναμης διαχείρισης ή ενός αδύναμου κωδικού πρόσβασης FTP, μίας παραβίασης επίπεδου στο Domain-Hosting λογαριασμό, ένα ανασφαλές plugin ή θέμα (theme), που τρέχει μια παλιά έκδοση του πυρήνα WordPress, ή ένα σημείο καταχώρησης, εκτός από το Core του WordPress. Πολλά προβλήματα έχουν αναφερθεί κατά καιρούς για το Wordpress. Σε αυτήν την ενότητα θα αναφέρουμε μερικά καταγεγραμμένα προβλήματα ασφαλείας και στην συνέχεια θα αναλύσουμε τους τρόπους καλής σχεδίασης και παραμετροποίησης του Wordpress έτσι ώστε να ελαχιστοποιήσουμε τις πιθανότητες να δεχθεί επίθεση μια ιστοσελίδα από επίδοξους hackers (πρόληψη) αλλά και τις απαραίτητες ενέργιες για να καταλάβουμε αν η ιστοσελίδα μας έχει μολυνθεί έτσι ώστε να την επαναφέρουμε στην φυσιολογική ασφαλής λειτουργία της.

6.1 Κενά ασφάλειας στο Wordpress Πολλά προβλήματα ασφαλείας έχουν βρεθεί στο Wordpress με πιο πρόσφατο αυτό του

ερευνητή ασφαλείας Krzysztof Katowicz-Kowalewski που εντόπισε μια ευπάθεια DOS (denial-of-service) [1] που επηρεάζει την τελευταία έκδοση του WordPress. Η ευπάθεια έχει επιβεβαιωθεί στο WordPress 3.5.1, αλλά και σε άλλες παραλλαγές του που επίσης επηρεάζονται από την τρύπα ασφαλείας. Σύμφωνα με το Secunia [2], η οποία συντόνισε τη δημοσιοποίηση της ευπάθειας, το ζήτημα είναι χαρακτηριστεί ως “μετρίως κρίσιμο.” “Η ευπάθεια οφείλεται σε σφάλμα κατά τον υπολογισμό της μέτρησης του hash cycle με την μέθοδο “crypt_private () ” από το /wp-includes/class-phpass.php και μπορεί να αξιοποιηθεί για να εξαντλήσει το CPU και τη μνήμη των πόρων με την αποστολή αιτήσεων HTTP και χρησιμοποιώντας ένα ειδικά κατασκευασμένο password cookie (cookie κωδικού πρόσβασης), ” αναφέρει το Secunia. Και συνεχίζοντας αναφέρει: “Η επιτυχής εκμετάλλευση απαιτεί τη γνώση της ακριβής διεύθυνσης URL που οδηγεί σε μια προστατευμένη δημοσίευση με κωδικό πρόσβασης” . Ο ερευνητής Katowicz-Kowalewski έχει ενημερώσει ήδη την ομάδα ασφαλείας της WordPress για την ευπάθεια, αλλά δεδομένου ότι δεν έχει λάβει καμία απάντηση από αυτούς, αποφάσισε να δημοσιεύσει την έρευνά του.

Κυρίως το 2007 και το 2008 παρουσιάστηκαν τα περισσότερα περιστατικά κενών ασφαλείας στο Wordpress, σύμφωνα με την Secunia, εταιρεία ερευνών για θέματα ασφαλείας, που τηρεί μια ενημερωμένη λίστα με προβλήματα ασφαλείας του WordPress [3] . Ενδεικτικά αναφέρουμε ότι από τον Ιανουάριο του 2007 εώς και το 2008 είχαν ανακαλυφθεί και διορθωθεί αρκετά προβλήματα ασφαλείας που αφορούσαν:

[60]

εξυπηρετητές του Wordpress που επέτρεπαν την εισαγωγή κακόβουλου κώδικα με την μορφή backdoor [4],

το μεγάλο ποσοστό ιστοσελίδων που χρησιμοποιησούσαν μη ενημερωμένες εκδόσεις του συστήματος και επομένως ήταν ευάλωτα σε επιθέσεις [5],

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

6.2 Ασφαλή σχεδίαση και παραμετροποίηση (πρόληψη)

Πριν ξεκινήσετε ξεκινήσετε οτιδήποτε καινούργιο με χρήση Wordpress πρέπει να σιγουρευτείτε ότι ο υπολογιστής που χρησιμοποιείτε για να κάνετε posts ή να διαχειριστείτε την Wordpress ιστοσελίδα σας είναι ασφαλής, δεν έχει κολλήσει κάποιο ιό, ότι είναι spyware-free και ότι δεν τρέχει κάποιο κακόβουλο λογισμικό!

Επίσης δεν πρέπει να χρησιμοποιείτε «σπασμένους» FTP clients ή «σπασμένα» antivirus, μιας και τέτοιου είδους προγράμματα χρησιμοποιούν οι hackers για να συλλέγουν κωδικούς πρόσβασης. Αν δεν θέλετε να αγοράσετε, υπάρχουν πολύ καλές και δωρεάν εκδόσεις FTP clients και antivirus που μπορείτε να κατεβάσετε από το Internet (πχ Filezilla, Avast).

6.2.1 Ασφαλές Password

Σε όλα τα υπολογιστικά συστήματα, πάντα ο πιο αδύναμος είναι ο ανθρώπινος παράγοντας: Ένα “χαλαρό” password μπορεί να αποβεί μοιραίο. Επίσης πρέπει να επισημανθεί ότι δεν πρέπει να να χρησιμοποιούνται κωδικοί όπως :

12345678 1234 1111 password 17031985

Συνήθως οι κωδικοί που χρησιμοποιούνται χρήστες που θέλουν να παραβιάσουν το WordPress, το e-mail, ή τον υπολογιστή γενικότερα, είναι εξίσου απλοί. Ημερομηνίες γενεθλίων, το όνομα, το e-mail ή ένας εύκολος συνδυασμός αριθμών επιβάλλεται να αποφεύγονται. Οι επιθέσεις που γίνονται είναι κυρίως brute force attack. Η “επίθεση” (brute force) γίνεται από πολλές διαφορετικές διευθύνσεις IP από όλο τον κόσμο και δοκιμάζονται αριθμοί, ονόματα, λίστες λέξεων (λεξικό) ή / και συνδυασμοί αυτών. Δηλαδή δοκιμάζονται πιθανοί συνδυασμοί μέχρι να βρεθεί ο σωστός. Έτσι, ένας κωδικός όπως gggggg ή 111111 είναι καταδικασμένος να βρεθεί πολύ γρήγορα.

Αντίθετα, κωδικοί που περιλαμβάνουν πολλά ψηφία από αριθμούς + γράμματα + σύμβολα σε τυχαίους συνδυασμούς, ώστε να μην αποτελούν αγγλική λέξη, ή λέξη που υπάρχει σε λεξικό είναι αρκετά δύσκολο να σπάσουν. Ένα πολύ ισχυρό password θα ήταν π.χ. της μορφής: ko0@90ro$phj5flk το οποίο είναι σχεδόν αδύνατο να το σπάσει κανείς. Έχει 16 ψηφία και αποτελείται από τυχαία γράμματα (φωνήεντα και σύμφωνα) αριθμούς και σύμβολα. Προφανώς είναι πιο δύσκολο για τον χρήστη ώστε να θυμάται ένα τέτοιο password, αλλά μπορεί να κρατηθεί σε κάποιο ασφαλές μέρος όπου κρατιούνται όλοι οι κωδικοί (π.χ στο χρηματοκιβώτιο, ή σε ένα συρτάρι κλειδωμένο). Σίγουρα δεν είναι και ο πιο σωστός τρόπος αλλά σε αυτή την περίπτωση αποφεύγουμε να μπορέσει ένας επίδοξος hacker να προσβάλει το σύστημα μας ηλεκτρονικά και το τίμημα είναι μικρό μπροστά στην ασφάλεια.

[61]

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

6.2.2 Αλλαγή username διαχειριστή

Ένα από τα συνήθη λάθη στην ασφάλεια ενός δικτυακού τόπου με WordPress είναι η χρήση του λογαριασμού διαχειριστή με το username admin, το οποίο αποτελεί προεπιλογή, ή κάποιο εύκολο όπως giorgos ή προφανές όπως administrator.

Ειδικά η ύπαρξη του λογαριασμού admin προδίδει έναν δικτυακό τόπο WordPress με μη-έμπειρο διαχειριστή. Πολλές επισκέψεις γίνονται καθημερινά στο wp-login.php όπου δοκιμάζονται username: admin και password κάτι τυχαίο.

Χρησιμοποιώντας έναν λογαριασμό διαχειριστή με πολλούς αριθμούς και γράμματα (όχι σύμβολα) π.χ. i64em5at2 αναγκάζουμε τον κακόβουλο επισκέπτη σε υπερπολλαπλάσιο χρόνο και κόπο: Θα πρέπει να πετύχει έναν από τους άπειρους συνδυασμούς τέτοιων περίπλοκων κωδικών username και password. Γιαυτό επιβάλλεται η δημιουργία ενός νέο χρήστη ο οποίος θα έχει δικαιώματα διαχειριστή και στην συνέχεια η απενεργοποίηση του user admin.

Προσοχή! Απενεργοποιούμε τον χρήστη admin και ΟΧΙ να τον διαγράφουμε. Σε περίπτωση διαγραφής του υπάρχει πιθανότητα να μπορέσει κάποιος να δημιουργήσει τον χρήστη και να έχει δικαιώματα διαχειριστή.

6.2.3 Εισαγωγή σωστών δικαιωμάτων Έπειτα από την εγκατάσταση του Wordpress τα αρχεία μας πρέπει να έχουν κάποια

δικαιώματα ώστε να μπορούν να προβάλλονται από τους χρήστες και να μην μπορούν να προβούν σε αλλαγές αυτών. Σε αυτή την περίπτωση πρέπει να είμαστε σίγουροι ότι όλα τα δικαιώματα των φακέλων είναι 755 και των αρχείων 644.

Σε καμία περίπτωση δεν πρέπει τα δικαιώματα αυτών των αρχείων και φακέλων να είναι 777 γιατί έτσι επιτρέπεται σε κάποιον hacker να κάνει οτιδήποτε θέλει με την ιστοσελίδα και να αποκτήσει την διαχείριση της.

Ένα πολύ σημαντικό αρχείο στο Wordpress είναι το wp-config.php το οποίο περιέχει πληροφορίες σχετικά με την σύνδεση στην βάση. Η πρόσβαση σε αυτό το αρχείο σε μη εξουσιοδοτημένο χρήστη είναι άκρως απαγορευτική. Συνήθως το αρχείο αυτό έχει δικαιώματα 644 που σημαίνει ότι ένας απλός χρήστης μπορεί να καταφέρει να διαβάσει τα περιεχόμενά του (εφόσον ξέρει πως να βρει την διαδρομή προς αυτό). Για να αποφύγουμε τέτοιες περιπτώσεις μια και το wp-config.php είναι ένα απλό αρχείο κειμένου στην ουσία, φρόνιμο θα ήταν να ρυθμίσουμε τα δικαιώματα του αρχείου σε 444 ή 750.

Στην περίπτωση αυτή θα πρέπει να έχουμε υπ’ όψιν μας ότι αλλαγές στις ρυθμίσεις του ιστοχώρου μας δεν μπορούν να γίνουν ούτε από εμάς, παρα μόνον εφόσον αλλάξουμε προσωρινά τα δικαιώματα του αρχείου σε 644 ή αν αντιμετωπίζουμε εκ νέου πρόβλημα σε 750 μέχρι να ολοκληρώσουμε τις αλλαγές (ρυθμίσεων) και μετά να επαναφέρουμε πάλι τα δικαιώματα σε 444 ή 644.

Μπορεί όμως η ασφάλεια γύρω από αυτό το αρχείο να αυξηθεί, προσθέτοντας 4 γραμμές κώδικα. Για να ασφαλίσουμε το αρχείο θα χρησιμοποιήσουμε το .htaccess αρχείο στον πηγαίο φάκελο του Wordpress. Ανοίγουμε το αρχείο .htaccess και προσθέτουμε τις ακόλουθες γραμμές κώδικα : <files wp-config.php>

order allow,deny deny from all </files>

[62]

Με τον παραπάνω κώδικα δημιουργήσαμε πολύ απλά και γρήγορα έναν κανόνα ο οποίος απαγορεύει την πρόσβαση σε bots που έχουν ως στόχο το wp-config αρχείο μας.

Μπορούμε να περιορίσουμε την πρόσβαση στην είσοδο στο Admin του WP σας, με βάση την ΙP, έτσι ώστε ακόμη κι αν κάποιος έχει τα στοιχεία εισόδου, να μην μπορεί να κάνει είσοδο εκεί, πχ προσθέτουμε τις παρακάτω γραμμές στο αρχείο .htaccess: Order deny,allow Deny from All Allow from 123.456.789.0 Μπορούμε να επιτρέψουμε ή να αποκλείσουμε την πρόσβαση με βάση την IP με διάφορους τρόπους: - αποκλεισμός όλων: order deny,allow deny from all - να επιτρέπεται η πρόσβαση από την IP του σπιτιού μου ή του γραφείου μου: order deny,allow deny from all allow from XX.XX.XXX.XXX

6.2.4 Προστατέψτε τους καταλόγους του Blog σας (WP Folders)

Μια καλή τεχνική για να καταφέρουμε να αποκρύψουμε πληροφορίες που είναι ζωτικής σημασίας για την εύρυθμη λειτουργία του Blog μας είναι η απόκρυψη από τις μηχανές αναζήτησης των φακέλων που φιλοξενείτε ο πυρήνας του ιστοχώρου μας. Αυτοί οι φάκελοι είναι γνωστοί και εύκολα αναγνωρίσιμοι καθώς στο όνομά τους έχουν το πρόθεμα WP. Η απαγόρευση σε αυτούς, εισόδου των μηχανών γίνεται με έναν πάρα πολύ απλό τρόπο, προσθέτοντας απλά στο αρχείο robot.txt την ακόλουθη εντολή.

Disallow/wp-*

6.2.5 Update

Δεν πρέπει να αμελείται η ενημέρωση της version του WordPress που έχουμε, καθώς σε κάθε νέα έκδοση έχουν φροντίσει να «κλείσουν τις τρύπες ασφαλείας» της παλαιότερης. Για εκδόσεις από την έκδοση WordPress 2.6 και μετά, η διαδικασία ενημέρωσης του WordPress και των Plugins είναι πολύ εύκολη! Για τo πότε υπάρχει νέα διαθέσιμη έκδοση, εμφανίζεται μια μικρή, κίτρινη ανακοίνωση μέσα στο wp-admin, ενώ εναλλακτικά μπορούμε να εγγραφούμε και στο WordPress developers blog με RSS ή email για να ενημερωνόμαστε σχετικά με τις τελευταίες εκδόσεις που κυκλοφορούν. Για τον ίδιο λόγο πρέπει να κάνουμε update και στα plugins/themes και widgets που έχουμε εγκαταστήσει στο Wordpress μας.

6.2.6 Μη εμφάνιση της έκδοσης του WordPress

Τα νέα στο διαδίκτυο κυκλοφορούν πολύ γρήγορα, έτσι σε περίπτωση που κάποια “τρύπα” ασφαλείας γίνει γνωστή για μια έκδοση (την έκδοση που χρησιμοποιείτε) του WordPress (ισχύει και για κάθε άλλο CMS) τότε …οι επίδοξοι εισβολείς αναζητούν να βρουν αυτή την έκδοση σε σελίδες που βρίσκονται online και να εκμεταλλευτούν το κενό ασφαλείας που έγινε γνωστό.

Για να καταφέρουμε λοιπόν να μειώσουμε και αυτόν τον κίνδυνο, καλό είναι να μην εμφανίζουμε την έκδοση στην οποία στηρίζετε η ιστοσελίδα μας. Για να το πετύχουμε αυτό θα πρέπει

[63]

να προσθέσουμε στο αρχείο function.php του στυλ (template – theme ή όπως αλλιώς μπορεί να μας είναι γνωστό) που χρησιμοποιούμε την ακόλουθη γραμμή: <?php remove_action('wp_head', 'wp_generator'.; ?> ή <?php

function no_generator() { return »; } add_filter( “the_generator’, “no_generator” );

?> ή εγκαθηστούμε το plugin Replace-WP Version για να αντικαταστήσουμε την έκδοση WP που διαθέτουμε.

Επίσης αφαιρούμε το readme.html από τον κεντρικό φάκελο του WP μας καθώς και το αρχείο εγκατάστασης /wp-admin/install.php από το WP μας.

6.2.7 Απόκρυψη μηνυμάτων σφάλματος στη σελίδα εισόδου στη διαχείριση

Ενημερώνουμε το αρχείο function.php με αυτό τον κώδικα: add_filter(“login_errors’,create_function(“$a’, \»return null;\»)); ή function explain_less_login_issues(){ return “<strong>ERROR</strong>: Entered credentials are incorrect.’;} add_filter( “login_errors’, “explain_less_login_issues” ); 6.2.8 Αντίγραφα Ασφαλείας

Το σημαντικότερο όλων για να καταφέρουμε να διατηρήσουμε τον ιστοχώρο μας ασφαλή είναι η δημιουργία και διατήρηση εφεδρικών αντιγράφων ασφαλείας. Είναι ένα κομμάτι που όσο και αν το βλέπουμε και το ακούμε παντού δυστυχώς είναι πολύ πίσω. Μπορεί ο hoster που μας φιλοξενεί να διατηρεί αντίγραφα ασφαλείας όμως ένα είναι σίγουρο! Τα δικά μας αντίγραφα την στιγμή που κάνουμε κάποιες αλλαγές ή την στιγμή που έχουμε προσθέσει κάποιο κείμενο – άρθρο είναι ότι καλύτερο!

Ο πάροχος φιλοξενίας μας λαμβάνει αντίγραφα με αυτόματο τρόπο όμως αυτό δεν μας καλύπτει πάντα και απόλυτα!

Η καλύτερη μέθοδος είναι η διατήρηση από εμάς ενός ή και περισσοτέρων set αντιγράφων ασφαλείας για να μπορούμε ανά πάσα στιγμή να έχουμε τον πλήρη έλεγχο στο αντίγραφό μας και την επαναφορά του. Παράλληλα από την στιγμή που ο πάροχος λαμβάνει αντίγραφο ασφαλείας με αυτόματο τρόπο είναι πολύ πιθανό να έχουμε ένα αντίγραφο το οποίο έχει ήδη δεχθεί επίθεση…ή είναι αρκετά παλιό (ανάλογα και πότε θα αντιληφθούμε το πρόβλημα).

6.2.9 Aλλαγές στη βάση MySQL

Το όνομα χρηστη του διαχειριστή (admin) δεν είναι και πολύ ασφαλές και μπορούμε να το αλλάξουμε. Από τη διαχείριση της βάσης του WP μας, το αλλάζουμε από admin σε πχ newuser εκτελώντας την παρακάτω εντολή:

update tableprefix_users set user_login=’newuser” where user_login=’admin’;

[64]

Το πρόθεμα της βάσης δεν είναι ασφαλές, έτσι μπορούμε να αλλάξούμε τα προθέματα όλων των πινάκων της βάσης, από wp_ σε κάτι άλλο. Έπειτα θα πρέπει να εισάγούμε το νέο πρόθεμα και μέσα στο αρχείο wp-confg.php στη σχετική μεταβλητή.

$table_prefix = “tableprefix_’;

6.2.10 Plugins για ασφαλεια

Για να αποφύγουμε brute force επιθέσεις εγκαθηστούμε το plugin login LockDown για να αποτρέψουμε τους hackers από το να μπαίνουν στο admin panel και να δοκιμάζουν πολλές φορές κωδικούς για να μπουν στην διαχείρηση του website μας.

Πατάμε Install Now

Μπορούμε εναλλακτικά να εγκαταστήσουμε κάποια από τα plugins του WP που αφορούν

αποκλειστηκά θέματα ασφάλειας. Κάποια ενδεικτικά τέτοια plugins είναι τα παρακάτω:

Exploit Scanner (Downloads: 433,360) : Αυτό το plugin ψάχνει τα αρχεία της ιστοσελίδα, καθώς και τις αναρτήσεις και τα σχόλια τους πίνακες της βάσης δεδομένων σας για οτιδήποτε ύποπτο. Εξετάζει επίσης τη λίστα των ενεργών plugins για ασυνήθιστα ονόματα.

[65]

Bad Behavior (Downloads: 529,753) : Αυτό το plugin προστατεύει την ιστοσελίδα από ανεπυθύμητα μηνύματα (spam) ενεργώντας ως φύλακας, εμποδίζοντας τους spammers να δημοσιεύσουν ακατάλληλο και ανεπυθύμητο υλικό. Βοηθάει έτσι την ιστοσελίδα να έχει μικρό χρόνο φόρτωσης και μπορεί να βοηθήσει στην πρόληψη της άρνησης των όρων παροχής υπηρεσιών που προκαλούνται από spammers.

[66]

Better WP Security (Downloads: 445,322) : είναι ένα ολοκληρωμένο πρόσθετο που προσφέρει σχεδόν όλες τις προδιαγραφές ασφαλείας που αναπτύξαμε παραπάνω καιθστώντας ένα πολυεργαλείο στα χέρια μας για να κρατήσουμε το WP ασφαλές. Κάνει αρκετές αλλαγές στην βάση δεδομένων όμως και πρέπει να είμαστε προσεκτικοί.

Acunetix Secure WordPress (Downloads: 750,993) : ενδυναμώνει την ασφάλεια του WP με την αφαίρεση πληροφοριών σφάλματος σχετικά με την είσοδο στην ιστοσελίδα, προσθέτει index.html σε καταλόγους plugin, κρύβει την έκδοση WordPress και πολλές από τις παραπάνω τεχνικές που έχουμε αναλύσει.

[67]

Fast Secure Contact Form (Downloads: 3,459,453): Αυτό το plugin μας επιτρέπει να δημιουργήσουμε και να προσθέσουμε εύκολα και ασφαλή φόρμες επικοινωνίας για το WordPress. Η φόρμα επικοινωνίας θα επιτρέπει στο χρήστη να στείλει e-mail στον admin ενός site, αλλά και να στείλει μια πρόσκληση σε σύσκεψη για να μιλήσει μέσω τηλεφώνου ή βίντεο. Χαρακτηριστικά: Εύκολη επεξεργασία φόρμας εποκοινωνίας, πολλαπλών φόρμες, e-mail επιβεβαίωσης και μια επιλογή για να ανακατευθύνει τους επισκέπτες σε οποιαδήποτε διεύθυνση URL μετά την αποστολή του μηνύματος. Υποστηρίζει CAPTCHA και Akismet για να εμποδίσει επίδοξους spammers.

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

[68]

WP Status (Downloads: 1,063,486) : πολύ δημοφιλές Plugin το οποίο προσφέρει αρκετές δυνατότητες στους διαχειρηστές του WP έτσι ώστε να ικανοποιούνται τα παραπάνω κριτήρια ασφάλειας.

[69]

BulletProof Security (Downloads: 540,008) : προστατεύει το WP ενάντια σε XSS, RFI, CRLF, CSRF, Base64, Code Injection και SQL Injection απόπειρες hacking. Με ένα κλικ δημιουργεί και τροποποιεί το αρχείο .htaccess του WordPress για την προστασία της ασφάλειας. Προστατεύει τα αρχεία wp-config.php, bb-config.php, php.ini, php5.ini, install.php και το αρχείο README.html μέσω του αρχείου .htaccess. Δημιουργεί αρχεία καταγραφής ασφαλείας (HTTP καταγραφή σφαλμάτων). Δυνατότηα με ένα κλικ να μπεί σε Λειτουργία Συντήρηση ιστοσελίδας (HTTP 503). Πρόσθετους ελέγχους ασφαλείας ιστοσελίδα: λάθης την βάση δεδομένων, σε αρχεία και φακέλους.

6.3 Καταστολή και επαναφορά «μολυσμένου» Wordpress

6.3.1 Τα “χτυπημένα” site δεν είναι πάντα εύκολο να προσδιοριστούν

Η πιο συνηθισμένη ερώτηση για τους ιδιοκτήτες ενός web site που πρέπει απαραίτητα να γνωρίζουν την απάντηση είναι η εξής: «Πώς μπορώ να ξέρω, όταν το όριο έχει περάσει – όταν το Site μου έχει παραβιαστεί»;

Τον Μάρτιο του 2012 η ZDNet αναφέρει ότι πάνω από το 90 % [των ιδιοκτητών website] δεν παρατηρήσετε κάποια περίεργη δραστηριότητα, παρά το γεγονός ότι οι ιστοσελίδες τους είχαν αλλοιωθεί για την αποστολή spam mail, host phishing σελίδων , ή για να διανέμουν κακόβουλο λογισμικό. Επίσης «Το 63% των ιδιοκτητών ιστοσελίδας δεν ξέρουν πώς αυτή έγινε hacked».

Τον Απρίλιο του 2012, ο Matt Cutts της Google αποκάλυψε πόσο πολύ αγνοούν τις hacked ιστοσελίδες οι ιδιοκτήτες τους : «Πέρα από σαφή blackhat ανεπιθύμητων μηνυμάτων του Internet, η δεύτερη μεγαλύτερη κατηγορία των spam που αντιμετωπίζει η Google αφορά τις hacked ιστοσελίδες. Η πιο συχνή αντίδραση που ακούμε από τους webmasters είναι: «Το πρόβλημα είναι με την αναζήτηση στο Google. Δεν υπάρχει τίποτα λάθος με την ιστοσελίδα μας. »

[70]

Το παραπάνω είναι ένα πραγματικό απόσπασμα από ένα e-mail ενός ιδιοκτήτη μίας ιστοσελίδας που μας έστειλε πρόσφατα. Δυστυχώς, αποδεικνύεται ότι το site είναι σχεδόν πάντα πραγματικά hackαρισμενο.»

6.3.2 Πώς να καταλάβετε ένα Hacked Website

Ένα από τα οφέλη της χρήσης ενός δικτυακού τόπου κοινής πλατφόρμας, όπως το WordPress, είναι ότι οι σαρωτές ασφαλείας ξέρουν τι να περιμένουν. Μπορούν να πουν ότι τα αρχεία πυρήνα του WordPress δεν πρέπει να περιέχουν ορισμένο κώδικα ή φορτίο από εξωτερικούς τομείς ή να περιέχουν ασαφή κώδικα. Άσχετα πώς ο ιστοχώρος μας είναι κατασκευασμένος ή διαχειρίζεται, μερικά κοινά σημάδια μιας hacked ιστοσελίδα είναι τα ακόλουθα:

Εμφανίζονται αναδυόμενα παράθυρα που δεν έχετε υλοποιήσει Εμφάνιση περίεργου κειμένου στο υποσέλιδο (footer) ή στην «Προβολή κώδικα» (View

Source) Σύνδεσμοι προς άλλους δικτυακούς τόπους ή αυτόματη σύνδεση των λέξεων-κλειδιών που

δεν δημιουργήσατε συνδέσεις προς αυτούς Βλέποντας ασαφή / κωδικοποιημένο κείμενο σε plugins Ανακατεύθυνση της Ιστοσελίδας (αμέσως ή μετά από ένα σύντομο χρονικό διάστημα) σε ένα

άλλο URL Οποιαδήποτε ασυνήθιστη δραστηριότητα ή καθυστερήσεις στο φόρτωμα ή τη χρήση

παραπάνω bandwidth της σύνδεσης σας

Τα παραπάνω είναι τα σημάδια με τα οποία είμαστε σε θέση να προσδιορίσουμε με το απλό browsing στο δικό μας site. Στη συνέχεια παρουσιάζουμε αυτοματοποιημένες μεθόδους για τον εντοπισμό των Site που έχουν παραβιαστεί.

6.3.3 Google Webmaster Tools Email Alerts

To Google Webmaster Tools είναι μια μεγάλη πηγή για webmasters, τo οποίο χρησιμοποιούν ευρέως πολλοί διαχειριστές ιστοσελίδων παγκοσμίως. Ένα από τα σημαντικά χαρακτηριστικά γνωρίσματα είναι οι ειδοποιήσεις μέσω ηλεκτρονικού ταχυδρομείου , όταν εντοπίσουν κακόβουλη δραστηριότητα (δηλαδή hacked!) στο δικτυακό σας τόπο. Πρέπει να δηλώσουμε και να ελεγθούμε ως ιδιοκτήτες της ιστοσελίδας μας, έτσι ώστε να μας στείλουν άμεσα την ειδοποίηση. Έτσι, τώρα ξέρουμε ότι αν λάβουμε ένα μήνυμα ηλεκτρονικού ταχυδρομείου σχετικά με αυτό, η Google πραγματοποίησε ένα σκανάρισμα στο σαιτ μας με μεγάλο ποσοστό ακρίβειας και θα πρέπει αμέσως να αρχίσουμε να παίρνουμε μέτρα αντιμετώπισης της κατάστασης.

6.3.4 Σαρωτές Google

Εργαλεία όπως το Google και το Google Safe Browsing diagnostic είναι δύο τρόποι που μπορούμε να σαρώσουμε το site μας για να δούμε πώς η Google το βλέπει. (google.com/safebrowsing/diagnostic?site=http://YOURDOMAIN)

[71]

6.3.5 StopBadware Clearinghouse

Το StopBadware Clearinghouse μπορεί να αναζητηθεί γρήγορα, αλλά είναι πιθανό να έχει ήδη συμπεριληφθεί στα αποτελέσματα των Εργαλείων για Webmasters της Google. Με άλλα λόγια, θα λάβουμε ένα μήνυμα ηλεκτρονικού ταχυδρομείου κατά πάσα πιθανότητα από το Google Webmaster Tools πριν από τον έλεγχο του StopBadware Clearinghouse. Ωστόσο, είναι καλό να το ελέγξουμε κατά τη διάρκεια της διαδικασίας αποκατάστασης του σαιτ μας.

6.3.6 Sucuri SiteCheck Scanner

Ο σαρωτής του Sucuri SiteCheck για malware ελέγχει σε σχέση με τις βάσεις των Google Safe Browsing, Norton Safe Web, Phish tank, Opera browser, SiteAdvisor, και πολλές άλλες βάσεις δεδομένων μαύρης λίστας. Τρέχει επίσης τις δικές του αναζητήσεις για κακόβουλο ή ύποπτο iframes, scripts, downloads, ανακατευθύνσεις, και άλλα αντικείμενα. Επίσης, παρέχει μια λίστα με τις διευθύνσεις URL και scripts, το λογισμικό διαχείρισης της ιστοσελίδας (π.χ. WordPress), καθώς και πληροφορίες για την έκδοση του λογισμικού.

Στην πραγματικότητα το ManageWP plugin ενσωματώνει το Sucuri SiteCheck στο dashboard του, και η εταιρία Sucuri είναι Partner του ManageWP .

[72]

6.3.7 Σάρωση ασφάλειας του Browser

Το Qualys BrowserCheck σαρώνει το πρόγραμμα περιήγησης στο Internet ψάχνοντας για τρωτά σημεία της ασφάλειας, συμπεριλαμβανομένων των ξεπερασμένων λογισμικών και πρόσθετα του Browser, όπως Java, Adobe Flash, Adobe Reader, καθώς και το Microsoft Silverlight. Είναι πιθανό ότι το πρόγραμμα περιήγησης, FTP client, ή άλλο σημείο πρόσβασης να θέτει σε κίνδυνο το σαιτ μας.

[73]

6.4 Πώς να επιδιορθώσετε ένα Hacked WordPress Website

Μόλις μάθουμε ή υποψιάστούμε ότι το site μας έχει παραβιαστεί , η Google συνιστά:

Βάλτε το site σας offline Εκτιμήστε τις ζημιές Αρχίστε τις εργασίες για την ανάκτηση των δεδομένων Επαναφέρετε το σαιτ σας Online

Η εταιρία StopBadware αναφέρει παρόμοια βήματα:

Προσδιορισμός συμπεριφοράς επιβλαβούς λογισμικού για το σαιτ μας Αφαίρεση του επιβλαβούς λογισμικού Αποτροπή μελλοντικής μόλυνσης Αίτηση επανεξέτασης για να αφαιρέσετε το site μας από τους καταλόγους επιβλαβούς

λογισμικού (η μαύρη λίστα που αναφέρετε παραπάνω)

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

6.4.1 Δημιουργία αντιγράφων ασφαλείας

Αν εντοπίσουμε την ημερομηνία και την ώρα την οποία ο δικτυακού μας τόπος παραβιάστηκε, η απλούστερη λύση είναι να αποκαταστήσουμε (restore) την ιστοσελίδα μας σε ένα αντίγραφο ασφαλείας πριν από εκείνη την στιγμή. Για το λόγο αυτό είναι σημαντικό να χρησιμοποιήσουμε ένα αξιόπιστο εργαλείο για δημιουργία αντιγράφου ασφαλείας (backup), ένα εργαλείο δηλαδή που όχι μόνο δημιουργεί αντίγραφο ασφαλείας, αλλά καθιστά εύκολο να αποκατασταθεί.

Ωστόσο, αυτό το προηγούμενο backup είναι αυτό που ήταν ευάλωτο σε επιθέσεις, εκτός εάν το σημείο εισόδου της επίθεσης ήταν στο Domain, Server, FTP επίπεδο και όχι σε επίπεδο λογισμικού. Ανεξάρτητα απο το προηγούμενο, είναι σημαντικό να βεβαιωθούμε ότι αυτή η καινούργια έκδοση του site μας είναι απαλλαγμένο από την ίδια ευπάθεια (ες) σε επιθέσεις Hacker.

Είναι μια καλή ιδέα να κάνουμε backup το .htaccess αρχείο μας και το wp-config.php αρχείο, το wp-content directory μας, και τη βάση δεδομένων μας, ξεχωριστά από το πλήρες . zip backup μας , έτσι ώστε να μπορούν να αντικατασταθούν τμήματα του site μας, όπως τα αρχεία πυρήνα του WordPress.

6.4.2 Αντικαταστήστε τα αρχεία πυρήνα WordPress

Οι Hackers συνήθως πάνε για μία υψηλής απόδοσης είσοδο στο σαιτ μας. Για παράδειγμα, αν μπορούν να παραβιάσουν το πυρήνα του WordPress ή ένα δημοφιλές plugin ή ένα ολόκληρο webhost, παραβιάζουν μια φορά και αποκτούν πρόσβαση σε ένα πλήθος από παρόμοια σαιτς. Επιπλέον, μάλλον δεν ενδιαφέρονται να παραβιάσουν πχ το a2fdgd43.com site γιατί είναι μια τοποθεσία που ο τομέας της δεν έχει καμία αξία από την άποψη της κίνησης των επισκεπτών ή δημοφιλία στους ιντερνετικούς χρήστες.

Λόγω αυτής της υψηλής απόδοσης θεωρίας, μπορεί να είναι σωτήρια η αντικατάσταση αντίγραφου του διακομιστή ίντερνετ (web server) από τα αρχεία πυρήνα του WordPress. Μπορούμε και πρέπει να έχουμε πάντα την τελευταία έκδοση του WordPress στο http://wordpress.org/latest.zip.

[74]

Επιπλέον, θα πρέπει να εγκαταστήσουμε ξανά όλα τα plugins μας και να εξετάσουμε τα θέματα μας (themes) πριν από την εκ νέου εγκατάσταση. Προτείνω επίσης τον έλεγχο του υπόλοιπου καταλόγου wp-content για μυστηριώδεις αρχεία.

6.4.3 Αλλαγή όλων των διαπιστευτηρίων σύνδεσης και Προστασία της Συνδέσεις στο WordPress (login) με SSL

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

Δημιουργούμε νέους κωδικούς για όλες τις συνδέσεις – SSH, διακομιστή διαχείρισης (server management), FTP, Google, ManageWP και λογαριασμούς χρηστών του WordPress - χωρίς προκαταλήψεις (πχ μην υποθέτεται ότι δεν ήταν σε κίνδυνο). Επίσης, δημιουργούμε ένα νέο σύνολο wp-config.php κλειδιών ασφαλείας.

Αν δεν έχουμε ήδη ένα πιστοποιητικό SSL για να εξασφαλίσουμε τις συνδέσεις στο WordPress , τώρα είναι η κατάλληλη στιγμή για να το εφαρμόσουμε. Ακολουθολυμε τα πρόσθετα στοιχεία που προτείνεται από το σαιτ WordPress Codex «Ηardening WordPress», συμπεριλαμβάνοντας και ένα πιστοποιητικό SSL.

6.4.4 Eπίλυση συγκεκριμένων θεμάτων

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

6.5 Συμπεράσματα Επιτρέψτε μου να σας διαβεβαιώσω: Είναι πιο εύκολο, πιο αξιόπιστο, και λιγότερος

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

H φιλοξενία σε ένα πίο ακριβό web host που εστιάζει όμως στην ασφάλεια μπορεί να είναι μια σημαντική βελτίωση σε σχέση με μία εξαιρετικά φθηνή λύση Web Host. Δεν υπάρχει καμία σύγκριση με ένα φθηνό web hosting πακέτο των «απεριόριστου» bandwidth να μπορεί να συγκριθεί με ένα πιο ακριβό web hosting πακέτο που εστιάζει στην ταχύτητα, την ασφάλεια, και εξυπηρέτηση. Μερικές φορές δεν εκτιμάμε υψηλότερες τιμές ποιοτικών υπηρεσιών, μέχρι να είναι πολύ αργά – μέχρι το hack της σελίδας μας να έχει ήδη συμβεί ή στην περίπτωση της ταχύτητας και του χρόνου λειτουργίας (uptime), παρά μόνο μετά την αισθητή πτώση της επισκεψιμότητας της σελίδας μας.

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

Προσθέτοντας το site μας στο Google Webmaster Tools έχουμε μια σειρά από πλεονεκτήματα, ένα από τα οποία είναι να λαμβάνουμε ειδοποιήσεις ασφαλείας για το σαιτ μας μέσω email. Φροντίζουμε να προσθέσουμε το site μας στο Google Webmaster Tools σε κάθε περίπτωση.

[75]

Βεβαιωνόμαστε ότι παίρνουμε τακτικά αντίγραφα ασφαλείας. Τυπικά, μία ή δύο φορές ανά ημέρα είναι επαρκής. Άλλοι θεωρούν κάθε δεύτερη ημέρα, μία φορά την εβδομάδα, ή μία φορά το μήνα. Το βέλτιστο χρονοδιάγραμμα δημιουργίας αντιγράφων ασφαλείας εξαρτάται από το πόσο συχνές αλλαγές γίνονται στην ιστοσελίδα μας και πόση επισκεψιμότητα έχουμε.

[76]

ΚΕΦΑΛΑΙΟ 7 : ΠΑΡΑΡΤΗΜΑ

7.1 Παρουσίαση ιστοσελίδας

Εικόνα 24. Αρχική σελίδα

Στην Εικόνα 1 παρουσιάζεται η αρχική σελίδα της ιστοσελίδας με της πιο βασικές πληροφορίες για το ξενοδοχείο να εμφανίζονται σε πρώτο πλάνο όπως τα στοιχεία επικοινωνίας στην κορυφή, φωτογραφίες από τα δωμάτια, σύνδεσμοι για κρατήσεις, newsletter και σύνδεσμοι για τις ιστοσελίδες κοινωνικής δικτύωσης του ξενοδοχείου (facebook, twitter, RSS).

[77]

Εικόνα 25. Σχετικά με εμάς

[78]

Στην σελίδα “Σχετικά με εμάς” παρουσιάζουμε το προφίλ του ξενοδοχείου με ιστορικά στοιχεία καθώς και πληροφορίες σχετικά με τις παρεχόμενες υπηρεσίες και πλεονεκτήματα του ξενοδοχείου.

Εικόνα 26. Τιμοκατάλογος

Στην σελίδα “Τιμοκατάλογος” παρουσιάζουμε τις τιμές δωματίων ανάλογα με την περίοδο. Επίσης υπάρχει σύνδεσμος για να μπορέσει να κάνει κράτηση εύκολα ο υποψήφιος πελάτης.

[79]

Εικόνα 27. Που Βρισκόμαστε

Στην σελίδα “Που Βρισκόμαστε” υπάρχουν δύο χάρτες Google με την τοποθεσία του ξενοδοχείου ώστε να μπορούν οι πελάτες να το βρούν εύκολα.

[80]

Εικόνα 28. Κρατήσεις

Στην σελίδα “Κρατήσεις” υπάρχει εύκολη και απλή φόρμα συμπλήρωσης των απαραίτητων στοιχείων για να γίνει κάποια κράτηση.

[81]

Εικόνα 29. Επικοινωνία

Στην σελίδα “Επικοινωνία” παρουσιάζονται όλοι οι διαθέσιμοι τρόποι επικοινωνίας με το ξενοδοχείο.

[82]

Κεφαλαιο 7.2:ΒΑΣΗ ΔΕΔΟΜΕΝΩΝ

Εικόνα 30. Βάση Δεδομένων

Ενδεικτικά στη βάση δεδομένων που δημιουργήσαμε εμφανίζονται οι παρακάτω πίνακες:

Wp_bad_behavior Wp_bpws_lockouts Wp_bpws_log Wp_commentmeta Wp_comments Wp_links Wp_options Wp_postments Wp_posts Wp_terms Wp_term_relationships Wp_taxonomy Wp_usermeta Wp_users

[83]

Κεφάλαιο 7.3: Κώδικας wordpress

index.php <?php get_header(); ?>

<div class="middle">

<div class="container padding50px">



<div class="container_24">



<div class="grid_17 suffix_1">

<div class="text">

<h2 class="title_border">Setting up the Homepage</h2>

<p>The homepage of the Welcome Inn theme was created with flexibility in mind, so you could customize it any way you'd like. It can be set up as 5 different types of pages:</p>

<ul>

<li> Page with left or right sidebar</li>

<li>Reservation Page</li>

<li> Full Width Page</li>

<li> Contact Page</li>

<li> Blog Page</li>

</ul>

<h2>Let's get started</h2>

<p>

The first step is to create a page to serve as your new home page. For the purpose of this example, we'll call it "My New Homepage"

<ul>

<li>In your WP control panel, select the Pages tab.</li>

<li>Click on Add New.</li>

<li>Give the page a title, "My New Home Page."</li>

<li>Create the content for your home page.</li>

<li>Click the Publish button.</li>

</ul>

</p>

[84]

<p>

Now let's tell Wordpress to use this new page as Homepage:

<ul>

<li>In the Settings panel on the left navigation select Reading.</li>

<li>To change the front page to your new home page, select "A static page" for Front page displays.</li>

<li>Select "My New Home Page" from the Front page drop down menu.</li>

</ul>

</p>

<a target="_blank" href="http://bloggingexperiment.com/archives/wordpress-page-as-home-page.php" class="link-more">more details</a>

</div>

</div>





<div class="grid_6">

<div class="text">

<h2 class="title_border">Homepage Templates</h2>

<ul>

<li> Page with left or right sidebar</li>

<li>Reservation Page</li>

<li> Full Width Page</li>

<li> Contact Page</li>

<li> Blog Page</li>

</ul>

</div>

</div>



<div class="clear"></div>

</div>



<?php get_footer(); ?>

[85]

Header.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php wp_title() ?></title>

<?php global $template; $template_directory = get_bloginfo('template_directory'); ?>

<link href="<?php bloginfo('stylesheet_url') ?>?v=3" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $template_directory ?>/styles/default.css" />

<?php wp_head(); ?>

<script type="text/javascript" src="<?php echo $template_directory ?>/js/jquery.min.js"></script>

<script type="text/javascript">

$(function(){

$(".widget_recent_entries li:even").addClass("even");

$(".table-price tbody tr:odd").addClass("odd");

});

</script>

<link rel="stylesheet" type="text/css" href="<?php echo $template_directory ?>/css/wi-theme/jquery-ui-1.8.9.custom.css" />

<link rel="stylesheet" type="text/css" href="<?php echo $template_directory ?>/css/ui.selectmenu.css" />

<script type="text/javascript" language="javascript" src="<?php echo $template_directory ?>/js/jquery-ui-1.8.9.custom.min.js"></script>

<script type="text/javascript" language="javascript" src="<?php echo $template_directory ?>/js/ui.selectmenu.js"></script>

<script type="text/javascript" language="javascript" src="<?php echo $template_directory ?>/js/styled.selectmenu.js"></script>

<script type="text/javascript" src="<?php echo $template_directory ?>/js/slides.jquery.js"></script>

<link rel="stylesheet" href="<?php echo $template_directory ?>/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />

<script src="<?php echo $template_directory ?>/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

[86]

<script type="text/javascript" charset="utf-8">

$(document).ready(function(){

$("a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow', slideshow:3000, autoplay_slideshow: true});

});

</script>

<link rel="stylesheet" type="text/css" href="<?php echo $template_directory ?>/css/slides.css" />


$(function(){

$('#slides').slides({

width: 960,

height: 379,

preload: true,

preloadImage: '<?php echo $template_directory ?>/images/loading.gif',

play: 5000,

pause: 2500,

effect: 'fade, fade',

hoverPause: true,

animationStart: function(){

$('.caption').animate({

bottom:-96

},100);

},

animationComplete: function(current){

$('.caption').animate({

bottom:0

},200);

}

});

});

</script>

<script type="text/javascript" language="javascript" src="<?php echo $template_directory ?>/js/jcarousellite_1.3.min.js"></script>

[87]

<script type="text/javascript" language="javascript" src="<?php echo $template_directory ?>/js/jquery.easing.1.3.js"></script>

<script type="text/javascript" language="javascript" src="<?php echo $template_directory ?>/js/custom.js"></script>

<script type="text/javascript" language="javascript" src="<?php echo $template_directory ?>/js/general.js"></script>

<script type="text/javascript" language="javascript" src="<?php echo $template_directory ?>/js/jquery.nivo.slider.js"></script>

<script type="text/javascript" src="<?php echo $template_directory ?>/js/anythingSlider.js"></script>

<script type="text/javascript" charset="utf-8">

$(document).ready(function(){

$('.slideshow').anythingSlider({

easing: "easeInOutExpo",

autoPlay: false,

startStopped: false,

animationTime: 600,

hashTags: false,

buildNavigation: true,

buildArrows: false,

pauseOnHover: true,

startText: "Go",

stopText: "Stop"

});

});

$(document).ready(function() {

$(".minigallery").jCarouselLite({

btnNext: ".next",

btnPrev: ".prev",

scroll: 2,

<?php if ($template=='full_width') { ?>

visible: 6,

<?php } else { ?>

visible: 4,

[88]

<?php } ?>

speed: 400,

mouseWheel: true,

circular:false,

easing: "easeInOutCubic"

});

$(".minigallery a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook',overlay_gallery: false});

});

</script>


// <![CDATA[

$(function(){

var bookedDays = ["2011-2-22","2011-2-23","2011-3-8","2011-3-9","2011-3-10"];

function assignCalendar(id){

$('<div class="calendar" />')

.insertAfter( $(id) )

.datepicker({

dateFormat: 'dd-mm-yy',

minDate: new Date(),

maxDate: '+1y',

altField: id,

firstDay: 1,

showOtherMonths: true,

dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],

beforeShowDay: isAvailable })

.prev().hide();

}

function isAvailable(date){

var dateAsString = date.getFullYear().toString() + "-" + (date.getMonth()+1).toString() + "-" + date.getDate();

[89]

var result = $.inArray( dateAsString, bookedDays ) ==-1 ? [true] : [false];

return result

}

assignCalendar('#date_in_input');

assignCalendar('#date_out_input');

});

// ]]>

</script>

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php if ( get_option(PREFIX.'_feedburner_url') <> "" ) { echo get_option(PREFIX.'_feedburner_url'); } else { echo get_bloginfo_rss('rss2_url'); } ?>" />

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

</head>

<body>

<div class="head">

<div class="container">

<div class="logo"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('description'); ?>"><?php $logo = get_option(PREFIX.'_logo'); if ( $logo == '' ) { $logo = $template_directory . '/images/logo.png'; } ?><img src="<?php echo $logo ?>" alt="<?php bloginfo('name'); ?>" /></a></div>

<div class="head_right">

<?php

$header_shortcodes = html_entity_decode(get_option(PREFIX.'_header_shortcodes'), ENT_QUOTES, 'UTF-8');

echo $header_shortcodes = apply_filters('themefuse_shortcodes',$header_shortcodes);

?>

</div>

</div>

</div>



<div class="menu-header">

<div class="container">

[90]

<?php include( THEME_MODULES . '/page-nav.php' ); ?>

</div>

</div>



Footer.php <div class="newsletter_box">

<h3><?php _e('Sign up for Newsletter', 'tfuse') ?>:</h3>

<?php if ( $_POST['newsletter']!='' ) { ?>

<h2><?php _e('Thank you for your subscription.', 'tfuse') ?></h2>

<?php } else { ?>

<form action="#" method="post">

<input type="text" value="<?php _e('Enter your e-mail address', 'tfuse') ?>" onfocus="if (this.value == '<?php _e('Enter your e-mail address', 'tfuse') ?>') {this.value = '';}" onblur="if (this.value == '') {this.value = '<?php _e('Enter your e-mail address', 'tfuse') ?>';}" name="newsletter" class="inputField" />

<input type="submit" value="<?php _e('Submit', 'tfuse') ?>" class="btn-submit" />

</form>

<?php } ?>


</div>

</div>

</div>

<div class="footer">

<div class="container_24">

<?php if ( get_option(PREFIX.'_enable_footer_shortcodes')!="true" ) { ?>

<div class="col_1_4 col">

<div class="inner">

<?php dynamic_sidebar('Footer 1'); ?>

</div>

[91]

</div>


<div class="inner">


</div>

</div>


<div class="inner">


</div>

</div>


<div class="inner">


</div>

</div>

<div class="divider_space"></div>

<?php } else {

//footer area for shortcodes

$footer_shortcodes = html_entity_decode(get_option(PREFIX.'_footer_shortcodes'), ENT_QUOTES, 'UTF-8');

echo $footer_shortcodes = apply_filters('themefuse_shortcodes',$footer_shortcodes);

}

?>


</div>

</div>

<?php $template_directory = get_bloginfo('template_directory'); ?>

[92]



<script type="text/javascript" language="javascript" src="<?php echo $template_directory ?>/js/shCore.js"></script>

<script type="text/javascript" language="javascript" src="<?php echo $template_directory ?>/js/shBrushPlain.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $template_directory ?>/css/shCore.css" />

<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $template_directory ?>/css/shThemeDefault.css" />






SyntaxHighlighter.defaults['gutter'] = false;

SyntaxHighlighter.defaults['toolbar'] = true;

SyntaxHighlighter.all();

</script>



<?php wp_footer(); ?>

<?php $analitycs = get_option(PREFIX.'_google_analytics'); if ( $analitycs <> '' ) { echo html_entity_decode($analitycs,ENT_QUOTES, 'UTF-8'); } ?>

</body>

</html>

[93]

ΚΕΦΑΛΑΙΟ 8: Πηγές Μελέτης [1] https://vndh.net/note:wordpress-351-denial-service [2] http://secunia.com/advisories/product/6745/ [3] http://secunia.com/advisories/product/33191/ [4] http://www.threadwatch.org/node/11333 [5] http://wordpress.org/development/2007/03/upgrade-212/ [6] http://codex.wordpress.org/Hardening_WordPress [7] http://el.wikipedia.org/wiki/WordPress [8] http:// wordpress.com [9] http://www.wordpressious.com [10] http://wpmania.gr [11] http://blog.monitis.com [12] Wordpress for Dummies writter Lisa Sabin Wilson [13] Pro Wordpress Development, writter Chris J David

ΦΑΛΑΛΑΚΗΣ ΚΩΣΤΑΝΤΙΝΟΣ (ΑΜ: 1839) email :...

Documents