Μία από τις μεγαλύτερες λέξεις-κλειδιά στον κόσμο του online σχεδιασμού τα τελευταία δύο ή τρία χρόνια πρέπει να είναι «Απάντηση». Με την εμφάνιση της περιήγησης όλα από μια οθόνη smartphone 4 ιντσών σε μια οθόνη 27 ιντσών, μπορεί να είναι δύσκολο να βεβαιωθείτε ότι ο ιστότοπός σας ή το ιστολόγιο σας φαίνεται καλό, ανεξάρτητα τι. Αυτός είναι ο λόγος για τον οποίο ο σχεδιασμός που ανταποκρίνεται είναι ουσιαστικός επειδή μπορεί να ανιχνεύσει αυτόματα τη συσκευή που χρησιμοποιείτε για να αποκτήσετε πρόσβαση στον ιστότοπο και να το ρυθμίσετε ώστε να ταιριάζει στο μέγεθος της οθόνης σας.
Παρόλο που μπορείτε να σχεδιάσετε ολόκληρο τον ιστότοπό σας ώστε να ανταποκρίνεται, όταν ενσωματώνετε εξωτερικό περιεχόμενο, δεν θα προσαρμόζεται απαραίτητα στην οθόνη ή τη συσκευή που χρησιμοποιούν οι επισκέπτες του ιστότοπού σας. Οι ιστότοποι που δεν παρέχουν ενσωματωμένο περιεχόμενο ανταποκρίσεων περιλαμβάνουν γίγαντες όπως το YouTube και το Instagram, αλλά μπορείτε να χρησιμοποιήσετε μια υπηρεσία όπως Ενσωματώστε προσεκτικά για να μετατρέψετε αυτό το περιεχόμενο σε ευαίσθητες ενσωματώσεις.
Η ιστορία του υπεύθυνου σχεδιασμού ιστοσελίδων
Ο όρος ανταποκρινόμενος σχεδιασμός ιστοσελίδων χρονολογείται μόνο από το 2010, όταν δημιουργήθηκε από τον σχεδιαστή Ethan Marcotte σε άρθρο σχετικά με Μια λίστα εκτός. Εγραψε:
"Μπορούμε να σχεδιάσουμε για μια βέλτιστη εμπειρία προβολής, αλλά να ενσωματώσουμε τεχνολογίες βασισμένες σε πρότυπα στα σχέδια μας για να τα κάνουμε όχι μόνο πιο ευέλικτα αλλά πιο προσαρμοσμένα στα μέσα ενημέρωσης που τα δίνουν. Εν ολίγοις, πρέπει να ασκήσουμε υπεύθυνο σχεδιασμό ιστοσελίδων. "
Τώρα μόλις τρία χρόνια αργότερα, και η σημασία του ανταποκριτικού σχεδιασμού ιστοσελίδων έχει συνέχισε να αυξάνεται, και εκτός από να βεβαιωθείτε ότι χρησιμοποιείτε ένα εκπληκτικό σχεδιασμό ή ένα θέμα που ανταποκρίνεται στις ανάγκες σας, υπάρχουν πολλά ενδιαφέροντα τα οποία μπορείτε να χρησιμοποιήσετε για να βεβαιωθείτε ότι παρέχετε μια πλήρως ανταποκρινόμενη εμπειρία στον ιστότοπό σας επισκέπτες.
Ενσωματώστε προσεκτικά
Έτσι, ενώ το θέμα σας μπορεί να ανταποκρίνεται (όπως αυτή η λίστα των πανέμορφα θέματα WordPress που ανταποκρίνονται Δημιουργήστε ένα εκπληκτικά ευαίσθητο χαρτοφυλάκιο με ένα από αυτά τα ελεύθερα θέματα WordPressΑυτές τις μέρες δεν αρκεί να έχετε έναν όμορφα σχεδιασμένο ιστότοπο, ειδικά αν είστε φωτογράφος, καλλιτέχνης ή σχεδιαστής γραφικών. Αυτές τις μέρες, αν ο ιστότοπός σας δεν ανταποκρίνεται, πιθανόν να χάσετε ένα σημαντικό μέρος ... Διαβάστε περισσότερα ), υπάρχουν ορισμένες ενσωματώσεις που δεν θα προσαρμοστούν απαραίτητα ώστε να ταιριάζουν με το μέγεθος της οθόνης ενός επισκέπτη. Ενώ μπορείτε να ενσωματώσετε περιεχόμενο από το Twitter, το Storify, το SoundCloud και το Scribd, έχουν ήδη κάνει όλη τη βαριά ανύψωση για εσάς. Έτσι, εάν ενσωματώσετε ένα τιτίβισμα για παράδειγμα, η ενσωμάτωση είναι ευαίσθητη, ώστε να αλλάξει το μέγεθος ώστε να ταιριάζει στην οθόνη του επισκέπτη σας.
Υπάρχουν μερικοί ένοχοι, ωστόσο, που δεν έχουν πάρει γύρω για την παροχή ευαίσθητες ενσωματώσεις έτσι ώστε όταν μοιράζεστε περιεχόμενο από τους ιστότοπούς τους, θα προσαρμόζεται αυτόματα στην οθόνη που προβάλλεται επί. Αυτό είναι όπου Ενσωματώστε προσεκτικά Έρχεται σε. Εάν γνωρίζετε το δρόμο σας γύρω από τον κώδικα, μπορείτε πάντα να επεξεργαστείτε τον πηγαίο κώδικα και να τον μετατρέψετε σε ένα ανταποκρινόμενο, αλλά η ενσωμάτωση Ακριβώς κάνει απλώς μια υπόθεση copy-paste - νεκρή εύκολη!
Η υπηρεσία αυτή τη στιγμή λέει με το Instagram, το YouTube, το Vimeo, τους Χάρτες Google, ακόμα και με γενικές ενσωματώσεις του iFrame. Είναι μια τοποθεσία θαύματος όπως αυτές δεν έχουν πάει γύρω από τη χρήση ευαίσθητες ενσωματώσεις? αλλά ίσως γι 'αυτό έρχεται γύρω από ένα εργαλείο όπως το Embed Responsive. Μπορείτε να κάνετε κλικ στο 'Περισσότερα' στον ιστότοπο για να δείτε μια μικρή λίστα με δημοφιλείς ιστότοπους που ανταποκρίνονται αυτήν τη στιγμή.
Πώς να χρησιμοποιήσετε την υπηρεσία
Η χρήση του Embed Απάντηση δεν θα μπορούσε να είναι ευκολότερη. Το μόνο που χρειάζεστε είναι ο αρχικός κώδικας ενσωμάτωσης από την υπηρεσία που θέλετε να χρησιμοποιήσετε. Για να ενσωματώσετε ένα βίντεο YouTube ή Vimeo, το μόνο που χρειάζεστε είναι η άμεση σύνδεση με το βίντεο. Εάν θέλετε να ενσωματώσετε μια φωτογραφία του Instagram, είναι το ίδιο πράγμα - απλά συνδέστε την εικόνα Instagram στον ιστό. Με τους Χάρτες Google, από την άλλη πλευρά, είναι λίγο πιο περίπλοκο γιατί δεν μπορείτε απλά να χρησιμοποιήσετε έναν άμεσο σύνδεσμο - πρέπει να έχετε πρόσβαση στον κώδικα ενσωμάτωσης του Google Map.
Για να λάβετε τον κώδικα ενσωμάτωσης για το Google Map, ανοίξτε τον χάρτη και κάντε κλικ στο κουμπί συνδέσμου στην επάνω δεξιά γωνία της πλαϊνής γραμμής. Θα ανοίξει τον κώδικα ενσωμάτωσης που μπορείτε να περάσετε στην Ενσωμάτωση Απαίτηση. (Αν προσπαθείτε ακόμα να μάθετε πώς μπορείτε να δημιουργήσετε προσωπικούς χάρτες για να τις μοιραστείτε με τους φίλους και τους οπαδούς σας, φροντίστε να το ελέγξετε τον οδηγό μας για τη δημιουργία χαρτών με στρώματα Αποκτήστε δημιουργικό και δημιουργήστε τους δικούς σας χάρτες με προσαρμοσμένα επίπεδα στα νέα χάρτες GoogleΜε την αποκάλυψη ενός πλήρως ανανεωμένου χάρτη της Google, που είναι τώρα διαθέσιμη σε όλους, η δημιουργία των δικών σας χαρτών έχει γίνει ευκολότερη από ποτέ. Μπορείτε να δημιουργήσετε ιδιωτικούς και δημόσιους χάρτες, να μοιραστείτε τους χάρτες με συγκεκριμένα άτομα, να προσθέσετε περιγραφές ... Διαβάστε περισσότερα .)
Αφού αποκτήσετε τον κώδικα σύνδεσης / ενσωμάτωσης της επιλογής σας, μπορείτε να προχωρήσετε και να την επικολλήσετε στο παράθυρο Ενσωμάτωση Απαίτηση - βεβαιωθείτε ότι έχετε επιλέξει την σωστή καρτέλα. Κάντε κλικ στο κουμπί "Ενσωμάτωση" και ο ιστότοπος θα δημιουργήσει έναν κώδικα ενσωμάτωσης που μπορείτε να χρησιμοποιήσετε στον ιστότοπο ή στο ιστολόγιό σας, ο οποίος θα ανταποκρίνεται πλήρως.
συμπέρασμα
Είναι προφανές, φυσικά, ότι ο ιστότοπός σας πρέπει να ανταποκρίνεται για να αρχίσει με επειδή είναι ο δικτυακός τόπος που είναι το περιτύλιγμα για όλο τον κώδικα. Ενσωμάτωση Απαίτηση είναι ένα απλό μικρό site που παίρνει αρκετά κάνει. Εάν είστε σοβαροί για την ανταπόκριση του σχεδιασμού και θέλετε να παρέχετε στους επισκέπτες σας μια απρόσκοπτη εμπειρία, θα θελήσετε να προσθέσετε αυτόν τον ιστότοπο στο οπλοστάσιό σας των εργαλείων blogging.
Τι πιστεύετε για την Ενσωμάτωση Ανταπόκριση; Ενημερώστε μας στα σχόλια.
Image Credit: Κενό δισκίο μέσω PlaceIt
Η Nancy είναι συγγραφέας και συντάκτης που ζει στην Ουάσιγκτον. Ήταν προηγουμένως συντάκτης της Μέσης Ανατολής στο The Next Web και επί του παρόντος εργάζεται σε think-tank με βάση το DC σχετικά με την επικοινωνία και την κοινωνική προβολή των μέσων ενημέρωσης.