24 Δεκεμβρίου, 2014

WOOCOMMERCE στα Ελληνικά

Για να μετάφράσετε στα Ελληνικά ένα ηλεκτρονικό κατάστημα που έχει κατασκευαστεί με το WoooCommerce (plugin του Wordpress), αρκεί να ανεβάσετε το αντίστοιχο αρχείο .mo μέσα στο φάκελο :
/public_html/marketing/wp-content/plugins/woocommerce/i18n/languages

Το αρχείο μπορείτε να το βρείτε με αναζήτηση στο Internet

Για οποιαδήποτε βοήθεια μπορείτε να στείλετε e-mail στο διαχειριστή αυτού του blog

20 Νοεμβρίου, 2014

Γιατί χρησιμοποιούμε το WordPress στη δημιουργία ιστοσελίδων?!

Γιατί χρησιμοποιούμε CMS;
  • Επειδή δε χρειάζεται να ανακαλύψουμε τον τροχό στην κατασκευή ισοσελίδων και τη διαχείριση ενός website
  • Το 60% αυτών που θέλουμε να φτιάξουμε, είναι τετριμένα
  • Είναι ανοιχτού κώδικα και μπορούν να τροποποιηθούν
  • Απλοποιούν τη συχνή προσθήκη / ενημέρωση περιεχομένου
Γιατί χρησιμοποιούμε το WordPress;
  • Είναι CMS που κατασκευάζεται από μία εταιρεία, όχι από πολλούς ανεξάρτητους προγραμματιστές
  • Έχει περάσεις από ελέγχους
  • Ο πυρήνας του για τη βασική χρήση δίνεται δωρεάν
  • Είναι φιλικό και έυκολο για τον απλό χρήστη και ο πεξεργαστής κειμένου είναι ένα απλοποιημένο Word.
  • Είναι το πιο φιλικό προς τις μηχανές αναζήτησης
  • Έχει τη μεγαλύτερη κοινότητα από προγραμματιστές & γραφίστες
  • Έχει πληθώρα πρόσθετων εργαλείων & εικαστικών, είτε δωρεάν είτε με αγορά
Που δεν ενδύκνειται η χρήση του WordPress
  • Websites λίγων σελίδων που δεν ανανεώνονται συχνά
  • Ηλεκτρονικά καταστήματα με πολλούς κωδικούς - είδη ( περισσότερα από 1.000 )
  • Κοινότητες χρηστών, forums

17 Νοεμβρίου, 2014

Πώς να "κατεβάσετε" προσωρινά ένα website φτιαγμένο σε WP

Για προγραμματιστές

Με ρώτησε πρόσφατα ένας φίλος που δεν τον πλήρωνε κάποιος πελάτης, πως μπορεί να απενεργοποιήσει ένα website. Υπάρχουν δεκάδες τρόποι να το κάνεις και χωρίς να χαλάσεις την κατασκευή. Εκείνη την ώρα δε μπορούσα να έχω πρόσβαση στα αρχεία (FTP), ούτε στη διαχείριση της φιλοξενίας (cPanel). Επίσης δεν θέλαμε να πειράξουμε τους nameservers στο registrar ' αυτό θα ήταν το επόμενο και πιο μόνιμο στάδιο.

Ήταν μια κατασκευή website με WordPress, αλλά το ίδιο μπορεί να γίνει σε οποιοδήποτε σύστημα χρησιμοποιεί php. Φυσικά, το ίδιο μπορεί να θέλει κάποιος για το δικό του website για διάφορους λόγους. Με την παρακάτω λύση μπορείτε να απενεργοποιήσετε τις σελίδες που βλέπουν οι επισκέπτες και να συνεχίστε να δουλεύετε στον Πίνακα Διαχείρισης (Dashboard)

Υπάρχει λοιπόν η εντολή 
require('file2.php');
η οποία όταν γραφτεί μέσα σε ένα αρχείο που εκτελείται (π.χ. file1.php), απαιτεί την ενσωμάτωση του αρχείου file2.php, σε εκείνο ακριβώς το σημείο. Το χαρακτηριστικό αυτής της εντολής και η διαφορά της με την include είναι ότι με τη χρήση της require και στην περίπτωση που δε βρεθεί το αρχείο σταματάει η εκτέλεση του κώδικα php και η παραγωγή HTML, σε εκείνο το σημείο.

Συγκεκριμένα για το WP, εντοπίζουμε το αρχείο header.php μέσα από το
Appearance >> Editor
και στην αρχή του αρχείου προσθέτουμε
<?php   require('payment');   ?>


Αφού δεν υπάρχει το payment, σταματάει να εμφανίζεται οποιαδήποτε σελίδα στο front-end :)


18 Οκτωβρίου, 2014

Κατασκευή Ηλεκτρονικού Καταστήματος

Τα Συστήματα Διαχείρισης Περιεχομένου (Content Managment Systems) είναι πακέτα λογισμικού που χρησιμοποιούνται για την κατασκευή ιστοσελίδωνΣτην καθομηλουμένη CMS, με κορυφαία παραδείγματα τα Drupal, Wordpress, Joomla κ.α. Η επιλογή CMS για το website που θέλουμε να φτιάξουμε είναι κανονικά ένα πολύ μεγάλο κομμάτι της όλη εργασίας και η διαδικασία αυτή γίνεται κάθε φορά που ξεκινάμε να φτιάξουμε ένα website, επειδή αποτελεί και αφορμή να ενημερωνόμαστε για τις όποιες εξελίξεις. Το πεδίο αυτό τη πληροφορικής είναι από τα ταταχύτερα αναπτυσόμενα μιας και σχετίζεται άμεσα με το Ηλεκτρονικό Εμπόριο. 

Ένας developer (μηχανικός) είναι φύση αδύνατο να γνωρίζει το ίδιο καλά και να μπορεί να χειριστεί αποδοτικά το ίδιο όλα τα CMS. Μια τέτοια προσπάθεια είναι και αρνητική διότι δε θα καταφέρναμε να βελτιστοποιήσουμε την απόδοσή μας σε κανέναν από αυτά.  Πάντως οι γενικές αρχές που ακολουθούν τα CMS είναι λίγο πολύ ίδιες, οπότε αν υπάρχει η ανάγκη και με διάβσμα ένας μηχανικός μπορεί να κατασκευάσει οτιδήποτε του ζητηθεί πάνω σε οποιαδήποτε πλατφόρμα. 

Τελικά κάθε κατασκευαστής ιστοσελίδων έχει να προτείνει μεταξύ δύο ή το πολυ τριών επιλογών και θα προβάλλει τα πλεονεκτήματά τους ως τη βέλτιστη λύση. Σε κάθε περίπτωση η επιλογή CMS γίνεται αφού πρώτα ιεραρχίσουμε τις απαιτήσεις του συστήματος, δηλ.
  • ευκολία χειρισμού από μη προγραμματιστές (ωστόστο εξοικιωμένους χρήστες του διαδικτύου)
  • αναβαθμίσεις (πόσο εύκολα γίνονται)
  • τεχνική υποστήριξη, επίσημη κι ανεπίσημη, δηλ. και από τον κατασκευαστή και από forums
  • εμφάνιση : πολλά και μοντέρνα έτοιμα εικαστικά (themeforest.com) - Η αγορά ενός καλού εικαστικου κοστίζει λιγότερο από 50 ευρώ και προσφέρει ευκολίες και ευελιξία. Αισθητικά η διαφορά με τα δωρεάν είναι τεράστια. Ο χρόνος εγκατάσταστης είναι ελάχιστος.
  • εστιασμένη χρήση : Πολύ απλά υπάρχουν CMS που εστιάζουν στην ανάπτυξη e-shop παρά σε blog
  • επεκτασιμότητα : Εκτός απο την βασική λειτουργία, τι εργαλεία μπορεί να προσθέσει κάποιος
  • η βασική λειτουργία : Ειδεσεογραφικό που κάποια στιγμή θα αποκτήσει ένα μικρό κατάστημα;
  • ή e-shop με λίγα άρθρα για υποστήριξη?
  • τι επιπλέον χαρακτηριστικά έχουν : πχ υπάρχει πακέτο σύνδεσης με τράπεζες; ή θα χρειαστεί να το φτιάξουμε
Η δικής μας πρόταση είναι
  • Επιλογή μεταξύ Drupal ή WordPress με plugin για e-shop
  • Εγκατάσταση και παραμετροποίηση
  • Σύνδεση με PayPal
  • Αν θέλουμε και απευθείας σύνδεση με τράπεζα θα χρειαστεί και παραπάνω χρόνος ανάπτυξης
  • Παραμετροποίηση για 2 γλώσσες Εληνικά + Αγγλικά
  • Επιλογή εικαστικού και εγκατάσταση (responsive theme)
  • Επίδειξη δυνατοτήτων στον τελικό χρήστη & επιλογή εμφανισης αρχικής καi εσωτερικών σελίδων
  • Σχεδιασμός e-shop & περιεχομένου σε συνεργασία με τον ιδιοκτήτη
  • Κατασκευή σελίδων : e-shop, σελίδες κειμένου, μενού (σε 2 γλώσσες)
  • Αν υπάρχουν κείμενα πρέπει να μεταφραστοτούν από τον ιδιοκτήτη του site
  • On Site SEO
  • Σύνδεση με Google
  • Δοκιμαστική λειτουργία
  • Παράδοση
  • Εκπαίδευση

12 Οκτωβρίου, 2014

Αλφαβητάρι για Web-άδες ( Ελληνικό )

Συμπληρώνεται...

d : dnhost.gr - Καταχώρηση ονομάτων και υπηρεσίες φιλοξενίας
e : eett.gr - Ελληνική επιτροπή τηλεπικοινωνιών και ταχυδρομείων
f : forth.gr -
g : google.gr -
h : hol.gr -
i : internet.gr -
p : papaki.gr - Καταχώρηση ονομάτων και υπηρεσίες φιλοξενίας
s : simplepay.gr - Πληρωμές online
t : translate.google.gr - Μετάφραση
u : utorrent.com - μTorrent
v : viva.gr -
w : winbank.gr - Web Banking

11 Οκτωβρίου, 2014

Alphabeta για Web-άδες ( Διεθνές )


a : alexa.com - Υπηρεσία στατιστικών του ιστού
b : bing.com - Η μηχανή αναζήτησης της Microsoft
c : checkpagerank.net - Page rank checker
d : dropbox.com - Δικτυακός χώρος αποθήκευσης | drupal.org -  Open Source CMS
e : ebay.com - Electronics, Cars, Fashion, Collectibles, Coupons and More Online Shopping
f : facebook.com - Το μεγαλύτερο ηλεκτρονικό κοινωνικό δίκτυο
g : google.com - Το μεγαλύτερο Cloud, έχει σχεδόν όλα τα άλλα που περιέχει αυτή η λίστα
h : hotmail.com - Υπηρεσια ηλ. ταχυδρομείου
i : instagram.com - Photographs
j : joomla.org - Open Source CMS
l : linkedin.com - Biznes oriented social network
m : moz.com - SEO news
o : opensourcecms.com - CMS catalog
p : paypal.com | pingdom.com - Website Monitoring
s : strongpasswordgenerator.com - Strong Password Generator
t : themeforest.net - Web design
v : validator.w3.org - HTML validator
w : WordPress - Blog tool & Publishing platform
y : youtube.com - Video hosting

08 Οκτωβρίου, 2014

Βελτιστοποίηση για τις Μηχανές Αναζήτησης

H προώθηση ιστοσελίδων μέσω των μηχανών αναζήτησης (Search Engine Marketing) περιλαμβάνει:
  • τη βελτιστοποίηση ιστοσελίδων για τις Μηχανές Αναζήτησης (Search Engine Optimization), 
  • τη διαφήμιση με χρέωση ανά επίσκεψη (Pay-Per-Click) που εκμεταλεύεται τη δραστηριότητα αναζήτησης των χρηστών και 
  • την ανάλυση στατιστικών επισκεψιμότητας ώστε να αξιολογηθεί κάθε προσπάθεια που κάνουμε και να γίνουν βελτιωτικές ενέργειες (Google Analytics, Alexa Metrics)
Μπορούμε να βορύμε και να αναφέρουμε πολλούς Διαδικτυακούς Τόπους (Sites) που προσφέρουν υπηρεσίες αναζήτησης, ετκός από τη γνωστή σε όλους Google. Σ' αυτές ο χρήστης μπορεί να πληκτρολογήσει μία λέξη ή φράση και μια Μηχανή Αναζήτησης θα επιστρέψει στο χρήστη μια λίστα αποτελεσμάτων (διευθύνσεων του ιστού), ταξινομημένη έτσι ώστε πρώτες (ψηλά στη λίστα) να βρίσκονται οι διευθύνσεις που η Μηχανή θεωρεί ως πιο σχετικές με τη λέξη ή φράση που εισήγαγε ο χρήστης.

Αξίζει να σημειώσουμε τα εξής:
  1. Η κάθε Μηχανή Αναζήτησης έχει τους δικούς της αλγόριθμους, άρα και κριτίρια ταξινόμησης συνεπώς μπορεί να δίνει διαφορετικά αποτελέσματα για την ίδια αναζήτηση. Επίσης οι αλγόριθμοι μεταβάλλονται, έτσι ώστε να βελτιώνονται τα αποτελέσματα της αναζήτησης.
  2. Οι Μηχανές Αναζήτησης και ιδιαίτερα η Google δεν αποκαλύπτουν πως ακριβώς λειτουργούν οι αλγόριθμοί τους, δηλάδη τα ακριβή κριτίρια και τη βαρύτητα που δίνουν στο καθένα. Ωστόσο δίνουν γενικές οδηγίες για το 'τι' είναι σημαντικό για την ανάδειξη των ιστοσελίδων. Επιπλέον οι ερευνητές και οι επαγγελματίες του SEO, μέσα από ανάλυση στατιστικών δεδομένων αλλά και εμπειρικά προσπαθούν κάθε φορά να έχουν όσο το δυνατόν πιο καλή εικόνα του τρόπου λειτουργίας της Αναζήτησης μέσω Google (Google Search)
  3. Κατά κανόνα τα αποτελέσματα που δίνουν οι αλγόριθμοι των μηχανών δε επιρρεάζονται από χορηγίες ή πληρωμές. Οι διαδικτυακοί τόποι που προσφέρουν υπηρεσίες αναζήτησης φροντίζουν να διαχωρίσουν ευκρινώς τα αποτελέσματα της υπηρεσίας από τις διαφημίσεις που τοποθετούνται στην ίδια σελίδα
Οι εργασίες που μπορεί να κάνει κάποιος για τη βελτιστοποίηση ενός διαδικτυακού τόπου χωρίζονται σε δύο ομάδες:
  • Από τη μία είναι η βελτίωση της δομής (μενού, 'δεντρο' ιστότοπου), του περιεχομένου, της μορφοποίησης (μέσω HTML) και της ταχύτητας, τα οποία συνοψίζονται ως εργασίες εσωτερικές (On Page SEO) και πλήρως ελεγχόμενες από τους ιδιοκτήτες ή διαχειριστές. Βασική προϋπόθεση και μείζον κριτίριο είναι η ύπαρξη ποιοτικού περιεχόμενου (κείμενα).
  • Από την άλλη είναι οι εργασίες που πραγματοποιούνται σε άλλες ιστοσελίδες του παγκόσμιου ιστού και έξω από τον ιστότοπο που θέλουμε να αναδείξουμε (Off Page SEO), έτσι ώστε να διαδοθεί και να γίνει δημοφιλής στις μηχανές αναζήτησης. Οι εργασίες αυτές έχουν ως χρυσό κανόνα την Κατασκευή Συνδέσμων (Link Building) μέσα σε άλλες ιστοσελίδες οι οποίοι να οδηγούν στον συγκεκριμένο ιστότοπο.

04 Οκτωβρίου, 2014

Μετατροπή πολλαπλών HTML σε PHP Library

Για προγραμματιστές

Σε παλιά ή προβληματικά sites, στα οποία δεν έχουμε πρόσβαση στο περιβάλλον διαχείρισης μπορούμε να έχουμε τελικά πολλές (10+) HTML σελίδες με κοινη δομή και εμφάνιση και αλάζει μόνο ένα συγκεκριμένο τμήμα της σελίδας. Δηλαδή έχουμε παντού τα ίδια μενού, πλάγια μπάρα (sidebar), υποσέλιδο (footer) και αλλάζουν μόνο τα κείμενα και οι εικόνες του περιεχομένου, από σελίδα σε σελίδα. 

Αυτό είναι προβληματικό, επειδή στην περίπτωση που θελήσουμε να κάνουμε μια αλλαγή, π.χ. να προσθέσουμε ένα στοιχείο στο menu, θα πρέπει να κάνουμε την ίδια αλλαγή πολλές φορές : όσα είναι όλα τα αρχεία. Με τον παρακάτω τρόπο θα απομονώσουμε τα κομμάτια ενός website που είναι κοινά σε όλες τις σελίδες, σε μοναδικά αρχεία php, έτσι ώστε να τα έχουμε σε ένα μόνο σημείο και να κάνουμε την αλλαγή μόνο μία φορά όταν χρειαστεί.
  • Επιλέγουμε μια σελίδα του site που έχει την εμφάνιση που θέλουμε και την αποθηκεύουμε τοπικά, π.χ. την index.html
    • Υπάρχει η περίπτωση κάποιες 'εσωτερικές' σελίδες να είναι διαφορετικές από την Αρχική 
  • Αντιγράφουμε το index.html σε ένα νέο αρχείο με όνομα index.php και ανοίγουμε το αρχείο για επεξεργασία με το Notepad++ 
  • Βρίσκουμε κομμάτια κώδικα του αρχείου που επαναλλαμβάνονται σε όλες τις σελίδες π.χ. ένα sidebar div.
    • Πιθανόν να να χρειαστεί να ανοίξουμε πολλές σελίδες για να βεβαιωθούμε με ποιο τρόπο επαναλαμβάνονται κομμάτια HTML από σελίδα σε σελίδα.
  •  Το μετακινούμε σε ένα νέο αρχείο με όνομα sidebar.php μέσα στο φάκελο library και στην παλιά του θέση γράφουμε : <?php include 'library/sidebar.php'; ?>
  • Αφού ολοκληρώσουμε αυτή τη διαδικασία και θα έχουμε δημιουργήσει π.χ. τα top-menu.php, sidebar.php, footer.php θα έχουμε μια βιβλιοθήκη αρχείων (php library) 
    • Για διαφοροποίηση κάποιων σελίδων μπορεί να τα top-menu και footer να παραμένουν ίδια σε όλες τις σελίδες, και να έχουμε παραλλαγές όπως : sidebar1 / sidebar2, leftmenu / rightmenu κ.ο.κ. τα οποία να ποικίλουν από σελίδα σε σελίδα.
  • Τέλος πρέπει να αποθηκεύσουμε όλες τις html σελίδες τοπικά, να δημιουργήσουμε αντίγραφα σε php αρχεία και για κάθε αρχείο να επαναλάβουμε τη διαδικασία αντικατάστασης της html με php includes των υπαρχόντων αρχείων.
Από δω και πέρα μπορούμε να κάνουμε οπτικές ή προγραμματιστικές αλλαγές μέσα στη βιβλιοθήκη μας και αυτομάτως θα ενημερώνεται όλο το website.

Μετατροπή πολλαπλών HTML σε PHP Template

Για προγραμματιστές

Επιλέγουμε μία HTML σελίδα και την αντιγράφουμε σε ένα νέο αρχείο php που θα αποτελέσει το πρότυπό μας (template).


Αντικαθιστούμε το περιεχόμενο (π.χ. μία παράγραφος) που αλλάζει από σελίδα σε σελίδα, με ένα php include της μορφής : 
<?php include('content/' . $page . '.htm'); ?>
όπου :
  • το content είναι ο φάκελος που έχει μέσα αρχεία περιεχομένου με HTML μορφοποίηση ( κείμενο / εικόνα )
  • το $page είναι παράμετρος που παίρνει την τιμή της από το url, όπως για παράδειγμα : http://ellhnika.gr/index.php?page=about
  • χρησιμοποιώ την κατάληξη .htm στα αρχεία που δεν είναι ολοκληρωμένες σελίδες html, αλλά περιέχουν κώδικα HTML
Άρα διαμορφώνουμε κατάλληλα τα links του template (index.php?page=about, index.php?page=contact κ.ο.κ.) και μέσα στο φάκελο content αποθηκεύουμε κείμενα μορφοποιημένα με HTML κώδικα και πιθανόν εικόνες.

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


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

Τον κώδικα που απαιτείταi για να πάρει η μεταβλητή $page την τιμή της από το URL μπορείτε να το βρείτε πολύ εύκολα αν ψάξετε για τη χρήστη του $_GET μέσα στο website http://php.net

H php ήταν .net πολύ πριν τη vb
:P


03 Οκτωβρίου, 2014

Δωρεάν Web Hosting στη Google...

Γίνεται...

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

Παρακάτω περιγράφουμε έναν τρόπο αποθήκευσης και διαμοιρασμού (sharing) αρχείων, που μπορεί να χρησιμοποιθεί σαν ένα κομμάτι στο παζλ της Δωρεάν Φιλοξενίας Ιστοσελίδων. 
Δωρεάν Web Hosting που ταυτόχρονα όμως θα είναι :
  • Ανταγωνιστικά αποδοτικό
  • Ταχύτατο & Ασφαλέστατο
  • Λειτουργικό & Αξιόπιστο
  • Φιλικό προς τις Αναζητήσεις ( Search Engine Friendly )
Τη Google την ξέρουμε για τη Μηχανή Αναζήτησης, πιθανόν να έχουμε και Gmail. Αν δεν έχουμε, φτιάχνουμε άμεσα έναν επαγγελματικό/επιχειρισιακό λογαριασμό. Ο λογαριασμός αυτός εξασφαλίζει πρόσβαση σε όλα τα προϊόντα και υπηρεσίες της Google. 

Το Google Drive μας δίνει τη δυνατότητα να αποθηκεύσουμε διαδικτυακά αρκετά Giga-Bytes αρχείων, άρα μπορούμε να ανεβάσουμε εκεί μεγάλα αρχεία περιεχομένου που θα θέλαμε να συμπεριλάβουμε σε κάποιο website. Αυτό θα γίνει για αυτούσια αρχεία (κειμένου) που μπορεί να κεταβάσει ή να ανοίξει ο χρήστης ξεχωριστά (word, pdf, xps) και όχι για λειτουργικά αρχεία κώδικα ή εικόνων από τα οποία εξαρατάται η εμφάνιση της ιστοσελίδας.

Μέσα από το περιβάλλον διαχείρισης των αρχείων και κάνοντας δεξί κλικ πάνω στο αρχείο που θέλουμε να μοιραστούμε, μας δίνονται επιλογές και ένα σύνδεσμος (link) διαμοιρασμού του αρχείου. Θέτουμε τις επιλογές έτσι ώστε οι χρήστες μόνο να μπορούν να δουν το αρχείο και όχι να το πεξεργαστούν. Αντιγράφουμε το σύνδεσμο και τον χρησιμοποιούμε μέσα στο website που κατασκευάζουμε αντικαθιστώντας πιθανούν συνδέσμους που έχει παράγει αυτόματα το όποιο CMS χρησιμοποιούμε (WP, Drupal, Joomla)!
  1. https://drive.google.com/
  2. Install Drive for your computer
    • Select Google Drive folder
  3. Organize you documents
  4. Copy share link

27 Σεπτεμβρίου, 2014

Αναβάθμιση website με μικρό κόστος

Διακρίνω μερικές περιπτώσεις όπου ένα εταιρικό website ή επαγγελματική ιστοσελίδα μπορεί να χρειάζεται άμεσα λειτουργική αναβάθμιση.
  • Το υπάρχον website είναι κατασκευασμένο με CMS που δε μας καλύπτει πλέον αλλά  η απαιτούμενη αναβάθμιση αποδεικνύετεαι όχι και εύκολη (π.χ. Joomla 1.5)
  • Το υπάρχον website είναι μερικές σελίδες σε HTML
  • Το υπάρχον website είναι όλο σε Flash
Σε κάθε περίπτωση τίποτα δε μας εμποδίζει να εγκαστήσουμε άμεσα ένα WordPress χωρίς να πειράξουμε τίποτα από το υπάρχον website. Αν φυσικά διαθέτουμε το κατάλληλο πακέτο φιλοξενίας. Από κει και έπειτα απαιτούνται πράγματα:

  1. Να επιλέξουμε εικαστικό 
  2. Να μεταφέρουμε το περιεχόμενο από το παλιό στο νέο website
Όταν ολοκληρώσουμε τα παραπάνω καταργούμε τις παλιές σελίδες και οι χρήστες εισέρχονται κατευεθείαν στο νέο περιβάλλον.

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

29 Ιουλίου, 2014

Responsive Themes\Templates

Το Responsive κατά Google Translate αποδίδεται ως: κατανοητός, ευαίσθητος, αποκριτικός, απαντητικός. Θα κρατήσω το αποκριτικός που δεν ήξερα ότι υπάρχει σαν λέξη και ταιριάζει απόλυτα. Είναι ο πιο ακριβής και πλήρης προσδιορισμός της τεχνολογίας που θα περιγράψόυμε. 

Μιλάμε λοιπόν για Themes\Templates, δηλαδή πρότυπα εμφάνισης που προορίζονται για CMS (WordPress, Drupal, GetSimple) ή για custom κατασκευές ιστοσελίδων.To αποκριτικός (Responsive) όταν αναφέρεται σε εμφάνιση ιστοσελίδας σημαίνει ότι η διάταξη του περιεχομένου προσαρμόζεται στον τύπο και το μέγεθος της οθόνης του χρήστη. Χοντρικά μπορούμε να διακρίνουμε τρεις τύπους οθονών: οθόνη υπολογιστή (desktop, laptop) tablet, κινητό. Τα πιθανά μεγέθη και αναλογίες είναι λίγο δύσκολο να τα μετρήσουμε. Ωστόσο ένα Responsive Theme κάνει όλη τη δουλειά για μας κι ακόμα παραπάνω. Θα λεγα ότι ξεπρνάει τις προσδοκίες μας. Ένα καλό Responsive theme είναι κατασκευασμένο έτσι ώστε να κάνει δύο πράγματα:
  1. Προσαρμόζει τα μεγέθη στο μέγεθος της οθόνης
  2. Προσαρμόζει τη διάταξη της πληροφορίας στο μέγεθος της οθόνης

Internet Marketing


To Internet Marketing εκτός από τους τεχνικούς όρους με τους οποίους περιγράφεται και οι οποίοι μπορεί να φαντάζουν δύσκολοι κι απόμακροι στην πραγματικότητα είναι απλά η μεταφορά του παραδοσιακού μάρκετινγκ στο περιβάλλον του διαδικτύου.

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

Το διαδικτυακό μάρκετινγκ περιλαμβάνει εργασία στους παρακάτω κλάδους:
·         Email Marketing, σε αντιστοιχία με τα διαφημιστικά φυλλάδια
·   Directories & Listings, Καταχωρήσεις σε δικτυακούς επαγγελματικούς οδηγούς και κατάλογους πληροφοριών, σε αντιστοιχία με τους τηλεφωνικούς καταλόγους (χ.ο.)
·         Social Media Marketing, Επικοινωνία στα μέσα κοινωνικής δικτύωσης
·         Online Advertising, Διαφημίσεις με banners ή Google Ads
Τα παραπάνω προϋποθέτουν την ύπαρξη ενός βασικού κορμού που είναι μία ή περισσότερες σελίδες (site ή e-shop) φτιαγμένες σωστά και με ποιοτικό περιεχόμενο καθώς επίσης και το σχεδιασμό ενός αρχικού πλάνου για το ποιοι είναι οι στόχοι και με ποιο τρόπο θα τους επιτύχουμε.

Το διαδικτυακό μάρκετινγκ ολοκληρώνεται με τα κατάλληλα εργαλεία λογισμικού μας (Google Analytics, Web Ranks, SERP Checkers) που μας επιτρέπουν να παρακολουθούμε την αποδοτικότητα των ενεργειών. Για παράδειγμα μπορούμε να παρακολουθούμε την επισκεψιμότητα και το πώς κινούνται οι χρήστες μέσα σε ένα e-shop. Ή μπορούμε να παρακολουθούμε την κατάξη της ιστοσελίδας μας στον παγκόσμιο ιστό και το συχσχετισμό της με ‘λέξεις/φράσεις κλειδιά’ που μας ενδιαφέρουν.

20 Ιουνίου, 2014

Startup site - Ιστοσελίδα για οικονομικό ξεκίνημα


Κάποιοι επαγγελματίες δεν είναι έτοιμοι ακόμα να επενδύσουν στο ηλεκτρονικό εμπόριο. Ωστόσο, θα ήθελαν για αρχή, μια τυπική παρουσία στο Διαδίκτυο. Ακόμα υπάρχουν πολλοί που έχουν ήδη αγοράσει κάπιοιο όνομα χώρου, αλλά το site είναι μόνιμα 'Υπό κατασκευή'  και άλλοι που έχουν ένα πολύ παλιό site που χρειάζεται επειγόντως ανανέωση ή και διορθώσεις, αλλά τα κονδύλια είναι περιορισμένα.


Οι δυνατότητες που προσφέρουν τα social media και οι πλατφόρμες για δωρεάν blog, δεν δίνουν άρτιες ούτε επαγγελματικές λύσεις. Η πιο οικονομική, αλλά ταυτόχρονα άρτια λύση για τη δημιουργια website με καλές προοπτικές περγιράφεται παρακάτω.

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

Επιπλέον μπορούμε να προσθέσουμε :
  • Επαγγελματικό εικαστικό για την τέλεια εμφάνιση σε όλες τις συσκευές απεικόνισης
    - premium responsive design για tablets και smpart-phones
  • Φόρμα επικοινωνίας - contact form
  • Πλήρες On Site & Off Site SEO
  • Εικονίδια κοινοποίησης - social media signals
  • Εμφάνιση δυναμικού περιεχομένου από Facebook ή Blogspot
  • Κατασκευή για πιο γρήγορη και οικονομική χρήση από τα κινητά - mobile sit
Οι τεχνολογίες και η κατασκευή είναι τέτοια ώστε πετυχαίνουμε :
  • Μικρός χρόνος για το τελικό αποτέλεμα
  • Οι ιστοσελίδες είναι ελαφρίες άρα πολύ γρήγορες
  • Ο συνολικός όγκος είναι μικρός άρα και η φιλοξενία πιο οικονομική
  • To website είναι φιλικό στις μηχανές αναζήτησης
  • Εκμεταλλευόμαστε το μέσο με το οποίο έχουμε εξοικείωση (fb, blogspot) για να εμφανίζουμε νέα, προσφορές κ.α.

21 Μαΐου, 2014

Πολυγλωσσικοί μηχανισμοί

Υπάρχουν διάφοροι μέθοδοι / τεχνικές προκειμένου να έχουμε ένα website σε πολλές γλώσσες. Θα προσπαθήσουμε να βρούμε τα καλύτερα χαρακτηριστικά μέσω της λειτουργίας των πρόσθετων εργαλείων (plugins) για WordPress. 



Υπάρχουν οι παρακάτω τύποι εργαλείων
  1. Μία καταχώρηση για κάθε γλώσσα ( πχ. WPML με κόστος, Polylang δωρεάν ). Οι μετεφρασμένες σελίδες συνδέονται μεταξύ τους δείχνοντας ότι κάθε μία είναι μετάφραση μιας άλλης 
  2. Αποθήκευση όλων των μεταφράσεων σε μία καταχώρηση. Εμφανίζεται στο χρήστη μόνο η γλώσσα που του ταιριάζει (πχ. qTranslate).
  3. Δυναμική μετάφραση της κάθε σελίδας (πχ. Transposh ) με τη χρήση συστημάτων αυτόματης μετάφρασης και πιθανόν τη συμβολή του χρήστη (ή ανακατεύθυνση σε τέτοιες υπηρεσίες εκτός του website πχ. Google AJAX Translation)
  4. Χρήση διφορετικού subdomain για κάθε γλώσσα. Στο WP αυτό υλοποιείται με ένα 'δίκτυο εγκαταστάσεων' και επιπλέον χρήση plugins (πχ. Multisite Language Switcher, Multilingual Press).
Η πιο 'καθαρή', εύκολη και SEO frienly περίπτωση είναι η πρώτη. Επειδή συγκεντρώνει τα εξής χαρακτηριστικά :
- Δίνουμε τελείως διαφορετικό url για την κάθε γλώσσα
- Μπορούμε να χειριστούμε σωστά τις περιπτώσεις όπου η μετάφραση δεν έχει δωθεί
- Είναι ξεκάθαρο ποια γλώσσα αφορά η κάθε σελίδα
- Μεταφράζεται ολόκληρη η ιστοσελίδα (μενού, εργαλεία, κείμενο)

08 Μαΐου, 2014

Mobile Site


Ένα Mobile Site είναι έχει responsive εμφάνιση συν κάτι πολύ σημαντικό..

Το βασικό μειονέκτημα για τα responsive sites είναι ότι για κάθε σελίδα του website παρέχουν περίπου τα τριπλάσια δεδομένα μορφοποίησης (HTML5, CSS3, JS) προκειμένου να μπορέσουν να προβληθούν τελικά σε οποιαδήποτε συσκευή (οθόνη, tablet, κινητό). Το περιεχόμενο (κείμενο, εικόνες κλπ) φυσικά κατεβαίνει μία φορά για κάθε σελίδα, αλλά διατάσεται διαφορετικά αναλόγως τη συσκευή απεικόνισης.



Για παράδειγμα ένας χρήστης που βλέπει ένα responsive site από κινητό θα έχει κατεβάσει το περιεχόμενο (κείμενο, εικόνες κλπ) συν τον κώδικα για να δεί σωστα τη σελίδα (στο πλάτος κινητού) ..ΣΥΝ το κώδικα που θα προέβαλλε τη σελίδα σε πλάτος tablet, ΣΥΝ το κώδικα που θα προέβαλε τη σελίδα σε πλάτος οθόνης η/υ. Ετσι ναι μεν δίνουμε ένα site που μπορεί να διαβαστεί και από κινητά, αλλά καταναλώνουμε πολλά από τα MB της σύνδεσης του κινητού και επιπλέον υστερούμε σε ταχύτητα.

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

Παράδειγμα τέτοιου website είναι το ELLHNIKA gr

18 Φεβρουαρίου, 2014

Δωρεάν εικαστικά για WordPress ( themes )


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

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

Τελικά όσον αφορά τα εικαστικά ιστοσελίδων ( Wordpress themes ) πολλοί κατασκευαστές ακολουθούν αυτή τη φιλοσοφία. Κατασκευάζουν εικαστικά πάρα πολύ δυνατά και λειτουργικά και δίνουν μια πιο περιορισμένη έκδοση αυτών δωρεάν η οποία ωστόσο πολλές φορές είναι επαρκής για ένα σύγχρονο website.