Το Favicon είναι μια σύντμηση για το "αγαπημένο εικονίδιο" (στομετάφραση από τα αγγλικά). Το όνομα προέρχεται από μια λίστα με σελιδοδείκτες στον Internet Explorer που ονομάζεται "Αγαπημένα" / "Λίστα Αγαπημένων". Όταν προσθέτετε έναν ιστότοπο στους σελιδοδείκτες σας, ο Explorer (έκδοση 5 και παραπάνω) καλεί το διακομιστή να ρωτάει αν ο πόρος έχει αρχείο favicon.ico. Εάν υπάρχει ένα τέτοιο αρχείο, θα χρησιμοποιηθεί για να παράσχει το εικονίδιο που εμφανίζεται δίπλα στον σελιδοδείκτη με κείμενο.
Άλλα προγράμματα περιήγησης (π.χ. Mozilla) έχουν επίσηςυποστήριξη για τα favicons. Ανάλογα με το πρόγραμμα για αναζήτηση, αυτό το εικονίδιο μπορεί να εμφανίζεται σε διάφορα μέρη, όχι μόνο στη λίστα σελιδοδεικτών (στην πραγματικότητα, μπορεί να μην εμφανίζεται καν). Εμφανίζεται στη γραμμή διευθύνσεων ή στην κεφαλίδα της καρτέλας του προγράμματος περιήγησης.
Οι περισσότεροι χρήστες έχουν συνήθωςπολλές ανοιχτές καρτέλες στο παράθυρο του προγράμματος περιήγησης. Με την αύξηση του αριθμού καρτελών, το όνομα των τοποθεσιών κρύβεται. Το favicon βοηθά τον χρήστη να αναγνωρίσει τον σύνδεσμο και να μεταβεί γρήγορα στην καρτέλα που πρέπει να ανοίξει.
Επιπλέον, αν ο χρήστης θέλει να προσθέσειαγαπημένο σας ιστότοπο στην επιφάνεια εργασίας της κινητής συσκευής σας, θα χρησιμοποιηθεί επίσης το εικονίδιο. Επομένως, πρέπει πάντα να αποφασίσετε για την επιλογή της εικόνας πριν εγκαταστήσετε το favicon. Ένα τέτοιο εικονίδιο τοποθεσίας εμφανίζεται ως εικονίδιο εφαρμογής στην επιφάνεια εργασίας ενός tablet ή smartphone.
Για να δημιουργήσετε favicon.ico, απλά πρέπει να αποθηκεύσετε το αρχείο PNG 16x16 και να το μετατρέψετε σε εικονίδιο πόρων με png2ico. Κατά την κρίση σας, μπορείτε να προσθέσετε διαφορετικές εικόνες στο ίδιο εικονίδιο για να δώσετε εναλλακτικές λύσεις. Τα περισσότερα προγράμματα περιήγησης χρησιμοποιούν μόνο μια μορφή 16x16 για μια τέτοια εικόνα, αλλά σε διαφορετικό πλαίσιο (για παράδειγμα, όταν σύρετε μια διεύθυνση URL από τη γραμμή διευθύνσεων στην επιφάνεια εργασίας), μπορεί να εμφανιστεί ένα μεγάλο εικονίδιο. Εάν το εικονίδιο πόρων περιέχει μόνο εικόνες 16x16, θα κλιμακωθεί στο επιθυμητό μέγεθος, επομένως από τεχνική άποψη δεν υπάρχει καμία ανάγκη να προσθέσετε εναλλακτικές λύσεις. Ωστόσο, αυτό μπορεί να βελτιώσει την ποιότητα της εικόνας. Πριν εγκαταστήσετε το favicon στην τοποθεσία, φροντίστε να δείτε πώς φαίνεται η εικόνα σε διαφορετικά μεγέθη.
Λάβετε υπόψη ότι για έναν χρήστη με αργό ρυθμόΗ σύνδεση διαδικτύου favicon μπορεί να αυξήσει το χρόνο φόρτωσης σελίδας κατά λίγα δευτερόλεπτα. Αυτό είναι δυνατό εάν το αρχείο εικόνας είναι πολύ μεγάλο, οπότε μην το παρακάνετε. Η προσθήκη μιας εναλλακτικής λύσης στη μορφή 32x32 θα πρέπει να είναι αρκετή, ώστε η εικόνα να αρχίζει να φαίνεται καλή ακόμη και σε καταστάσεις με μεγάλα εικονίδια. Η χρήση περισσότερων επιλογών είναι ένα μπόνους, το οποίο εκτελείται μόνο κατόπιν αιτήματος του προγραμματιστή ιστότοπου. Προσπαθήστε να διατηρήσετε τον αριθμό των χρωμάτων μέχρι 16 και να δημιουργήσετε εικονίδιο 16 χρωμάτων χρησιμοποιώντας png2ico (ή ακόμα και ασπρόμαυρη εικόνα). Αυτό θα σώσει ένα μικρότερο αρχείο που φορτώνει πιο γρήγορα.
При создании изображения для добавления в favicon.ico Μην ξεχνάτε ότι τα εικονίδια μπορούν να εμφανιστούν σε διαφορετικό χρώμα φόντου. Για το λόγο αυτό, είναι προτιμότερο να χρησιμοποιείτε τη διαφάνεια αντί για ένα σταθερό υπόβαθρο. Σκεφτείτε προσεκτικά πώς να ρυθμίσετε το favicon πιο κατάλληλα ώστε να εναρμονίζεται με οποιοδήποτε υπόβαθρο. Αξίζει να σημειωθεί ότι μπορείτε να ορίσετε ενδιάμεσες τιμές, οι οποίες μετρούνται σε ποσοστό. Οι ειδικοί λένε ότι η ιδανική ρύθμιση είναι περίπου 30-40% της διαφάνειας του φόντου.
Μπορείτε να χρησιμοποιήσετε το λογότυπο της μάρκας σας,το σύμβολο θεμάτων πόρων ή την αγαπημένη εικόνα για να δημιουργήσετε το δικό σας εικονίδιο ιστοτόπου. Το συνιστώμενο μέγεθος για το favicon έχει πλάτος τουλάχιστον 512 pixel και είναι υψηλό. Η εικόνα πρέπει να είναι τετράγωνη, αλλά μπορείτε να χρησιμοποιήσετε μεγάλες ορθογώνιες εικόνες. Πολλοί κινητήρες θα σας επιτρέψουν να περικόψετε την εικόνα όταν την προσθέσετε (οπότε μην ανησυχείτε για τον τρόπο ρύθμισης του favicon στο SMF ως μια μεγάλη εικόνα).
Οι ειδικοί συστήνουν τη χρήση του προγράμματοςγια την επεξεργασία εικόνων, για παράδειγμα, το Adobe Photoshop ή το GIMP. Αυτό θα δημιουργήσει ένα εικονίδιο ιστότοπου ακριβώς 512 × 512 εικονοστοιχεία. Έτσι, μπορείτε να αποθηκεύσετε τις ακριβείς αναλογίες της εικόνας, να χρησιμοποιήσετε διαφανείς εικόνες ή να γεμίσετε το φόντο της επιλογής σας. Αυτή η εικόνα μπορεί να είναι σε μορφή PNG, JPEG ή GIF. Μετά από αυτό, θα πρέπει να καθορίσετε τον τρόπο εγκατάστασης του favicon στον ιστότοπο.
Όπως έχει ήδη αναφερθεί, το εικονίδιο favicon είναιΈνα μικρό εικονίδιο που εμφανίζεται δίπλα στο όνομα του ιστότοπου στο πρόγραμμα περιήγησης. Βοηθάει τους χρήστες να αναγνωρίζουν τη σύνδεση και οι πιο συχνές επισκέπτες στον ιστότοπό σας θα αναγνωρίζουν αμέσως αυτή τη μικρή εικόνα. Αυτό αυξάνει την αναγνωρισιμότητα της επωνυμίας και συμβάλλει στη δημιουργία αξιοπιστίας μεταξύ του κοινού. Έτσι, το favicon ορίζει την "ταυτότητα" του site σας. Επιπλέον, βελτιώνει επίσης την χρηστικότητα και την εμπειρία χρήστη του ιστότοπου.
Για να προσθέσετε το νέο favicon σε μια ιστοσελίδα,θα πρέπει να το εγκαταστήσετε στο διακομιστή στον ίδιο φάκελο όπου βρίσκεται η ιστοσελίδα (για παράδειγμα, www.example.com/foo/favicon.ico για www.example.com/foo/index.html). Αυτά είναι τα δεδομένα που κάθε πρόγραμμα περιήγησης θα αναζητήσει πρώτα τις λήψεις. Εάν δεν βρει το εικονίδιο, θα ελέγξει τον κατάλογο ανώτατου επιπέδου του διακομιστή (www.example.com/favicon.ico για το www.example.com στο διακομιστή). Για το λόγο αυτό, αν το εγκαταστήσετε εκεί, μπορείτε να έχετε ένα προεπιλεγμένο εικονίδιο για όλες τις σελίδες του τομέα σας. Ανάλογα με το πρόγραμμα περιήγησης και τη διαμόρφωση, το favicon δεν εμφανίζεται πάντα, ακόμα κι αν βρίσκεται σε μία από τις παραπάνω θέσεις και η ιστοσελίδα το βλέπει.
Για να καταχωρίσετε το favicon στον κώδικα σελίδας, μπορείτε να προσθέσετε τις ακόλουθες 2 γραμμές στην ενότητα
:
Αν αναρωτιέστε πώς να εγκαταστήσετε το favicon στο "Direct", δεν υπάρχει τίποτα περίπλοκο. Η διεπαφή έχει αντίστοιχα στοιχεία μενού που σας επιτρέπουν να επιλέξετε και να μεταφορτώσετε μια εικόνα.
Ξεκινώντας με το WordPress 4.3, μπορείτε να προσθέσετε favicon στον ιστότοπο από την περιοχή admin. Απλώς μεταβείτε στην επιλογή "Προβολή" / "Ρυθμίσεις" και επιλέξτε την καρτέλα "Ιστοσελίδα".
Раздел идентификатора сайта в настройщике σας επιτρέπει να αλλάξετε το όνομα του πόρου και της περιγραφής. Πριν φύγετε από το μενού, τίθεται αναγκαστικά η ερώτηση αν πραγματικά θέλετε να εμφανίσετε τα νέα δεδομένα στην κεφαλίδα. Επιτρέπει επίσης τη μεταφόρτωση του εικονιδίου για τον ιστότοπο. Απλά κάντε κλικ στο κουμπί "Επιλογή αρχείου" και μεταφορτώστε την εικόνα που θέλετε να χρησιμοποιήσετε ως favicon.
Περισσότερες οδηγίες σχετικά με τον τρόπο εγκατάστασης του favicon,φαίνεται ως εξής. Εάν η εικόνα που ανεβάζετε υπερβαίνει το συνιστώμενο μέγεθος, τότε το WordPress θα σας επιτρέψει να το συγκρατήσετε. Αν πληροί τις συνιστώμενες παραμέτρους, μπορείτε να αποθηκεύσετε τις αλλαγές. Αξίζει να σημειωθεί ότι οι οδηγίες σχετικά με τον τρόπο εγκατάστασης του favicon στον ιστότοπο του Joomla μοιάζουν παρόμοια.
Μετά από αυτό, κατά την προβολή του ιστότοπου θα δείτε το δικό σαςfavicon σε δράση. Μπορείτε επίσης να αποκτήσετε πρόσβαση στον ιστότοπο από μια κινητή συσκευή και, στη συνέχεια, επιλέξτε "Λήψη πλήρους έκδοσης" από το μενού του προγράμματος περιήγησης. Θα παρατηρήσετε ότι το εικονίδιο θα εμφανιστεί όπως σε έναν πλήρη επιτραπέζιο υπολογιστή.
Μεταφορτώστε το favicon στον κεντρικό κατάλογο του ιστότοπου χρησιμοποιώντας FTP. Μετά από αυτό, μπορείτε απλά να επικολλήσετε αυτόν τον κώδικα στο αρχείο header.php του επιθυμητού θέματος.
Αντικαταστήστε το wpbeginner.com στη διεύθυνση URL του ιστότοπού σας και όλα θα γίνουν. Εάν το ιστολόγιο δεν έχει αρχείο header.php ή δεν μπορείτε να το βρείτε, χρησιμοποιήστε ένα ειδικό πρόσθετο. Εγκαταστήστε και ενεργοποιήστε τις στις ρυθμίσεις τοποθεσίας. Μετά την ενεργοποίηση του plugin, μεταβείτε στην "Ρυθμίσεις", βρείτε "Εισαγωγή κεφαλίδας και υποσέλιδου", μεταβείτε στην καρτέλα "Εισαγωγή κώδικα" παραπάνω στην ενότητα κεφαλίδας και αποθηκεύστε τις ρυθμίσεις.
Εάν δεν θέλετε να ασχοληθείτε με τις περιπλοκές συνεργασίαςFTP, αλλά εξακολουθεί να ενδιαφέρεται για τον τρόπο εγκατάστασης του favicon, μπορείτε επίσης να χρησιμοποιήσετε ένα ειδικό plugin που ρυθμίζει τη φόρτωση του εικονιδίου σε όλα τα στάδια. Τέτοιες προσθήκες στον κινητήρα είναι διαθέσιμες όχι μόνο για το WordPress, αλλά και για άλλα δημοφιλή συστήματα, συμπεριλαμβανομένου του Joomla.