Πώς να σχεδιάσετε ένα πρότυπο ιστολογίου για το Blogger

Το Blogger είναι μια από τις πιο δημοφιλείς πλατφόρμες blogging. Αλλά το θεωρώ μετά το wordpress, προφανώς. Το WordPress έλειπε στην προσαρμογή του προτύπου ιστολογίου, αλλά η ενημέρωση του WordPress 3.4 είναι υπεραρκετή για αυτό. Αν και η πλατφόρμα Blogger δίνει Προσαρμογή προτύπου ιστολογίου και δυνατότητα σχεδίασης ενός προτύπου ιστολογίου, αλλά είναι πιο εύκολο να δημιουργήσετε θέμα blogger.

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

Αλλαγή Favicon στο Blogger

Το Favicon είναι κάτι που πρέπει να έχει κάθε blogger blog. Εάν δεν γνωρίζετε για τα favicon, τότε μια μικρή περιγραφή του favicon πηγαίνει εδώ, είναι το εικονίδιο που εμφανίζεται πριν από μια ιστοσελίδα στη γραμμή διευθύνσεων ενός προγράμματος περιήγησης. Μπορείτε να δείτε το favicon του DesignSkew, το οποίο είναι ένα φύλλο στη γραμμή διευθύνσεων. Είναι μια γενική πτυχή του σχεδιασμού ενός προτύπου ιστολογίου.

Δείτε πώς μπορείτε να ορίσετε ένα favicon για το blogger blog σας. Συνδεθείτε στον λογαριασμό σας στο blogger και μεταβείτε στο Παράθυρο διάταξης. Θα δείτε ένα γραφικό στοιχείο Favicon στο επάνω μέρος της διάταξης. Κάντε κλικ στο edit, θα εμφανιστούν ένα παράθυρο όπου μπορείτε να ανεβάσετε το favicon σας. Για καλύτερα αποτελέσματα, δημιουργήστε ένα εικονίδιο μεγέθους 16×16 pixel και ανεβάστε το ως favicon του ιστολογίου σας.

Ξεκινήστε: Σχεδιάστε ένα πρότυπο ιστολογίου

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

Επιλέξτε Πρότυπο βάσης και προσαρμόστε το περαιτέρω

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

Ανεβάστε και ενεργοποιήστε το πρότυπο ιστολογίου. Στη συνέχεια, μεταβείτε στο παράθυρο προτύπων και κάντε κλικ στο Επεξεργασία HTML του τρέχοντος προτύπου ιστολογίου σας. Θα σας δείξει τα περιεχόμενα του προτύπου ιστολογίου. Αυτό που πρέπει να κάνετε είναι να αλλάξετε το CSS του προτύπου όπως θέλετε. Πρέπει να γνωρίζω λίγο CSS και ιδιότητες.

ΠΡΟΕΙΔΟΠΟΙΗΣΗ : Μην προσπαθήσετε να ενοχλήσετε το HTML μοτίβο προτύπου ιστολογίου διαφορετικά το πρότυπο ιστολογίου σας μπορεί να μην λειτουργεί όπως θα έπρεπε. Επομένως, μην αλλάζετε ποτέ τα μέρη HTML του προτύπου ιστολογίου.

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

Τροποποιήστε ένα πρότυπο Blogger χρησιμοποιώντας το πρόγραμμα επεξεργασίας προτύπων του Blogger

Θα προτιμούσα αυτή τη μέθοδο από όλους τους αρχάριους blogger bloggers. Το δεν χρειάζεται να γνωρίζει το CSS, κατά την επεξεργασία του προτύπου, αυτό που θα δείτε είναι αυτό που θα λάβετε. Μεταβείτε στη σελίδα προτύπου στον Πίνακα ελέγχου του Blogger και, στη συνέχεια, κάντε κλικ στο Προσαρμόστε σύνδεσμος του τρέχοντος θέματος. Αυτός ο τρόπος για να σχεδιάσετε ένα πρότυπο ιστολογίου για να το κάνετε σύμφωνα με τον επιθυμητό, ​​είναι ο πιο αποτελεσματικός τρόπος.

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

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