Διαφήμιση
Η λειτουργία ενός ιστολογίου μπορεί να φαίνεται σαν μια αρκετά ρομαντική ιδέα στην αρχή. Φαντάζεστε να βγάζετε δύο ή τρεις αναρτήσεις ιστολογίου την ημέρα και εκατοντάδες ή ελπίζουμε χιλιάδες θαυμαστές να ελέγχουν τι έχετε να πείτε.
Οι μέρες γίνονται εβδομάδες και μετά οι εβδομάδες γίνονται μήνες. Το blogging γίνεται αγγαρεία. Αντιλαμβάνεστε ότι ξοδεύετε τον περισσότερο χρόνο σας προσπαθώντας να μορφοποιήσετε τις αναρτήσεις σας έτσι ώστε να φαίνονται επαγγελματικά τελειωμένες.
Μετά προσλαμβάνεις έναν συγγραφέα και μετά δύο. Σύντομα, έχετε μια ομάδα συγγραφέων που σας στέλνει αναρτήσεις κάθε εβδομάδα και τώρα ξοδεύετε όλα του χρόνου σας επεξεργάζεστε και μορφοποιείτε αυτές τις αναρτήσεις ώστε να φαίνονται όπως θέλετε στο ιστολόγιο που έχει γίνει έργο αγάπης.
Το πρόβλημα είναι ότι όλη αυτή η επεξεργασία και η μορφοποίηση έχει αφαιρέσει όλο τον χρόνο που είχατε για αυτό που αγαπούσατε περισσότερο να κάνετε - να γράφετε.
Το WordPress είναι μια λαμπρή εφεύρεση και έχει επιτρέψει σε όλο και περισσότερους ανθρώπους να έχουν καταπληκτικούς ιστότοπους, με όμορφους
θέματα Πώς να αλλάξετε το θέμα του ιστολογίου του Wordpress με 3 εύκολα βήματα Διαβάστε περισσότερα . Ωστόσο, εξακολουθεί να υπάρχει το θέμα της περιοχής περιεχομένου, η οποία πρέπει ακόμη να μορφοποιηθεί για εικόνες, διαφημίσεις και καλά διαστήματα περιεχομένου.Μορφοποίηση του περιεχομένου σας στο WordPress με ένα πρότυπο
Πριν από λίγο, σας περιέγραψα πώς θα μπορούσατε να εισάγετε αυτόματα μια διαφήμιση σε κάθε ανάρτηση χρησιμοποιώντας το πρόσθετο προτύπου In-Post για WordPress.
Αυτό λειτουργεί άψογα εάν ξεκινάτε με ένα νέο ιστολόγιο – αλλά αν το έχετε ήδη εισάγει διαφημίσεις στις αναρτήσεις σας, θα επιστρέψει και θα εισαγάγει ξανά μια νέα διαφήμιση και θα χαλάσει εντελώς όλα τα παλιά σας αναρτήσεις.
Μην ανησυχείτε – υπάρχει μια άλλη λύση που είναι ακόμα καλύτερη. Απλώς επεξεργάζεστε ένα από τα τυπικά αρχεία PHP του WordPress και, στη συνέχεια, δημιουργώντας ένα φύλλο στυλ, μπορείτε να δημιουργήσετε Το δικό σας προσεκτικά μορφοποιημένο πρότυπο περιεχομένου που θα εμφανίζεται κάθε φορά που κάνετε κλικ στο "Προσθήκη νέου". WordPress. Όλο το παλιό σας περιεχόμενο θα παραμείνει ανέγγιχτο.
Ακολουθεί ένα δείγμα όλης της δουλειάς μορφοποίησης που κάνω στο δικό μου blog.
Έχω μια εικόνα κεφαλίδας που πρέπει να έχει προσεκτικά το μέγεθος, με επένδυση γύρω της και να την αφήνει δικαιολογημένη. Έχω το διάλειμμα "περισσότερα", ακολουθούμενο από τη διαφήμισή μου στο Google in-post. Στη συνέχεια, σε κάθε ανάρτηση έχω πρόσθετες εικόνες που έχουν το μέγεθος που ταιριάζουν και δικαιολογούνται σωστά. Ως επί το πλείστον, ντρέπομαι να πω ότι τα έκανα όλα αυτά χειροκίνητα – συμπεριλαμβανομένων όλων των άρθρων που στέλνουν οι συγγραφείς μου.
Δείτε πώς μοιάζει μια τέτοια ανάρτηση όταν δημοσιεύεται.
Όπως μπορείτε να δείτε, η μορφοποίηση είναι λίγο δύσκολη γιατί σε μια περιοχή έχω την εικόνα να είναι αιτιολογημένη και στην επόμενη ενότητα έχω τη διαφήμιση δεξιά-δικαιολογημένη. Στη συνέχεια, όλες οι πρόσθετες εικόνες είναι επίσης σωστά αιτιολογημένες. Μου αρέσει αυτή η ρύθμιση για το δικό μου blog γιατί είναι πιο εύκολη στα μάτια και ρέει καλά. Μπορεί να έχετε τη δική σας προτίμηση για το συγκεκριμένο ιστολόγιο WordPress.
Το πρώτο βήμα για να δημιουργήσετε το πρότυπό σας είναι να δημιουργήσετε αντίγραφα ασφαλείας του αρχείου functions.php (θα το βρείτε στον ριζικό κατάλογο του θέματός σας) και στη συνέχεια να το ανοίξετε για επεξεργασία.
Θα δείτε ένα σωρό κώδικα εδώ - όλες οι λειτουργίες που χρησιμοποιούνται αυτήν τη στιγμή από το τρέχον θέμα του ιστολογίου σας. Θα εισαγάγετε μια νέα ενότητα μεταξύ αυτών των συναρτήσεων. Βρείτε το τέλος της πρώτης συνάρτησης και, στη συνέχεια, εισαγάγετε τον κωδικό που θα αναφέρω λεπτομερώς στη συνέχεια.
Τώρα, πρέπει να αποδώσω τα εύσημα εκεί που οφείλονται - στην πραγματικότητα πήρα αυτή την ιδέα από τον David Hansen στο Smashing Magazine, ο οποίος έγραψε ένα άρθρο για αυτό τον Οκτώβριο. Σε αυτήν την περίπτωση, θα επεκτείνω την ιδέα του δείχνοντάς σας πώς να τροποποιήσετε αυτό το πρότυπο για πράγματα όπως διαφημίσεις και εικόνες.
add_filter('default_content','custom_editor_content'); add_editor_style('editor-style.css'); συνάρτηση custom_editor_content( $content ) { $content = ' Εισαγάγετε την εισαγωγή σας εδώ
Εισαγάγετε το Google Script εδώ
Εδώ είναι το περιεχόμενο της δεύτερης ενότητας
Εδώ είναι το περιεχόμενο της τρίτης ενότητας
Εδώ είναι το περιεχόμενο της τρίτης ενότητας
'; επιστροφή $περιεχομένου; }
Παρατηρήστε πώς η στοίχιση λειτουργεί στην πραγματικότητα καλύτερα χρησιμοποιώντας την ενσωματωμένη στοίχιση εικόνας στο στυλ του θέματός σας και στο Στην περίπτωση του Google Ad, θα πρέπει να χρησιμοποιήσετε το δεύτερο div με το χαρακτηριστικό style για να το ευθυγραμμίσετε στο σημείο που θέλετε πηγαίνω. Απλώς λειτουργεί καλύτερα. Ωστόσο, όσον αφορά το μέγεθος, την προσθήκη και την τοποθέτηση, θα χρειαστεί να δημιουργήσετε το αρχείο css.
Ακολουθεί το στυλ για κάθε ενότητα που ορίζεται παραπάνω.
body { background: #f5f5f5; } .content-col-main { float: δεξιά; πλάτος: 70%; γέμιση: 1%; περίγραμμα: 1 εικονοστοιχείο με κουκκίδες #cccc; φόντο: #fff; } .content-col-side { float: αριστερά; πλάτος: 210 px; γέμιση: 1%; περίγραμμα: 1 εικονοστοιχείο με κουκκίδες #cccc; φόντο: #fff; } .content-google-ad { float: δεξιά; πλάτος: 20%; γέμιση: 1%; περίγραμμα: 1 εικονοστοιχείο με κουκκίδες #cccc; φόντο: #fff; } .content-section-two { float: αριστερά; πλάτος: 70%; γέμιση: 1%; περίγραμμα: 1 εικονοστοιχείο με κουκκίδες #cccc; φόντο: #fff; } .content-image-three { float: δεξιά; πλάτος: 210 px; γέμιση: 1%; περίγραμμα: 1 εικονοστοιχείο με κουκκίδες #cccc; φόντο: #fff; } .content-section-three { float: αριστερά; πλάτος: 70%; γέμιση: 1%; περίγραμμα: 1 εικονοστοιχείο με κουκκίδες #cccc; φόντο: #fff; } img { /* Βεβαιωθείτε ότι οι εικόνες σας παραμένουν εντός των στηλών τους */ max-width: 100%; πλάτος: αυτόματο; ύψος: αυτόματο; }
Μπορείτε να χρησιμοποιήσετε είτε ποσοστά είτε pixel για το μέγεθος. Προτιμώ τα pixel για τις εικόνες, αλλά στην πραγματικότητα εξαρτάται από την προτίμηση. Εάν υπάρχει πολύς χώρος μεταξύ των εικόνων και του κειμένου, απλώς τροποποιήστε λίγο τα ποσοστά περιεχομένου μέχρι να φαίνεται καλό.
Αφού αποθηκεύσετε το αρχείο .css, ανοίξτε μια νέα ανάρτηση και θα δείτε ότι το τέλεια μορφοποιημένο πρότυπο περιεχομένου σας είναι ήδη διαθέσιμο για εσάς.
Το μόνο που έχετε να κάνετε είναι να κάνετε κλικ στην εικόνα και να ανεβάσετε αυτήν που θέλετε να χρησιμοποιήσετε και, στη συνέχεια, να συμπληρώσετε όλες τις περιοχές περιεχομένου. Είναι πραγματικά τόσο εύκολο. Τα πάντα ευθυγραμμίζονται αυτόματα και τοποθετούνται εκεί που πρέπει να πάνε.
Όλοι οι σωστά αιτιολογημένοι Κώδικας Google ή εικόνες είναι ήδη εκεί – το μόνο που έχετε να κάνετε είναι να ενημερώσετε το περιεχόμενο. Ο χρόνος που θα χρειαστείτε για να δημιουργήσετε μια ανάρτηση με όλα αυτά που έχουν ήδη γίνει για εσάς, θα μειωθεί κατά ένα τεράστιο παράγοντα, εγγυημένα.
Η ενημέρωση όλων των εικόνων στο πρότυπο είναι τόσο απλή μεταφόρτωση των εικόνων που θέλετε να χρησιμοποιήσετε στο ιστολόγιό σας χρησιμοποιώντας το εργαλείο μεταφόρτωσης πολυμέσων και, στη συνέχεια, κάνοντας κλικ στην εικόνα και επικολλώντας τη διεύθυνση URL σε αυτές τις εικόνες στην "Πηγή" πεδίο.
Φυσικά, θα θέλετε να ενημερώσετε επίσης τον τίτλο και τις ετικέτες alt. Όπως μπορείτε να δείτε εδώ στο δοκιμαστικό μου άρθρο, η σύνταξη ενός άρθρου είναι πλέον απλώς θέμα συμπλήρωσης καθενός από τους τομείς περιεχομένου. Δεν μπορώ να σας πω πόσο γλυκό είναι να μπορείτε να συγκεντρώνεστε απλώς στο γράψιμο, γνωρίζοντας ότι όλη η κατάλληλη μορφοποίηση έχει ήδη τεθεί σε εφαρμογή για να κάνει το άρθρο να φαίνεται από τα καλύτερα.
Το τελικό αποτέλεσμα; Εδώ είναι το πρώτο μου δοκιμαστικό άρθρο χρησιμοποιώντας το νέο πρότυπο περιεχομένου WordPress. Όλες οι εικόνες και ο κώδικας διαφήμισης εισάγονται, ευθυγραμμίζονται και τοποθετούνται τέλεια.
Αν δεν ξέρατε κάτι καλύτερο, θα νομίζατε ότι τίποτα δεν έχει αλλάξει στο blog. Η μορφοποίηση μοιάζει πανομοιότυπη με τον τρόπο που φαινόταν όταν τα έβαλα για μια ώρα ή περισσότερο. Τώρα, όλη αυτή η μορφοποίηση προσπάθειας και δοκιμής και σφάλματος έχει ήδη εισαχθεί απευθείας στο πρότυπο περιεχομένου του WordPress.
Έτσι, τώρα το μόνο που μένει είναι να καθίσετε και να κάνετε αυτό που πάντα αγαπούσατε να κάνετε - να γράφετε.
Αυτό το πρότυπο περιεχομένου WordPress μειώνει τον φόρτο στο δικό σας ιστολόγιο; Έχετε άλλες συμβουλές μορφοποίησης που μπορούν να χρησιμοποιήσουν οι χρήστες στα δικά τους πρότυπα; Μοιραστείτε τις σκέψεις και τις ιδέες σας στην παρακάτω ενότητα σχολίων.
Πίστωση εικόνας: Shutterstock
Ο Ryan έχει πτυχίο BSc στον Ηλεκτρολόγο Μηχανικό. Εργάστηκε 13 χρόνια στη μηχανική αυτοματισμών, 5 χρόνια στην πληροφορική και τώρα είναι Μηχανικός Εφαρμογών. Πρώην Managing Editor του MakeUseOf, έχει μιλήσει σε εθνικά συνέδρια για την Οπτικοποίηση Δεδομένων και έχει παρουσιαστεί στην εθνική τηλεόραση και ραδιόφωνο.
