Ενσωματώστε φωτογραφίες ή βίντεο Instagram σε έναν ιστότοπο

01 του 06

Ενσωματώστε φωτογραφίες ή βίντεο Instagram σε έναν ιστότοπο

Οι ειδήσεις του Justin Sullivan / Getty Images

Πάντα ήθελε να μοιραστεί μια συγκεκριμένη φωτογραφία Instagram (ή αρκετές από αυτές) στον ιστότοπό σας, αλλά ήταν απογοητευμένος που έπρεπε να αποθηκεύσετε τη φωτογραφία στον υπολογιστή σας και να την ανεβάσετε στον ιστότοπό σας;

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

Κάντε κλικ στα παρακάτω βήματα για να δείτε πώς μπορείτε να ενσωματώσετε εύκολα οποιαδήποτε φωτογραφία ή βίντεο Instagram στον ιστότοπό σας μέσα σε λίγα λεπτά.

02 του 06

Βρείτε τη φωτογραφία ή τη σελίδα βίντεο Instagram που θέλετε να ενσωματώσετε

Στιγμιότυπο οθόνης του Instagram.com/AboutDotCom

Το πρώτο βήμα για την σωστή ενσωμάτωση μιας φωτογραφίας ή βίντεο Instagram είναι η πρόσβαση στην επίσημη σελίδα φωτογραφιών / βίντεο Instagram που θέλετε να προβάλλετε στον ιστότοπό σας. Αυτό σημαίνει ότι η διεύθυνση URL πρέπει να είναι κάτι σαν: instagram.com/p/xxxxxxxxxx/ .

Για αυτό το παράδειγμα, θα χρησιμοποιήσουμε μια λήψη φωτογραφιών από τον επίσημο λογαριασμό Instagram του, αλλά μπορείτε να χρησιμοποιήσετε οποιαδήποτε φωτογραφία Instagram (ή βίντεο) που θέλετε.

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

03 του 06

Επιλέξτε την επιλογή "Ενσωμάτωση"

Στιγμιότυπο οθόνης του Instagram.com/AboutDotCom

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

Κάντε κλικ στο "Ενσωμάτωση".

04 του 06

Αντιγράψτε τον κώδικα ενσωμάτωσης

Στιγμιότυπο οθόνης του Instagram.com/AboutDotCom

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

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

Απλά κάντε κλικ στο πράσινο κουμπί "Copy Code Embed" για να αντιγράψετε αυτόματα ολόκληρη τη σειρά κώδικα.

Τελειώσαμε με τη σελίδα Instagram τώρα.

Στη συνέχεια, μπορείτε να μεταβείτε στον ιστότοπο ή το ιστολόγιό σας.

05 του 06

Επικολλήστε τον κώδικα ενσωμάτωσης Instagram στο HTML της ιστοσελίδας σας

Στιγμιότυπο οθόνης HTML που έχει επικολληθεί στο WordPress

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

Για παράδειγμα, εάν ο ιστότοπός σας λειτουργεί με το WordPress , απλά χρειαστεί να αποκτήσετε πρόσβαση στην τροποποιημένη ανάρτηση ή σελίδα σας σε λειτουργία "Κείμενο" (αντί για οπτική λειτουργία), κάντε δεξί κλικ στον επεξεργαστή και επιλέξτε "Επικόλληση" το κιβώτιο.

Αποθηκεύστε το, τοποθετήστε το στο κέντρο αν θέλετε, δημοσιεύστε το και τελειώσατε.

06 του 06

Προβολή της σελίδας σας και της ενσωματωμένης φωτογραφίας Instagram

Στιγμιότυπο οθόνης του Instagram ενσωματωμένο στον ιστότοπο του WordPress

Ρίξτε μια ματιά στη δημοσιευμένη σελίδα στο διαδίκτυο, για να δείτε τη νέα φωτογραφία Instagram ή το βίντεο ενσωματωμένο με τακτοποιημένο χρώμα.

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

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

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

Ανατρέξτε σε αυτό το εξαιρετικό άρθρο βοήθειας HTML WordPress αν έχετε κάποιο πρόβλημα.