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

Κάνοντας μια ιστοσελίδα που λειτουργεί καλά για όλες τις οθόνες μεγάλου και μικρού είναι, αν όχι εύκολη, σίγουρα στο πλαίσιο της δυνατότητας για όσους από εμάς με την τεχνογνωσία. Το πρόβλημα είναι ότι όλοι οι χρήστες του WordPress δεν είναι προγραμματιστές. Πολλοί είναι ιδιοκτήτες επιχειρήσεων, χομπίστες ή ακόμα και απλώς τακτικοί μπλόγκερ - ξέρετε, blogging; Το πράγμα WordPress σχεδιάστηκε για την πρώτη θέση; Οι προγραμματιστές έχτισαν ένα εργαλείο που σχεδόν όλοι μπορούσαν να χρησιμοποιήσουν, έτσι οι άνθρωποι πήγαν και το χρησιμοποιούσαν. Τώρα οι ίδιοι άνθρωποι ίσως χρειαστούν λίγη βοήθεια, καθιστώντας τον ιστότοπό τους καλό σε όσο το δυνατόν περισσότερες οθόνες. Λοιπόν, η βοήθεια έχει φτάσει, με τη μορφή plugins WordPress.

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

Αλλάξτε κάποια θέματα

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

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

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

Οποιοσδήποτε μεταγωγέας θέματος κινητού τηλεφώνου

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

Μπορείτε να ορίσετε ξεχωριστές επιλογές θεμάτων για όλες αυτές τις κατηγορίες συσκευών και λογισμικού ξεχωριστά: iPhones / iPod Touch, iPads, τηλέφωνα Android, tablet Android, Blackberry, συσκευές Windows Mobile, Opera Mini, Palm OS και "Άλλο".

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

001

Mobile Smart

Mobile Smart υιοθετεί μια λιγότερο συγκεκριμένη προσέγγιση για την εναλλαγή θεμάτων. Μπορείτε να επιλέξετε να ενεργοποιήσετε το κινητό σας θέμα για τηλέφωνα και προαιρετικά για δισκία και αυτό είναι. Έρχεται επίσης με ένα προαιρετικό χειροκίνητο διακόπτη.

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

Εάν σας αρέσει αυτό το plugin αρκετά που ξοδεύετε πραγματικά χρήματα σε αυτό, η έκδοση pro προσφέρει την επιλογή να παραδώσει συγκεκριμένο περιεχόμενο για κινητά, ειδικά μενού για κινητά και πολλά άλλα.

Ή κάνετε μια εφαρμογή, κάπως

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

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

Δυστυχώς, αν θέλετε να χρησιμοποιήσετε ένα θέμα διαφορετικό από το προεπιλεγμένο, θα πρέπει να πάρετε (το μαντέψατε), την υπέρ / premium έκδοση. Αν όμως το προεπιλεγμένο θέμα της εφαρμογής λειτουργεί για εσάς, τότε το WordPress Mobile Pack είναι ένας πολύ καλός τρόπος για να βεβαιωθείτε ότι οι χρήστες των κινητών σας έχουν φροντιστεί.

Κάνετε επίσης το περιεχόμενό σας κινητό

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

Ανταπόκριτες εικόνες

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

Για το σκοπό αυτό, θα μπορούσατε να χρησιμοποιήσετε Στιγμιότυπο εικόνων Post Script . Δημιουργεί αυτόματα πολλαπλές εκδόσεις όλων των εικόνων στον ιστότοπό σας: στο θέμα σας, στο περιεχόμενό σας και στις προβαλλόμενες εικόνες σας, συμπεριλαμβανομένων όλων των υπαρχουσών εικόνων στον ιστότοπό σας.

Τους εξυπηρετεί στο πρόγραμμα περιήγησης με το χαρακτηριστικό srcset και το πρόγραμμα περιήγησης επιλέγει την εικόνα που θα κατεβάσει. Αυτή η μέθοδος υποστηρίζεται τουλάχιστον εν μέρει από τα μεγάλα προγράμματα περιήγησης για κινητά. Μπορεί να μην ωφελήσει όλους ακόμα, γι 'αυτό σκεφτείτε ότι αυτό ως μέλλον-proofing site σας.

004

Κουμπιά, στήλες, καρτέλες, ακορντεόν και πολλά άλλα

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

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

Εδώ είναι ο πλήρης κατάλογος των στοιχείων:

  • Ακορντεόν
  • Ειδοποιήσεις
  • Κουτιά
  • Κουμπιά
  • Προσκλήσεις για δράση
  • Καθαρίστε τα πλωτά
  • Στήλες
  • Καλύτερες στιγμές
  • Εικόνες (μέσω γραμματοσειράς Awesome)
  • Καρτέλες
  • Εναλλάσσει
005

Όσο για την ενσωμάτωση βίντεο στις αναρτήσεις σας, ελέγξτε έξω FV WordPress Flowplayer . Πρόκειται για ένα πρόγραμμα αναπαραγωγής βίντεο βασισμένο σε HTML5 με υποστήριξη για την ενσωμάτωση βίντεο από Youtube, Vimeo ή raw URLs. Έρχεται επίσης με ένα Flash-based εφεδρικό για τα παλαιότερα προγράμματα περιήγησης.

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

006

Διορθώστε την πλοήγηση

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

Κινητή πλοήγηση θα δημιουργήσει ένα μενού πλοήγησης πλήρους οθόνης που εμφανίζεται μόνο σε μικρές οθόνες. Μπορείτε να προσαρμόσετε το σημείο διακοπής που το κάνει να εμφανίζεται, τα χρώματα, οι γραμματοσειρές και άλλα. Είναι ως επί το πλείστον install-n-go.

007

WP Responsive Menu , κάνει το ίδιο πράγμα, μόνο δημιουργεί ένα μενού που ολισθαίνει από την πλευρά. Και πάλι, μπορείτε να προσαρμόσετε την εμφάνιση και την αίσθηση του μενού στο περιεχόμενο της καρδιάς σας.

008

Δείτε τις διαφορές δίπλα-δίπλα

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

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

009

Πτερύγιο

Έτσι το έχετε. Υπάρχουν πολλά που μπορείτε να κάνετε για να φτιάξετε τον ιστότοπό σας στο WordPress να φαίνεται καλό σε όλες τις συσκευές, ακόμη και χωρίς κάποια κωδικοποίηση. Πηγαίνετε και κάντε το κινητό Ιστού!

Προτεινόμενη χρήση εικόνας κινητή εικόνα μέσω Shutterstock.