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

Ευτυχώς, τα περισσότερα smartphones και tablet σας διευκολύνουν να βλέπουν αυτούς τους ιστότοπους με τη δυνατότητα να κάνετε ζουμ ή να το ζουμάρετε, αλλά ακόμα και να χάσετε κάτι και να μην μπορείτε να απολαύσετε ολόκληρο τον ιστότοπο.

Πολύ ειλικρινά, αυτή τη στιγμή, δεν είμαι σίγουρος γιατί συμβαίνει αυτό. Σχεδόν όλοι οι χρήστες smartphone και οι χρήστες tablet έχουν κάποτε χρησιμοποιήσει τη συσκευή τους για να προσπαθήσουν να διαβάσουν το Διαδίκτυο - οπότε δεν είναι περισσότεροι σχεδιαστές να δημιουργούν ανταποκρινόμενα σχέδια ιστού; Δεν είναι καιρός;

Είναι ώρα

Η ανταπόκριση σε ένα σχέδιο δικτυακού τόπου δεν είναι τίποτα περισσότερο από την ικανότητα του σχεδίου να προσαρμοστεί σε διαφορετικά μεγέθη του προγράμματος περιήγησης / παραθύρου. Τις περισσότερες φορές, όταν οι άνθρωποι το σκέφτονται, σκέφτονται αυτόματα για τα κινητά τηλέφωνα, αλλά είναι για το πρόσωπο που περιηγεί στο διαδίκτυο χρησιμοποιώντας τη φορητή συσκευή τους καθώς και το πρόσωπο που χρησιμοποιεί την επιφάνεια εργασίας τους σε ανάλυση οθόνης 1920 x 1080 ή υψηλότερη.

Πραγματικά, όμως, ο ευαίσθητος σχεδιασμός έχει προκύψει χάρη στο άτομο που χρησιμοποιεί το κινητό τους τηλέφωνο και το tablet τους για να περιηγηθεί στο Διαδίκτυο. Κάτι πρέπει να δώσει με όλα τα τσίμπημα και το τηλέφωνο flipping για να έχουν μια ευκολότερη εμπειρία χρήστη. Ο υπεύθυνος σχεδιασμός λαμβάνει υπόψη όλα αυτά τα πράγματα καθώς και το μέλλον της περιήγησης στο web site: Ποιες συσκευές θα εφευρεθούν στη συνέχεια; Ποιο είναι το αυξανόμενο ποσοστό των ατόμων που αναζητούν πραγματικά τις μικρότερες συσκευές τους; Θα ανταποκρίνεται ο σχεδιασμός έγινε ποτέ ο κανόνας; Αυτές είναι όλες οι ερωτήσεις που αξίζει να ρωτήσετε και να προετοιμαστείτε.

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

15 δωρεάν θέματα που ανταποκρίνονται

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

Παρακάτω, βρήκαμε μερικά από τα καλύτερα θέματα που ανταποκρίνονται στο WordPress για να σας ευθυγραμμιστούν με τις εποχές. Τα περισσότερα από αυτά είναι πολύ μινιμαλιστικά, αλλά έχετε κατά νου, πολλά από αυτά τα θέματα θα χρησιμοποιηθούν ως δομή γυμνού οστού από την οποία θα χτίσετε το σχεδιασμό του site σας. Πολλοί είναι αρκετά προσαρμόσιμοι (ή μπορείτε να μπείτε στο CSS για να κάνετε τις αλλαγές σας) και να εργαστείτε περισσότερο σαν πρότυπα από τελικά θέματα. Επιλέξτε το αγαπημένο σας και βγείτε στην υπέροχη γη της απόκρισης.

* Οι περιγραφές των προγραμματιστών είναι πλάγια.

Ari θέμα WordPress

"Το Ari είναι ένα δωρεάν θέμα WordPress με καθαρό, μινιμαλιστικό σχεδιασμό. Το θέμα έχει μια προσαρμοσμένη διάταξη που βελτιστοποιείται για διαφορετικά μεγέθη προγράμματος περιήγησης και κινητές συσκευές (tablet, υπολογιστές ή μοντέρνα smartphones). Το Ari είναι ένα απλό στη χρήση, ευέλικτο θέμα blog που ταιριάζει καλύτερα σε μικρά blogs ή προσωπικά blogging. Μπορείτε εύκολα να αλλάξετε τα χρώματα φόντου, κειμένου και συνδέσμων στη σελίδα επιλογής θέματος. Στις επιλογές θεμάτων, μπορείτε επίσης να αλλάξετε το λογότυπο χρησιμοποιώντας τη δική σας εικόνα λογότυπου. Με τον Ari μπορείτε να ξεκινήσετε το blogging χωρίς να χρειαστεί να δημιουργήσετε πολλά πράγματα και οι αναγνώστες σας μπορούν να απολαύσουν την ανάγνωση των αναρτήσεων ιστολογίου σας από tablet, PC ή smartphone. "

Διαδήλωση | Κατεβάστε

WPZoom Bonpress

"Το BonPress είναι το τέλειο προσωπικό blog θέμα. Εξοπλισμένο με λειτουργίες μετάδοσης (ήχου, βίντεο) και πολλαπλά προσαρμοσμένα γραφικά, όπως το Twitter και το Flickr, θα σας προσφέρει μια μοναδική εμπειρία από το blogging. "

Διαδήλωση | Κατεβάστε

Business Lite

"Business lite 3 από το CyberChimps WordPress Themes είναι ένα ελεύθερο ευαίσθητο επιχειρηματικό WordPress Theme τέλειο για κάθε επιχείρηση σε οποιαδήποτε συσκευή (η οποία προσαρμόζεται μαγικά σε κινητές συσκευές όπως το iPhone, το iPad και το Android). Παρέχει στην εταιρεία σας τα εργαλεία για να μετατρέψει το WordPress σε ένα σύγχρονο Σύστημα Διαχείρισης Περιεχομένου (CMS) Drag and Drop.

Το Business lite προσφέρει συναρπαστικά νέα στοιχεία σελίδας μεταφοράς και απόθεσης, όπως ένα ρυθμιστικό ευελιξίας, ένα πεδίο Widgetized και μια ενότητα προωθητικών μηνυμάτων. Όλα αυτά τα στοιχεία μπορούν να χρησιμοποιηθούν σε μια σελίδα ανά σελίδα χρησιμοποιώντας τις επιλογές σελίδας Drag and Drop που περιλαμβάνουν επίσης επιλογές πλευρικής γραμμής και διάταξης που σας δίνουν τη δυνατότητα να ελέγχετε την εμφάνιση και την αίσθηση κάθε σελίδας.

Διαδήλωση | Κατεβάστε

Θέμα δικτύου ανταποκρινόμενο

"Το θέμα Grid Responsive είναι ένα WordPress Theme με κινητό σχεδιασμό που ανταποκρίνεται, με άπειρο κύλιση. Το Grid Theme είναι τέλειο για κάθε δημιουργικό να παρουσιάσει το χαρτοφυλάκιό του. "

Διαδήλωση | Κατεβάστε

Γρίπη Folio WordPress Θέμα

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

Διαδήλωση | Κατεβάστε

Ανοιγμα

"Απλό θέμα WordPress χαρτοφυλακίου / φωτογραφίας με προσαρμοσμένη διάταξη για βελτιωμένη εμπειρία χρήστη σε κινητές συσκευές. Ένα γονικό θέμα, ενσωματωμένο Υβριδικό πυρήνα - με σχεδόν απεριόριστες δυνατότητες επέκτασης λόγω της αρχιτεκτονικής της πλατφόρμας και των αγκιστριών για την προσθήκη της δικής σας λειτουργικότητας. "

Διαδήλωση | Κατεβάστε

iFeature 4

"Το iFeature 4 είναι ένα ευαίσθητο Draw & Drop Professional WordPress Theme από το CyberChimps.com. Περιλαμβάνει σχεδίαση που ανταποκρίνεται στην Apple (το οποίο προσαρμόζεται μαγικά σε κινητές συσκευές όπως το iPhone και το iPad), το Response iFeature Slider, τα νέα Στοιχεία Κεφαλίδας Drag & Drop, Στοιχεία Σελίδας και Blog, διαισθητικές Επιλογές Θέματος και είναι κατασκευασμένο με HTML5 και CSS3 . Το iFeature 4 περιλαμβάνει επίσης προσαρμοσμένη υποστήριξη λογότυπου, κοινωνικά εικονίδια, πλαϊνή μπάρα και υποσέλιδα και προσαρμοσμένες επιλογές τυπογραφίας. "

Διαδήλωση | Κατεβάστε

Leon Θέμα WordPress

"Το Leon είναι το πρώτο μου WordPress που ανταποκρίνεται πλήρως ... Χάρη στο φοβερό πλαίσιο Skeleton. Εκτός από αυτό το θέμα είναι το WordPress 3 έτοιμο, και έχει προσαρμοσμένο χαρακτηριστικό μενού, χαρακτηρισμένες μικρογραφίες, widgetized sidebar και υποσέλιδο, σελίδα επιλογής θέματος κ.λπ. "

Διαδήλωση | Κατεβάστε

Mixfolio

"Το Mixfolio είναι ένα ευχάριστο θέμα HTML5 για το WordPress. Το καλύτερο από όλα, είναι δωρεάν! Χρησιμοποιήστε το για να δημιουργήσετε το χαρτοφυλάκιό σας ή το ηλεκτρονικό σας εμπορικό σήμα. Δημιουργία εικόνων, Gallery, Video ή Standard μηνυμάτων χρησιμοποιώντας τη λειτουργία "Μορφές Post Post" του Mixfolio.

Διαδήλωση | Λήψη (πρέπει να εγγραφείτε δωρεάν)

Οξυγόνο

"Ένα θέμα υψηλής ποιότητας και ανταποκρίνεται στο περιοδικό WordPress. Το οξυγόνο είναι ένα εξαιρετικά ευέλικτο γονικό θέμα, βασισμένο στην αναγνωρισμένη βιομηχανία Υβριδικό πλαίσιο πυρήνα - μια εξαιρετική βάση για να δημιουργήσετε τα δικά σας παιδικά θέματα. "

Διαδήλωση | Κατεβάστε

Respo Θέμα

"Το Respo είναι ένα εκπληκτικό θέμα WordPress με καθαρό, κομψό και προσαρμόσιμο σχέδιο. Το θέμα είναι κατάλληλο για προσωπικά blogs ή / και περιοδικά σε απευθείας σύνδεση. Αυτό είναι ένα θέμα που ανταποκρίνεται, είναι σε θέση να προσαρμόσει τη διάταξή του στο μέγεθος της οθόνης των επισκεπτών σας (δοκιμάστε να αλλάξετε το μέγεθος της οθόνης και να δείτε μόνοι σας). Τα sliders για αυτό το θέμα είναι επίσης απόκριτα, πράγμα που σημαίνει ότι λειτουργεί εξαιρετικά κομψό σε κινητές συσκευές όπως το iPad ή το iPhone. "

Διαδήλωση | Κατεβάστε

Ανταπόκριση Wordpress Θέμα

"Ελεύθερο Responsive WordPress Θέμα για την επιχείρησή σας ή την προσωπική περιοχή σας, η επιλογή είναι δική σας. "

Διαδήλωση | Κατεβάστε

Ανταπόκριση Είκοσι Δέκα

"Το Response Twenty Ten είναι ένα παιδικό θέμα του προεπιλεγμένου θέματος WordPress. Dan Gavin και Sara Cannon του Μπέρμιγχαμ, η AL αποφάσισε να προχωρήσει σε μια προσπάθεια να δημιουργήσει ένα λογικό WordPress θέμα. Λοιπόν, το παιδί του TwentyTen που ονειρευόταν ήδη ξεκίνησε! Έτσι, ανέπτυξαν αυτό το θέμα με βάση την έκδοση του Todd Halfpenny εδώ . Με την προσθήκη κάποιων ειδικών πινελιών, όπως ευέλικτες εικόνες, ωραία περιθώρια και κάποιους κανόνες για την εικόνα των κινητών. "

Διαδήλωση | Κατεβάστε

Σκελετός WordPress Θέμα

"Αυτό το WordPress θέμα είναι ένα Responsive Web Design (RWD) με βάση το Σκελετός μπόιλερ. Αυτό το θέμα είναι bbPress 2 είναι έτοιμο και χρησιμοποιεί το Επιλογές πλαισίου επιτρέποντάς σας να προσαρμόσετε τον βασικό σχεδιασμό από την κονσόλα διαχείρισης. "

Διαδήλωση | Κατεβάστε

Yoko

"Το Yoko είναι ένα σύγχρονο και ευέλικτο θέμα WordPress. Με την προσαρμοσμένη διάταξη που βασίζεται σε ερωτήματα μέσων CSS3, το θέμα προσαρμόζεται σε διαφορετικά μεγέθη οθόνης. Ο σχεδιασμός βελτιστοποιείται για μεγάλες οθόνες επιφάνειας εργασίας, tablet και μικρές οθόνες smartphone. Για να κάνετε το blog σας πιο ατομικό, μπορείτε να χρησιμοποιήσετε τις νέες μορφές ανάρτησης (όπως γκαλερί, κατά μέρος ή προσφορά), να επιλέξετε το δικό σας λογότυπο και την εικόνα κεφαλίδας, να προσαρμόσετε το φόντο και το χρώμα σύνδεσης.

Διαδήλωση | Κατεβάστε

συμπέρασμα

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

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