Χρόνος ανάγνωσης: 3 λεπτά. Δημοσιεύθηκε 26/08/2016

Γειά σου! Συνεχίζουμε να αναλύουμε τα πιο ενδιαφέροντα και πιο χρήσιμα πρόσθετα για τον ιστότοπο WordPress. Σήμερα θα μάθετε πώς να προσθέτετε πολύ εύκολα ένα widget εικονιδίων κοινωνικής δικτύωσης στον ιστότοπό σας. Χρησιμοποιώντας αυτό το γραφικό στοιχείο, μπορείτε να προσθέσετε όχι μόνο εικονίδια κοινωνικών δικτύων στον ιστότοπό σας, αλλά και απλά διάφορα εικονίδια σε οποιουσδήποτε ιστότοπους και σελίδες. Στις ρυθμίσεις του widget θα έχετε πάνω από 400 διαφορετικά εικονίδια για να διαλέξετε. Μπορείτε να εισαγάγετε οποιαδήποτε διεύθυνση URL, κοινωνικό δίκτυο ή απλώς οποιονδήποτε ιστότοπο σε κάθε εικονίδιο. Μπορείτε να επιλέξετε το χρώμα και το μέγεθος για το εικονίδιο. Υπάρχουν τρία στυλ για να διαλέξετε, στρογγυλές, τετράγωνες και στρογγυλεμένες άκρες.

Μπορείτε να εγκαταστήσετε την προσθήκη Social Icons Widget by WPZOOM απευθείας από τον πίνακα διαχείρισης του WordPress. Μεταβείτε στη σελίδα: Προσθήκες – Προσθήκη νέας, πληκτρολογήστε το όνομα της προσθήκης στη φόρμα αναζήτησης, πατήστε Enter, εγκαταστήστε και ενεργοποιήστε την προσθήκη.

– Τίτλος, μπορείτε να καθορίσετε έναν τίτλο για το γραφικό στοιχείο.

– Περιγραφή, μπορείτε να καθορίσετε μια περιγραφή για το γραφικό στοιχείο.

– Εμφάνιση ετικετών εικονιδίων, επιλέξτε το πλαίσιο εδώ για να προσθέσετε μια περιγραφή στα εικονίδια.

– Ανοίξτε συνδέσμους σε νέα καρτέλα, επιλέξτε το πλαίσιο εδώ για να ανοίξετε συνδέσμους σε νέο παράθυρο.

– Στυλ εικονιδίων, υπάρχουν δύο στυλ για εικονίδια, με και χωρίς φόντο.

– Στυλ φόντου εικονιδίων, εδώ μπορείτε να επιλέξετε το στυλ για το φόντο των εικονιδίων, φόντο με στρογγυλεμένες γωνίες, στρογγυλό φόντο και τετράγωνο φόντο.

– Εικονίδιο συμπλήρωσης (pixel), εδώ μπορείτε να καθορίσετε το μέγεθος της επένδυσης εικονιδίων.

– Μέγεθος εικονιδίου (pixel), εδώ μπορείτε να ορίσετε το μέγεθος των εικονιδίων.

– Εικονίδια, θα έχετε τρία κοινωνικά δίκτυα που εμφανίζονται από προεπιλογή. εικονίδια για facebook, twitter και instagramm. Πρέπει να προσθέσετε τους συνδέσμους σας στις σελίδες ή τις κοινότητες σας σε αυτά τα κοινωνικά δίκτυα. Τέλος, αποθηκεύστε το widget

Μπορείτε επίσης να προσθέσετε επιπλέον εικονίδια. Για να προσθέσετε ένα εικονίδιο, κάντε κλικ στο κουμπί – Προσθήκη περισσότερων. Θα δείτε ένα πεδίο για ένα νέο εικονίδιο· για να επιλέξετε ένα εικονίδιο, κάντε κλικ στο σταυρό στον μαύρο κύκλο.

Στη συνέχεια, θα ανοίξει ένα παράθυρο για να επιλέξετε εικονίδια. Επιλέξτε ένα εικονίδιο, επιλέξτε ένα χρώμα για το εικονίδιο, μπορείτε να επιλέξετε μια κατηγορία εικονιδίων. Θα έχετε μια επιλογή από 4 κατηγορίες με διαφορετικά εικονίδια, περισσότερα από 400 κομμάτια. Στο τέλος, κάντε κλικ στο κουμπί παρακάτω - Αποθήκευση.

Όλοι μας, ενώ εργαζόμαστε για το έργο μας, θέλουμε να μεταφέρουμε πληροφορίες στους αναγνώστες μας όσο το δυνατόν γρηγορότερα και πληρέστερα. Επομένως, προσπαθούμε να τα τοποθετήσουμε όλα αυτά εκεί που θα είναι πάντα ορατά - στην πλαϊνή γραμμή. Και επομένως, δεν υπάρχει πάντα αρκετός χώρος. Και πρέπει επίσης να τοποθετήσουμε γραφικά στοιχεία για όλα τα κοινωνικά δίκτυα εκεί. Αυτός είναι ο λόγος που πρέπει να χρησιμοποιήσετε την υπηρεσία Social Carousel - όλα τα widget κοινωνικά δίκτυασε μια . Θα μιλήσουμε για όλα τα πλεονεκτήματα και τις δυνατότητες προσαρμογής παρακάτω.

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

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

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

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

Κοινωνικό καρουζέλ – όλα τα γραφικά στοιχεία κοινωνικών δικτύων σε ένα «μπουκάλι». Εξοικονομήστε χώρο στην πλαϊνή γραμμή

Αυτή είναι μια δωρεάν υπηρεσία, χάρη στην οποία είναι δυνατή η σημαντική εξοικονόμηση χώρου στην πλαϊνή γραμμή του έργου μας. Θα ήθελα να σημειώσω ότι αυτή η υπηρεσία καθιστά δυνατή την τοποθέτηση του γραφικού στοιχείου όχι μόνο Μηχανή WordPress, αλλά και σε χειρόγραφους ιστότοπους με την εισαγωγή κώδικα html. Όλα τα widget είναι έτσι δημοφιλή δίκτυαόπως: , Facebook, Google+, YouTube και Twitter - υλοποιούνται σε ένα widget με τη μορφή καρτελών. Οπτικά μοιάζει με αυτό:

Ας αρχίσουμε να γνωριζόμαστε. Η υπηρεσία widget βρίσκεται.

Δεν θα μιλήσω πολύ για τις ρυθμίσεις· ο προγραμματιστής του φρόντισε να εξηγήσει καλά πώς πρέπει να ρυθμιστεί. Οι οδηγίες παρουσιάζονται σε βίντεο, όπου εισάγουμε με αρκετή λεπτομέρεια τα χαρακτηριστικά της εγκατάστασής του στον ιστότοπο. Υπάρχουν κάποιες ιδιαιτερότητες, αλλά δεν είναι κρίσιμες και μπορούν να λυθούν αρκετά εύκολα. Το πιο σημαντικό πράγμα είναι ότι πρακτικά δεν θα χρειαστεί να επεξεργαστείτε τον κώδικα. Η υπηρεσία θα κάνει τα πάντα για εσάς.

Περνάμε την τυπική διαδικασία εγγραφής. Πάμε στο σέρβις. Κάντε κλικ στο – Τα γραφικά στοιχεία μου (σημείο 1) και μετά – Δημιουργία νέου γραφικού στοιχείου (σημείο 2). Συμπληρώνουμε το πεδίο με το πώς θα λέγεται και εισάγουμε τη διεύθυνση της ιστοσελίδας μας (σημείο 3). Αποθήκευση (σημείο 4).

Βρισκόμαστε στην επόμενη καρτέλα, όπου γίνεται η πραγματική κατασκευή. Στο widget μας εκχωρείται ένας αριθμός αναγνώρισης. Εάν σκοπεύετε να το εγκαταστήσετε μέσω WordPress plugin, τότε πρέπει να επιλέξετε αυτό το πλαίσιο (σημείο 1). Βάζουμε κάτω τις διαστάσεις που χρειαζόμαστε και ρυθμίζουμε τις καρτέλες του σε αυτόματη εναλλαγή (θα μετακινηθούν μία προς μία μετά από ένα δεδομένο χρονικό διάστημα) (σημείο 2). Με τη μορφή widget, στο κάτω μέρος, θα υπάρχει ένας σύνδεσμος προς τον προγραμματιστή και μας προσφέρεται να το αφαιρέσουμε έναντι χρημάτων (σημείο 3).

Ας προχωρήσουμε απευθείας στα ίδια τα κοινωνικά δίκτυα. Μπορείτε να χρησιμοποιήσετε τα βέλη για να ορίσετε τη σειρά με την οποία βρίσκονται οι καρτέλες (σημείο 4). Κάντε κλικ στο κόκκινο κουμπί για να προχωρήσετε στη ρύθμιση των ίδιων των κοινωνικών δικτύων (σημείο 5). Μπορείτε να επιλέξετε ποιος από αυτούς θα συμμετάσχει στην εκπομπή (υπάρχουν διαφορετικές καταστάσεις - προβλήματα με τον λογαριασμό σας Google ή η σελίδα VKontakte έχει παγώσει).

Επιλέγουμε το πλαίσιο ότι θα χρησιμοποιήσουμε πρόσθετο για WordPress (σημείο 1). Επιλέξτε το πλαίσιο Ενεργοποίηση αυτόματης εναλλαγής καρτελών και ορίστε την ώρα για την εμφάνισή τους (μετά από πόσα δευτερόλεπτα θα χρειαστούν για να μεταφερθεί στην επόμενη) (σημείο 2). Τότε το πιο ενδιαφέρον μέρος, γιατί αυτές οι πληροφορίες δεν είναι τόσο προφανείς. Στο widget μπορείτε να τοποθετήσετε ομάδες και κοινότητες από κοινωνικά δίκτυα και όχι προσωπικές σελίδες. Συμπληρώστε αυτά τα πεδία (σημείο 3). Ελέγχουμε αν η εγκατάσταση είναι σωστή κάνοντας κλικ στο κουμπί Προεπισκόπηση (βήμα 4).

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

Ρύθμιση αναγνωριστικού widget για το Twitter. Πάμε στη σελίδα μας. Στη συνέχεια, μεταβείτε στην επάνω δεξιά γωνία - Ρυθμίσεις. Από το αναδυόμενο μενού, επιλέξτε – Γραφικά στοιχεία. Διαμορφώνουμε το γραφικό στοιχείο που απαιτείται σε στυλ και μέγεθος και στον νέο κώδικα που δημιουργείται στο παράθυρο βρίσκουμε τη γραμμή με το αναγνωριστικό. Οι αριθμοί μετά από αυτό είναι το αναγνωριστικό του widget για το Twitter.

Για να δείτε τη σύνδεση των χρηστών σας στο κανάλι YouTube, συνδεθείτε στο Google+ και μεταβείτε σε αυτό Σύνδεσμος. Πάρτε το αναγνωριστικό και επικολλήστε το στη φόρμα.

Για να δείτε το αναγνωριστικό στο Google +, συνδεθείτε εκεί, μεταβείτε στο Προφίλ και μπορείτε να δείτε τους αριθμούς στη γραμμή διευθύνσεων. Πρέπει να εισαχθούν στο πεδίο της φόρμας.

Για το Facebook (σημαντικό!), αντιγράφουμε όχι τον σύνδεσμο προφίλ, όχι τον σύνδεσμο της ομάδας, αλλά τον σύνδεσμο της σελίδας. Η σελίδα μου στο Facebook μοιάζει με αυτό:

Ολα. Η φόρμα έχει συμπληρωθεί. Κάντε κλικ στην επιλογή Δημιουργία κώδικα. Αυτός είναι ο κωδικός που έχουμε. Ας το αντιγράψουμε. Τώρα έχουμε 2 επιλογές για την εγκατάσταση του στον ιστότοπο.

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

Στη συνέχεια το τοποθετούμε στον κινητήρα στάνταρ και το ενεργοποιούμε. Στη συνέχεια, Ρυθμίσεις – Κοινωνικό καρουζέλ. Επικολλάμε τον κωδικό μας, εισάγουμε το αναγνωριστικό του, ορίζουμε τις διαστάσεις του widget και αποθηκεύουμε.

Μεταβείτε στο Appearance – Widgets (βαθμοί 1-2). Σύρετε το γραφικό στοιχείο κειμένου στην πλαϊνή γραμμή και τοποθετήστε τον ακόλουθο κώδικα για την εμφάνιση του γραφικού στοιχείου κοινωνικού δικτύου σε αυτό:

Ετοιμος. Θαυμάζουμε και απολαμβάνουμε τα αποτελέσματα των κόπων μας.

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

Ο κωδικός μου που δημιουργήθηκε

Άφησα το γραφικό στοιχείο της πλαϊνής γραμμής με την έξοδο ως έχει. Μπορείτε να δείτε το αποτέλεσμα εδώ στο blog στη δεξιά πλευρά. Είναι αρκετά καλοφτιαγμένο και έχει ένα τεράστιο πλεονέκτημα – μας εξοικονομεί χώρο.

Αυτό είναι όλο. Μια εξαιρετική υπηρεσία, κυρίως ΔΩΡΕΑΝ, που σας επιτρέπει να βελτιώσετε σημαντικά τη χρηστικότητα του ιστότοπου. Νομίζω ότι θα σας αρέσει. Σήμερα εξοικονομήσαμε χώρο στην πλαϊνή γραμμή μας εγκαθιστώντας το γραφικό στοιχείο υπηρεσίας Social Carousel - όλα τα γραφικά στοιχεία κοινωνικών δικτύων σε ένα. Εάν έχετε οποιεσδήποτε ερωτήσεις, επικοινωνήστε μαζί μας και μην ξεχάσετε να αφήσετε κριτικές. Εγγραφείτε σε ενημερώσεις ιστολογίου. Τα λέμε σύντομα.

Τέλος, παρακολουθήστε ένα βίντεο σχετικά με την υπηρεσία:

Διαβάστε περισσότερα ενδιαφέροντα πράγματα στο blog

Θέλετε να είστε στο TOP; Η μοναδικότητα της εικόνας θα βοηθήσει. Χρησιμοποιούμε την υπηρεσία TinEye

2 σχόλια

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

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

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

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

Γραφικό στοιχείο ομάδας VKontakte στον ιστότοπο

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

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

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

Και εδώ μπορείτε να δείτε όλους τους τύπους γραφικών στοιχείων για τον ιστότοπό σας:

Γραφικό στοιχείο "Σχόλια" - μπορείτε να τοποθετήσετε ένα μπλοκ με σχόλια από την VK στον ιστότοπό σας, όπως έκανα εγώ. Είναι πιο βολικό και πιο γρήγορο για τους ανθρώπους να αφήσουν μια καταχώριση σε αυτήν τη φόρμα παρά να εισαγάγουν το όνομα και το email τους στην τυπική. Και με τέτοια σχόλια, γίνεται αυτόματα μια αναδημοσίευση στον τοίχο του σχολιαστή, κάτι που θα είναι ένα μεγάλο συν για εσάς.

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

Στη συνέχεια, οι ρυθμίσεις της ίδιας της φόρμας: επιλέξτε τον αριθμό των σχολίων που θα εμφανίζονται στη σελίδα (τα υπόλοιπα θα βρίσκονται κάτω από το σπόιλερ "εμφάνιση άλλων σχολίων"). Τύπος περισσότερες λεπτομέρειεςδίπλα στο Media και μπορείτε να απενεργοποιήσετε ορισμένες λειτουργίες. Καθορίστε το πλάτος του πλαισίου σχολίων ώστε να μην είναι πολύ κοντό και να μην εκτείνεται πέρα ​​από τις άκρες. Εάν δεν μαντέψατε αμέσως το πλάτος, μπορείτε να το διορθώσετε απευθείας στον κωδικό - αντικαταστήστε τους αριθμούς στο "width: "665".

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

Εάν δυσκολεύεστε να τοποθετήσετε αυτόν τον κωδικό, μπορείτε να προσθέσετε σχόλια χρησιμοποιώντας την ειδική προσθήκη VK Comments. Μπορείτε να μάθετε το αναγνωριστικό στην ίδια ενότητα για προγραμματιστές, απλώς επάνω μενούΕπιλέξτε Οι εφαρμογές μου και ανοίξτε τον ιστότοπο που θέλετε. Οι αριθμοί στο τέλος του συνδέσμου θα είναι το αναγνωριστικό σας (για παράδειγμα, vk.com/editapp?id=123456).

Το γραφικό στοιχείο "Wall Post" χρησιμοποιείται σπάνια, αλλά μπορεί να είναι χρήσιμο σε κάποιον. Με τη βοήθειά του, μπορείτε να εισαγάγετε μια ανάρτηση από το VKontakte σε ένα άρθρο. Όλα τα likes αποθηκεύονται και εμφανίζονται στην ανάρτηση της ομάδας. Μια άλλη μέθοδος που πρέπει να χρησιμοποιήσετε είναι να παραθέσετε κατά λέξη. σημαντικές πληροφορίες, δίνοντας αμέσως σύνδεσμο προς την πηγή.

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

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

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

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

Στην επιλογή "Κουμπί με μετρητή κειμένου", μπορείτε να επιλέξετε μόνοι σας την ετικέτα για το κουμπί.

Το γραφικό στοιχείο Προτάσεις λειτουργεί μόνο σε συνδυασμό με το προηγούμενο. Αναλύει τον αριθμό των likes σε άρθρα και εμφανίζει μια λίστα με τις πιο δημοφιλείς δημοσιεύσεις. Οι ρυθμίσεις είναι όλες εύχρηστες: ο αριθμός των εγγραφών, για ποια περίοδο εμφανίζονται τα δεδομένα (ημέρα, εβδομάδα, μήνας) και το κείμενο πάνω από την ενότητα (Μου αρέσει/Ενδιαφέρον… Άτομα).

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

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

Αυτά είναι όλα τα γραφικά στοιχεία, τα γραφικά στοιχεία VKontakte, που μπορούν να τοποθετηθούν στον ιστότοπο.

Γραφικό στοιχείο Odnoklassniki για τον ιστότοπο

Ας πάμε στην ενότητα προγραμματιστών. Για να το κάνετε αυτό, μεταβείτε στις Ρυθμίσεις και, στη συνέχεια, κατεβείτε και βρείτε Προγραμματιστές. Στο επόμενο παράθυρο, επιλέξτε Social Widgets.

Δεν υπάρχουν πολλές ρυθμίσεις εδώ, οπότε μπορείτε εύκολα να το καταλάβετε:

• Επιλέξτε μόνοι σας το Πλάτος και το Ύψος σύμφωνα με τις επιθυμίες σας.
• Αναγνωριστικό ομάδας – μεταβείτε στην ομάδα σας και δείτε τη γραμμή διευθύνσεων. Οι αριθμοί στη γραμμή θα είναι το αναγνωριστικό σας (για παράδειγμα, http://ok.ru/group/50582132228315). Αντικαταστήστε τους αριθμούς με τους δικούς σας.

Αντιγράψτε τον κώδικα και, στη συνέχεια, μεταβείτε στον πίνακα διαχείρισης Σχεδίαση - Γραφικά στοιχεία, σύρετε το γραφικό στοιχείο κειμένου στην αριστερή περιοχή και επικολλήστε αυτόν τον κώδικα.

Γραφικό στοιχείο Facebook για ιστότοπο

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

Στη συνέχεια, μεταβείτε στην ενότητα Έγγραφα στο επάνω μενού και βρείτε τα Social Plugins στις λίστες.

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

Όταν είστε ικανοποιημένοι με το αποτέλεσμα, απλώς κάντε κλικ στο «Λήψη Κωδικού» και στη συνέχεια θα σας προσφερθούν δύο κωδικοί.

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

Εισαγάγετε το τμήμα πάνω από το οποίο είναι γραμμένο Συμπεριλάβετε το JavaScript SDK στη σελίδα σας μία φορά, ιδανικά αμέσως μετά την αρχική ετικέτα σώματος— μεταβείτε στον πίνακα διαχείρισης, επιλέξτε Design - Editor και βρείτε το υποσέλιδο εδώ. Εκκινήστε το πλαίσιο αναζήτησης (ctrl + F) και αναζητήστε το σώμα. Χρειαζόμαστε ακριβώς το κλείσιμο -< /body >. Και στη γραμμή πάνω, ακριβώς από πάνω, επικολλήστε τον κωδικό από το επάνω παράθυρο. Αποθηκεύσετε.

Το δεύτερο μέρος πρέπει να εισαχθεί σε widget. Για να το κάνετε αυτό, μεταβείτε στο Design – Widgets και σύρετε το γραφικό στοιχείο Text στην αριστερή περιοχή και επικολλήστε αυτόν τον κώδικα. Ελέγξτε ότι όλα λειτουργούν σωστά και ότι όλα εμφανίζονται σωστά.

Widget Twitter για ιστότοπο

Τέλος, θα εξετάσω το ενδεχόμενο προσθήκης Twitter, αν και προστίθεται αρκετά σπάνια.

Μεταβείτε στις Ρυθμίσεις και επιλέξτε Γραφικά στοιχεία.

Μετά από αυτό, κάντε κλικ στο μεγάλο κουμπί Δημιουργία και προσαρμόστε την εμφάνιση του γραφικού στοιχείου.

Δεν έχω γράψει τίποτα για το WordPress εδώ και πολύ καιρό. Σήμερα θα μιλήσουμε για γραφικά στοιχεία κοινωνικών δικτύων.

Άνδρας που κάθεται στο τραπέζι με φορητό υπολογιστή

Στην πρώτη ανάρτηση θα δούμε τα πιο δημοφιλή κοινωνικά δίκτυα: FB, VK, G+ και OK.

Facebook

Υπάρχουν πολλές επεκτάσεις για γραφικά στοιχεία του Facebook, αλλά είμαι υπέρ της προσθήκης κώδικα, καθώς σας δίνει πολλές περισσότερες επιλογές προσαρμογής. Μπορείτε να το δημιουργήσετε χρησιμοποιώντας την επίσημη υπηρεσία Προσθήκης Σελίδας. Μεταβείτε στη σελίδα και συμπληρώστε τις παραμέτρους του widget.

Κάντε κλικ στο «Λήψη κωδικού».

Ο κώδικας αποτελείται από δύο μέρη.

Αντιγράφουμε και επικολλάμε διαδοχικά και τα δύο μέρη του κώδικα στο widget. Ετοιμος.

VK

Η VK έχει τη δική της υπηρεσία Γραφικό στοιχείο για κοινότητες. Οι ρυθμίσεις είναι βασικές: εμφάνιση, πλάτος και χρώμα στοιχείων. Και μην ξεχάσετε να δείτε και τα άλλα Γραφικά στοιχεία VK, υπάρχουν πολλά ενδιαφέροντα πράγματα εκεί.

G+

Για να λάβουμε τον κωδικό για το γραφικό στοιχείο G+, θα χρησιμοποιήσουμε την υπηρεσία Σήματος Google+. Είσοδος μέσω Λογαριασμός Google, επιλέξτε ρυθμίσεις και λάβετε τον κωδικό. Είναι απλό.

Εντάξει

Για την Odnoklassniki είναι παρόμοια ιστορία, μόνο που υπάρχουν λιγότερες ρυθμίσεις. Μεταβείτε στην υπηρεσία Group Widget, συμπληρώστε το αναγνωριστικό ομάδας και επιλέξτε το ύψος και το πλάτος. Το αναγνωριστικό ομάδας μπορεί να βρεθεί στις ρυθμίσεις της κοινότητάς σας στο ΟΚ.

Στο δεύτερο μέρος θα εξετάσω την εγκατάσταση ενός widget twitter και άλλων κοινωνικών δικτύων. Σας ευχαριστώ για την προσοχή σας.

Ευχαριστώ για την ανάγνωση! Ακολουθήστε με στα κοινωνικά δίκτυα