/ / / Πώς να εγκαταστήσετε το favicon στον ιστότοπο;

Πώς να εγκαταστήσετε το favicon στον ιστότοπο;

Το Favicon είναι μια σύντμηση για το "αγαπημένο εικονίδιο" (στομετάφραση από τα αγγλικά). Το όνομα προέρχεται από μια λίστα με σελιδοδείκτες στον Internet Explorer που ονομάζεται "Αγαπημένα" / "Λίστα Αγαπημένων". Όταν προσθέτετε έναν ιστότοπο στους σελιδοδείκτες σας, ο Explorer (έκδοση 5 και παραπάνω) καλεί το διακομιστή να ρωτάει αν ο πόρος έχει αρχείο favicon.ico. Εάν υπάρχει ένα τέτοιο αρχείο, θα χρησιμοποιηθεί για να παράσχει το εικονίδιο που εμφανίζεται δίπλα στον σελιδοδείκτη με κείμενο.

πώς να εγκαταστήσετε το favicon

Άλλα προγράμματα περιήγησης (π.χ. Mozilla) έχουν επίσηςυποστήριξη για τα favicons. Ανάλογα με το πρόγραμμα για αναζήτηση, αυτό το εικονίδιο μπορεί να εμφανίζεται σε διάφορα μέρη, όχι μόνο στη λίστα σελιδοδεικτών (στην πραγματικότητα, μπορεί να μην εμφανίζεται καν). Εμφανίζεται στη γραμμή διευθύνσεων ή στην κεφαλίδα της καρτέλας του προγράμματος περιήγησης.

Εικονίδια καρτέλας περιηγητή

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

πώς να εγκαταστήσετε το favicon σε έναν ιστότοπο

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

Πώς να δημιουργήσετε ένα favicon;

Για να δημιουργήσετε favicon.ico, απλά πρέπει να αποθηκεύσετε το αρχείο PNG 16x16 και να το μετατρέψετε σε εικονίδιο πόρων με png2ico. Κατά την κρίση σας, μπορείτε να προσθέσετε διαφορετικές εικόνες στο ίδιο εικονίδιο για να δώσετε εναλλακτικές λύσεις. Τα περισσότερα προγράμματα περιήγησης χρησιμοποιούν μόνο μια μορφή 16x16 για μια τέτοια εικόνα, αλλά σε διαφορετικό πλαίσιο (για παράδειγμα, όταν σύρετε μια διεύθυνση URL από τη γραμμή διευθύνσεων στην επιφάνεια εργασίας), μπορεί να εμφανιστεί ένα μεγάλο εικονίδιο. Εάν το εικονίδιο πόρων περιέχει μόνο εικόνες 16x16, θα κλιμακωθεί στο επιθυμητό μέγεθος, επομένως από τεχνική άποψη δεν υπάρχει καμία ανάγκη να προσθέσετε εναλλακτικές λύσεις. Ωστόσο, αυτό μπορεί να βελτιώσει την ποιότητα της εικόνας. Πριν εγκαταστήσετε το favicon στην τοποθεσία, φροντίστε να δείτε πώς φαίνεται η εικόνα σε διαφορετικά μεγέθη.

πώς να εγκαταστήσετε το favicon στο wordpress

Λάβετε υπόψη ότι για έναν χρήστη με αργό ρυθμόΗ σύνδεση διαδικτύου favicon μπορεί να αυξήσει το χρόνο φόρτωσης σελίδας κατά λίγα δευτερόλεπτα. Αυτό είναι δυνατό εάν το αρχείο εικόνας είναι πολύ μεγάλο, οπότε μην το παρακάνετε. Η προσθήκη μιας εναλλακτικής λύσης στη μορφή 32x32 θα πρέπει να είναι αρκετή, ώστε η εικόνα να αρχίζει να φαίνεται καλή ακόμη και σε καταστάσεις με μεγάλα εικονίδια. Η χρήση περισσότερων επιλογών είναι ένα μπόνους, το οποίο εκτελείται μόνο κατόπιν αιτήματος του προγραμματιστή ιστότοπου. Προσπαθήστε να διατηρήσετε τον αριθμό των χρωμάτων μέχρι 16 και να δημιουργήσετε εικονίδιο 16 χρωμάτων χρησιμοποιώντας png2ico (ή ακόμα και ασπρόμαυρη εικόνα). Αυτό θα σώσει ένα μικρότερο αρχείο που φορτώνει πιο γρήγορα.

При создании изображения для добавления в favicon.ico Μην ξεχνάτε ότι τα εικονίδια μπορούν να εμφανιστούν σε διαφορετικό χρώμα φόντου. Για το λόγο αυτό, είναι προτιμότερο να χρησιμοποιείτε τη διαφάνεια αντί για ένα σταθερό υπόβαθρο. Σκεφτείτε προσεκτικά πώς να ρυθμίσετε το favicon πιο κατάλληλα ώστε να εναρμονίζεται με οποιοδήποτε υπόβαθρο. Αξίζει να σημειωθεί ότι μπορείτε να ορίσετε ενδιάμεσες τιμές, οι οποίες μετρούνται σε ποσοστό. Οι ειδικοί λένε ότι η ιδανική ρύθμιση είναι περίπου 30-40% της διαφάνειας του φόντου.

πώς να εγκαταστήσετε το favicon απευθείας

Μπορείτε να χρησιμοποιήσετε το λογότυπο της μάρκας σας,το σύμβολο θεμάτων πόρων ή την αγαπημένη εικόνα για να δημιουργήσετε το δικό σας εικονίδιο ιστοτόπου. Το συνιστώμενο μέγεθος για το favicon έχει πλάτος τουλάχιστον 512 pixel και είναι υψηλό. Η εικόνα πρέπει να είναι τετράγωνη, αλλά μπορείτε να χρησιμοποιήσετε μεγάλες ορθογώνιες εικόνες. Πολλοί κινητήρες θα σας επιτρέψουν να περικόψετε την εικόνα όταν την προσθέσετε (οπότε μην ανησυχείτε για τον τρόπο ρύθμισης του favicon στο SMF ως μια μεγάλη εικόνα).

Δημιουργία εικονιδίου χρησιμοποιώντας το Photoshop

Οι ειδικοί συστήνουν τη χρήση του προγράμματοςγια την επεξεργασία εικόνων, για παράδειγμα, το Adobe Photoshop ή το GIMP. Αυτό θα δημιουργήσει ένα εικονίδιο ιστότοπου ακριβώς 512 × 512 εικονοστοιχεία. Έτσι, μπορείτε να αποθηκεύσετε τις ακριβείς αναλογίες της εικόνας, να χρησιμοποιήσετε διαφανείς εικόνες ή να γεμίσετε το φόντο της επιλογής σας. Αυτή η εικόνα μπορεί να είναι σε μορφή PNG, JPEG ή GIF. Μετά από αυτό, θα πρέπει να καθορίσετε τον τρόπο εγκατάστασης του favicon στον ιστότοπο.

πώς να εγκαταστήσετε το favicon στο smf

Γιατί να προσθέσετε στον ιστότοπο;

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

Πώς να εγκαταστήσετε το favicon στον ιστότοπο html

Για να προσθέσετε το νέο favicon σε μια ιστοσελίδα,θα πρέπει να το εγκαταστήσετε στο διακομιστή στον ίδιο φάκελο όπου βρίσκεται η ιστοσελίδα (για παράδειγμα, www.example.com/foo/favicon.ico για www.example.com/foo/index.html). Αυτά είναι τα δεδομένα που κάθε πρόγραμμα περιήγησης θα αναζητήσει πρώτα τις λήψεις. Εάν δεν βρει το εικονίδιο, θα ελέγξει τον κατάλογο ανώτατου επιπέδου του διακομιστή (www.example.com/favicon.ico για το www.example.com στο διακομιστή). Για το λόγο αυτό, αν το εγκαταστήσετε εκεί, μπορείτε να έχετε ένα προεπιλεγμένο εικονίδιο για όλες τις σελίδες του τομέα σας. Ανάλογα με το πρόγραμμα περιήγησης και τη διαμόρφωση, το favicon δεν εμφανίζεται πάντα, ακόμα κι αν βρίσκεται σε μία από τις παραπάνω θέσεις και η ιστοσελίδα το βλέπει.

πώς να εγκαταστήσετε το favicon στον ιστότοπο html

Για να καταχωρίσετε το favicon στον κώδικα σελίδας, μπορείτε να προσθέσετε τις ακόλουθες 2 γραμμές στην ενότητα :


Πώς να προσθέσετε το favicon στο WordPress blog

Αν αναρωτιέστε πώς να εγκαταστήσετε το favicon στο "Direct", δεν υπάρχει τίποτα περίπλοκο. Η διεπαφή έχει αντίστοιχα στοιχεία μενού που σας επιτρέπουν να επιλέξετε και να μεταφορτώσετε μια εικόνα.

Πώς να προσθέσετε το favicon στο WordPress

Ξεκινώντας με το WordPress 4.3, μπορείτε να προσθέσετε favicon στον ιστότοπο από την περιοχή admin. Απλώς μεταβείτε στην επιλογή "Προβολή" / "Ρυθμίσεις" και επιλέξτε την καρτέλα "Ιστοσελίδα".

Раздел идентификатора сайта в настройщике σας επιτρέπει να αλλάξετε το όνομα του πόρου και της περιγραφής. Πριν φύγετε από το μενού, τίθεται αναγκαστικά η ερώτηση αν πραγματικά θέλετε να εμφανίσετε τα νέα δεδομένα στην κεφαλίδα. Επιτρέπει επίσης τη μεταφόρτωση του εικονιδίου για τον ιστότοπο. Απλά κάντε κλικ στο κουμπί "Επιλογή αρχείου" και μεταφορτώστε την εικόνα που θέλετε να χρησιμοποιήσετε ως favicon.

πώς να εγκαταστήσετε το favicon στο joomla

Προσθήκη favicon σε ένα blog

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

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

Πώς να εγκαταστήσετε το favicon στην παλιά έκδοση WordPress (4.2 ή χαμηλότερη)

Μεταφορτώστε το favicon στον κεντρικό κατάλογο του ιστότοπου χρησιμοποιώντας FTP. Μετά από αυτό, μπορείτε απλά να επικολλήσετε αυτόν τον κώδικα στο αρχείο header.php του επιθυμητού θέματος.

Αντικαταστήστε το wpbeginner.com στη διεύθυνση URL του ιστότοπού σας και όλα θα γίνουν. Εάν το ιστολόγιο δεν έχει αρχείο header.php ή δεν μπορείτε να το βρείτε, χρησιμοποιήστε ένα ειδικό πρόσθετο. Εγκαταστήστε και ενεργοποιήστε τις στις ρυθμίσεις τοποθεσίας. Μετά την ενεργοποίηση του plugin, μεταβείτε στην "Ρυθμίσεις", βρείτε "Εισαγωγή κεφαλίδας και υποσέλιδου", μεταβείτε στην καρτέλα "Εισαγωγή κώδικα" παραπάνω στην ενότητα κεφαλίδας και αποθηκεύστε τις ρυθμίσεις.

Εάν δεν θέλετε να ασχοληθείτε με τις περιπλοκές συνεργασίαςFTP, αλλά εξακολουθεί να ενδιαφέρεται για τον τρόπο εγκατάστασης του favicon, μπορείτε επίσης να χρησιμοποιήσετε ένα ειδικό plugin που ρυθμίζει τη φόρτωση του εικονιδίου σε όλα τα στάδια. Τέτοιες προσθήκες στον κινητήρα είναι διαθέσιμες όχι μόνο για το WordPress, αλλά και για άλλα δημοφιλή συστήματα, συμπεριλαμβανομένου του Joomla.

Αρέσει:
0
Δημοφιλή μηνύματα
Πνευματική Ανάπτυξη
Φαγητό
yup