WordPress και πάρε ταχύτητα να έχεις!

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

Πολλοί θα έχετε δει αυτά τα αποτελέσματα στο GTmetrix στο Pingdom και σε πολλά άλλα προγράμματα ταχύτητας:

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

Πως το καταφέραμε; Βάζοντας δύο plugins και ρυθμίζοντας τα όπως πρέπει. Εννοείται βέβαια ότι φτιάξαμε και τις φωτογραφίες μας. Τα δύο plugins είναι:

Και τα δύο μαζί κάνουν θαύματα! Προσοχή στο Speed booster pack και στις ρυθμίσεις. Όλοι οι χώροι δεν έχουν τις ίδιες ρυθμίσεις. Παίξτε με τις ρυθμίσεις και κάνετε τεστ συνέχεια. Δείτε ρυθμίσεις ενός τυπικού χώρου.

Fastest cache

Speed booster pack

Όταν τα ρυθμίσετε όπως πρέπει και φτιάξετε τις φωτογραφίες σας ο χώρος σας θα είναι πραγματικά σφαίρα.

Αν χρειαστείτε βοήθεια εδώ είμαστε πάντα.

Elementor δύο απαραίτητα plugins.

Καθημερινά ο Elementor κερδίζει χρήστες με τις πραγματικά τεράστιες αναβαθμίσεις που κάνει. Νέες λειτουργίες προστίθενται καθημερινά που πραγματικά σε πολλά θέματα μας λύνουν τα χέρια. Όμως μαζί με την ανάπτυξη του Elementor μας έρχονται και νέα plugins. Ξεχωρίζουμε δύο και θα τα δούμε.

Το πρώτο είναι το  Granular Controls For Elementor από τους Zulfikar Nore & David Beckwith. Είναι πραγματικά ένα εξαιρετικό plugin που μας επιτρέπει πίσω στην διαχείριση να μας ομορφύνει την ζωή αλλά και να μας δώσει μερικά έξτρα πραγματάκια. Πάμε να τα δούμε:

Parallax για κάθε section. Χρειάζεται δουλειά ακόμα βέβαια αλλά γνωρίζοντας τα παιδιά και τις δυνατότητες του σύντομα το parallax θα είναι πολύ πιο εντυπωσιακό.

Particles. Είναι μόδα και επιτέλους η εφαρμογή γίνεται με ένα κλικ. Αν δεν ξέρετε τι είναι το Particles δείτε εδώ.

Απίστευτα χρώματα στον editor. Επιτέλους ξεφύγαμε από την ενοχλητική ασπρίλα!

Και πλήθος hack για τον editor.

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

Δεύτερο αξιόλογο plugin που μας ήρθε προσφάτως είναι το Premium Addons for Elementor και μας ήρθε με πολλά εργαλεία. Πάμε να τα δούμε:

Banner
Image Separator
Fancy Text
Heading
Carousel
Dual Header
Testimonials
Persons
Countdown
Blog
Counter
Video Box
Google Maps
Modal Box
Progress Bar

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

Όπως καταλαβαίνετε ο Elementor είναι μπροστά από τον ανταγωνισμό των Page builders με τα πολλά plugins που έρχονται καθημερινά.

Νέες λειτουργίες στον Elementor pro! Block layout!

Για τον Elementor Pro τα έχουμε πει πολλές φορές από εδώ. Ως επανάληψη θα πούμε ότι είναι ένα plugin με έξτρα λειτουργίες που απογειώνει τον Elementor page builder. Μας δίνει ορισμένα απαραίτητα εργαλεία ώστε ο χώρος μας να απογειωθεί.

Στον Pro συνεχώς προστίθενται συνέχεια λειτουργίες. Στο GitHub γίνονται αξιόλογες προτάσεις από έμπειρους Web designers που απλά … πραγματοποιούνται. Τόσο απλά!

Μία καψούρα ή ονείρωξη αν προτιμάτε σε όλους τους Web designers είναι το να φαίνεται η ύλη μας μεμονωμένα ή ως κατηγορίες όπως θέλουμε εμείς. Δεν είναι ακατόρθωτο. Και πάλι μπορούμε να το κάνουμε με ένα σωρό plugins και κώδικα όπως βλέπετε και εδώ στην γη των πιγκουίνων. Όμως το θέμα – και δικό μας – είναι να το κάνουμε χωρίς βάσανα και ατελείωτες σελίδες κώδικα, και κυρίως να το κάνουμε απλά και να το καταλαβαίνει ο κόσμος.

Καταλαβαίνω ότι αν δεν έχει ασχοληθεί κάποιος με το Web design όλα αυτά του φαίνονται βουνό. Κατανοητό αφού και εγώ αν καταπιαστώ π.χ. με την ζαχαροπλαστική θα τα κάνω μαντάρα! Όμως είμαστε της άποψης ότι και οι απλοί χρήστες πρέπει να ξέρουν 5-10 πράγματα και να μην στηρίζονται ολότελα στους Web designers ή τους προγραμματιστές τους.

Ας δούμε όμως μετά τα καλούδια του μενού, του inline editing και τόσων άλλων σούπερ λειτουργιών ήρθε και το block layout!

Τι είναι το γνωστό πλέον block layout; Το να μπορούμε απλά να διαμορφώσουμε την εμφάνιση του άρθρου ή της σελίδας μας όπως ΕΜΕΙΣ θέλουμε! Π.χ. θέλω να βάλω την κεντρική φωτογραφία του άρθρου ως header. Ή να την βάλω αριστερά, δεξιά, κάτω. Από σήμερα μπορείτε! Μπορείτε να στήσετε το άρθρο σας όπως ΕΣΕΙΣ θέλετε και όχι όπως αυτό που σας δίνει το WordPress επάνω η φωτογραφία και κάτω το κείμενο. Τώρα έχουμε την δυνατότητα να φτιάχνουμε άρθρα που πραγματικά τα σπάνε!

Όμως προσοχή. Δεν είναι Global layout. Μιλάμε για κάθε άρθρο ξεχωριστά. Για το Global layout θα πρέπει να περιμένουμε λίγο. Εδώ σας έχω νέα ζουμερά.

Το 2018 θα φέρει και ένα theme που όλα θα είναι εφικτά με Global layouts! Δεν το μάθατε από εμάς – είναι το μυστικό μας!

Όπως και να έχει συμμετέχει πολύς κόσμος στην ανάπτυξη και έρχονται πολλά και ωραία πράγματα! Όπως λέει ο λαός γίνονται πραγματάκια τελικά!

Δείτε και το βίντεο για να καταλάβετε!

Πάρε τον Elementor PRO με -25%

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

Συγκεκριμένα μπορείτε να αγοράσετε τον Elementor PRO με έκπτωση -25%. Καθόλου άσχημα σε τόσο δύσκολες εποχές.

Όσοι ασχολούνται λοιπόν με τον χώρο τους – κοινώς site – τότε ο Elementor PRO θα τους προσφέρει μοναδικά εργαλεία όπως sliders, menu, flip boxes, στοιχεία του Woocommerce, αναζητήσεις, φόρμες, και πολλά άλλα εργαλεία ώστε ο χώρος σου να γίνει απόλαυση και να αλλάξει εντελώς.

Αλλά και ως ιδιώτης αν δεν ασχολείσαι δεν πειράζει. Πάρτον και δώστον στον προγραμματιστή σου, ή στον Web designer σου να του λύσεις τα χέρια. Θα τους δώσεις πολύτιμα εργαλεία, έναν Ελβετικό σουγιά στην κυριολεξία ώστε ο χώρος σου να μην μοιάζει με κανέναν.

Και αν χρειαστείς βοήθεια εδώ είμαστε πάντα.

Έχουμε φτιάξει και ειδική ενότητα με τον Elementor και εκεί θα ενημερώνεσαι για όλα τα νέα!

Για ότι άλλο χρειαστεις εδώ είμαστε!

Firefox quantum ανεβαίνει, ανεβαίνει!

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

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

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

Άλλο μεγάλο θέμα είναι ότι η συντριπτική πλειοψηφία των developers σε πολλούς χώρους – π.χ. web design, web apps – άρχισαν και τον χρησιμοποιούν λόγω των εξαίρετων development tools που πάντα διέθετε. Απλά το κόλλημα για την χρησιμοποίηση ήταν τα κολλήματα.

Σε πολλά γκρουπ στο facebook που έχουν σχέση με Web development διαβάζουμε τα καλύτερα σχόλια για τον νέο Firefox και πόσο γρήγορος είναι.

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

Όσο για τους χρήστες του Edge – που δεν είναι άξιος να παίξει ούτε ένα cinemagraph σε ένα site- ούτε καν θα ασχοληθούμε. Τζάμπα θερμίδες θα κάψουμε.

Όλοι firefox λοιπόν γιατί το διαδίκτυο αξίζει να είναι γρήγορο και ελεύθερο!

Θες ταχύτητα στο wordpress; Εύκολο!

Στο προηγούμενο άρθρο ο Κώστας σας ανέφερε τους κύριους λόγους που το WordPress μπορεί να γίνει βάσανο. Σήμερα θα σας δείξουμε τον τρόπο που θα το τσιτάρετε και θα πηγαίνετε με 1000!

Για να κάνουμε αυτά που θέλουμε θα χρειαστούμε δύο plugins:

Τα WP super cache και το Autoptimize.

Οι ρυθμίσεις του WP super cache είναι απλές. Το μόνο που έχετε να κάνετε είναι να ανοίξετε την cache και να κλικάρετε σε όλα τα προτεινόμενα (recommended). Το autoptimize είναι λίγο πιο σύνθετο οπότε το καλύτερο είναι να σας δείξω τις ρυθμίσεις με μία φωτογραφία. Τις ίδιες ρυθμίσεις έχουμε και εδώ. Δείτε τις φωτογραφίες:

Εδώ βλέπετε τις ρυθμίσεις της html και των js scripts. Στα js scripts έχουμε προσθέσει αυτά seal.js, js/jquery/jquery.js, frontend.js, frontend.min.js, ώστε να μην επηρεάζεται η σελίδα μας αφού χρησιμοποιούμε για το στήσιμο τον Elementor page builder.

Εδώ είναι οι ρυθμίσεις της CSS.

Και οι misc επιλογές.

Όταν λοιπόν αφήσετε τον χώρο να τρέξει για λίγο θα δείτε αυτά τα αποτελέσματα:

Τι βλέπετε; Ότι με μέγεθος της σελίδας της γης των πιγκουίνων κοντά στα 5mb (που είναι πολύ αλλά τρέχουν πολλά στοιχεία) ο χώρος φορτώνει σε μόλις 1.66 δευτερόλεπτα! Αρκετά καλό ε; Και η Google λατρεύει την ταχύτητα σας αλλά και οι επισκέπτες σας!

Όμως δεν τελειώσαμε. Χρειάζεται άλλη μία ρύθμιση το Autoptimize. Επειδή αυτόματα δεν σβήνει την cache θα πρέπει να του ορίσουμε έναν κανόνα.

Πάμε λοιπόν στον διορθωτή και στο functions.php προσθέτουμε αυτόν τον κανόνα.

Αυτό ήταν τελειώσατε!
Έτσι θα έχετε το κεφάλι σας ήσυχο μόλις το Autoptimize μεγαλώσει ως cache δεν θα σας χτυπάνε alarms και η cache του θα σβήσει αυτόματα. Αν τώρα η cache σας ανεβαίνει ιλιγγιωδώς τότε ψάξτε καλά τα plugins σας. Αποσυνδέστε αυτά που δεν χρειάζεστε, ή αντικαταστήστε τα άλλα με καλύτερα.
Με τα δύο αυτά plugins θα έχετε έναν γρήγορο χώρο!

Let’s encrypt SSL. Κυκλοφορεί ελεύθερο και ωραίο!

Τα SSL πιστοποιητικά τώρα πια είναι απαραίτητα σε κάθε χώρο. Μικρό η μεγάλο δεν έχει καμία σημασία. Απλά στεκόμαστε στο γεγονός ότι είναι must για έναν χώρο. Χώρια την ασφάλεια του χώρου σας και των επισκεπτών σας σας δίνει και αύξηση ταχύτητας. Και τώρα η ταχύτητα του χώρου είναι το δεύτερο πιο σημαντικό πράγμα μετά τα SEO.

Πολλοί θα πουν ότι οικονομικά είναι μάτωμα να πληρώνεις ετήσια 100-120 ευρώ για ένα SSL. Οκ συμφωνούμε. Οπότε τι κάνουμε; Απλά όμορφα και ωραία αν υποστηρίζει η εταιρεία που μας φιλοξενεί το Let’s encrypt το εγκαθιστούμε με συνοπτικές διαδικασίες σε χρόνο dt!

Θέλετε να το δούμε; Πάμε!

Υποθέτουμε ότι έχετε Cpanel. Στην κατηγορία Security θα δείτε τον εγκαταστάτη του Let’s encrypt SSL.

Πατώντας το θα δείτε το domain σας, ή την λίστα των domain από τα πολλά που έχετε εκεί και θα πατήσετε το Issue! Αυτό ήταν!

Έχετε ένα όμορφο ελεύθερο open source SSL!

Αν έχετε τώρα WordPress θα πρέπει να κάνετε τα εξής βήματα:

Να πάτε ρυθμίσεις – γενικά και να αλλάξετε την διεύθυνση σας. Π.χ. από http://pinguin.land σε https://pinguin.land. Μόλις το κάνετε κατεβάστε και το plugin WP Force SSL και ενεργοποιήστε το. Το plugin στην ουσία κάνει redirect όλα τα links σε https και αυτό μας χρειάζεται σε περίπτωση που μας έχει ξεφύγει κάποιο Link.

Αν χρησιμοποιείτε Elementor page builder θα πρέπει να ενημερώσετε και εκεί τα Links πηγαίνοντας Elementor – Tools.

Τελευταίο βήμα αν δεν έχετε εσείς πρόσβαση στην cache του NGINX ειδοποιήστε την εταιρεία που έχετε το hosting να σας την σβήσει.

Έτσι τόσο απλά και τόσο εύκολα ο χώρος σας θα είναι προστατευμένος και η Google δεν θα παραπονιέται!

WP Meta Seo. Κουμάνταρε εύκολα τα SEO σου.

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

Σε παλαιότερο άρθρο είχαμε παρουσιάσει και το Yoast που αυτή την στιγμή είναι το κορυφαίο plugin για SEO. Και στο Drupal και στο WordPress. Σήμερα όμως θα ασχοληθούμε αποκλειστικά με WordPress και ένα σχετικά νέο plugin που ωρίμασε και κάνει κοινώς παπάδες!

Μιλάμε για το WP Meta Seo της Joomunited. Προφανώς δεν το έχετε ακούσει γιατί είναι στην σκιά του Yoast & του All In One SEO Pack. Όμως σας διαβεβαιώ κάνει ακόμα καλύτερη δουλειά!

Θα το βρείτε εδώ και αφού το κάνετε εγκατάσταση αρχίζει το παιχνίδι! Ναι και όμως τα SEO με αυτό το plugin είναι και διασκέδαση!

Με την εγκατάσταση θα δείτε ένα ολόκληρο μενού στον πίνακα ελέγχου:

Και βέβαια το κεντρικό dashboard που σας καθοδηγεί στο τι έχετε κάνει μέχρι στιγμής.

Αυτό είναι χρήσιμο εργαλείο! Ακόμα και ο πιο αρχάριος χρήστης μπορεί να ρυθμίσει τα πάντα στο τσακ μπαμ αφού το plugin σας καθοδηγεί!

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

Και το καλύτερο; Πατώντας το reload analysis σας δείχνει πως τα πάτε μέσω του widget σαν συνολικό σκορ. Π.χ. στην φωτογραφία βλέπετε 72%. Στην κορυφή βλέπετε πάντα πως φαίνεται στην Google! Πολύ καλά ως εδώ όμως έχουμε και καλύτερα κόλπα.

Η αποθέωση ακούει στο όνομα Content meta. Εκεί μπορείτε να έχετε όλες τις σελίδες σας και τα άρθρα σας και να συμπληρώνετε τα SEO!

Καλό ε; Απίστευτο εργαλείο.

Δεν τελειώσαμε όμως. Έχουμε και τις φωτογραφίες σας. Αυτές νομίζετε πως δεν θέλουν φτιάξιμο; Να λοιπόν και ένας Bulk editor για τα αρχεία πολυμέσων σας.

Εδώ συμπληρώνετε τα πάντα. Τίτλους των πολυμέσων σας αλλά σας δείχνει και το μέγεθος αν είναι optimized για τον χώρο σας! Άκρως απαραίτητο εργαλείο!

Έχει και επιλογή να εισάγετε τις ρυθμίσεις σας από το Yoast.

Και βέβαια όσο το δουλεύετε τόσο πιο γρήγορα θα διασκεδάζετε μαζί του.

Τα αποτελέσματα στην Google είναι θεαματικά. Κάνει πολλή καλή δουλειά ίσως και καλύτερα από το Yoast αφού ήδη το δοκιμάσαμε σε έναν χώρο. Γιατί όλα τα καταλαβαίνει κάποιος αφού τα δοκιμάσει.

Πολύ καλό εργαλείο πραγματικά.

La Capitaine. Πανέμορφα εικονίδια για την διανομή σου!

La Capitaine

Το La Capitaine είναι ένα πανέμορφο σετ εικονιδίων για την διανομή σου. Το κύριο χαρακτηριστικό του είναι ότι δημιουργήθηκαν σε SVG οπότε μιλάμε για υψηλής ανάλυσης εικονίδια αλλά και αισθητικής!

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

Για διανομές όπως Ubuntu, mint κτλ. δώστε τις πιο κάτω εντολές:

Βήμα πρώτο. Θα χρειαστείτε το git. Για εγκατάσταση δώστε απλά:

sudo apt install git

Βήμα δεύτερο. Αν δεν έχετε δημιουργήσει φάκελο .icons μέσα στον Home φάκελο σας δημιουργήστε τον με αυτή την εντολή:

mkdir ~/.icons

Βήμα τρίτο. Προχωράμε στην εγκατάσταση με αυτές τις εντολές:

cd ~/.icons
git clone https://github.com/keeferrourke/la-capitaine-icon-theme.git

Τώρα για XFCE περιβάλλον δώστε αυτές τις εντολές:

cd /usr/share/icons/
sudo git clone https://github.com/keeferrourke/la-capitaine-icon-theme.git

Και στο XFCE αν δεν έχετε το git κάντε το εγκατάσταση. Ίδια εντολή είναι με το πρώτο βήμα.

Ακολούθως ανάλογα με το περιβάλλον σας επιλέγετε το La Capitaine και είστε έτοιμοι. Πανέμορφα εικονίδια θα κατακλύσουν την διανομή σας!