Μιλάμε για ασταθή. Η απόσταση μεταξύ των παραγράφων του WordPress είναι είτε υπερβολική είτε όχι αρκετή. Δεν υπάρχει μέση λύση. Από προεπιλογή, το διάστημα μεταξύ των παραγράφων χρησιμοποιεί αλλαγές γραμμής.
Αυτό είναι το
σε λειτουργία απλού κειμένου ή HTML, ή εάν επικολλήσατε από το Word, τα Έγγραφα Google ή άλλο πρόγραμμα επεξεργασίας κειμένου, πιθανότατα θα προσθέσει ' ' παντού, κάνοντας το HTML σας εφιάλτη για να ξεμπερδέψετε.
Το WordPress είναι ένα λογισμικό έκδοσης Ιστού. Λειτουργεί διαφορετικά από οποιονδήποτε επεξεργαστή κειμένου, όπως τα Έγγραφα Google, το Microsoft Word, το Open Office ή οποιοσδήποτε επεξεργαστής κειμένου που παράγει Μορφή εμπλουτισμένου κειμένου (αρχεία .rtf).
Όταν το Rich Text επικολλάται στο WordPress, προστίθεται ενσωματωμένος κώδικας στο HTML, ο οποίος επιβραδύνει τον ιστότοπο.
Για χρόνια, υπήρχε η επιλογή να κάνετε κλικ σε ένα κουμπί για «επικόλληση από το Word» απευθείας στο WordPress. Αυτό έχει φύγει. Ο μόνος τρόπος επικόλλησης στο WordPress τώρα είναι η επικόλληση μόνο σε απλό κείμενο, το οποίο καταργεί τη μορφοποίησή σας.
Διάστημα WordPress μεταξύ παραγράφων
Το stylesheet.css για το θέμα σας στο WordPress ελέγχει την απόσταση μεταξύ των παραγράφων. Μπορείτε να ορίσετε κανόνες CSS χρησιμοποιώντας το WP Customizer. Ορίστε τις τιμές περιθωρίου-πάνω ή κάτω σε pixel (#px). Για να αλλάξετε το διάστιχο εντός των παραγράφων, χρησιμοποιήστε το #em καθώς είναι σε σχέση με το μέγεθος της γραμματοσειράς. Το 1em είναι στάνταρ.
Η μείωση του τι συμβαίνει με την απόσταση παραγράφων
Το WordPress, ως διαδικτυακός επεξεργαστής περιεχομένου WYSIWYG δεν χρησιμοποιεί κενά. Όταν πατάτε enter, το WP προγραμματίζεται να υποθέτει ότι θέλετε να εισαγάγετε μια νέα παράγραφο.
Εισάγονται νέες παράγραφοι με αλλαγή διπλής γραμμής. Αν δεν θέλετε τον μεγάλο χώρο, μπορείτε να το μισό μέγεθος.
Πατήστε το shift και το enter ταυτόχρονα για μια αλλαγή γραμμής
Για να αλλάξετε το διάστημα παραγράφου από αλλαγή διπλής γραμμής σε αλλαγή μονής γραμμής, πατήστε το shift και το enter ταυτόχρονα. Αυτό θα εισαγάγει μια αλλαγή γραμμής, μετακινώντας τον κέρσορα (ή το περιεχόμενο που έχει ήδη συνταχθεί) μία γραμμή προς τα κάτω.
Η δημιουργία δύο νέων γραμμών χρησιμοποιώντας το shift και το enter ταυτόχρονα δημιουργεί δύο εναλλαγές γραμμής. Πατώντας enter μία φορά επιτυγχάνεται η ίδια απόσταση μεταξύ των παραγράφων. Σπάσιμο διπλής γραμμής.
Αυτή είναι η μόνη επιλογή που έχει το WP out-the-box για τον έλεγχο της απόστασης μεταξύ των παραγράφων.
Προσαρμογή του φύλλου στυλ (CSS)
Για να μπορέσετε να τροποποιήσετε στοιχεία στο CSS, πρέπει να προσδιορίσετε το όνομα της κλάσης div. Μπορείτε να το κάνετε αυτό το εργαλείο επιθεώρησης του προγράμματος περιήγησής σας.
Στο Google Chrome, η πρόσβαση γίνεται κάνοντας δεξί κλικ σε μια σελίδα ή ανάρτηση στον ιστότοπό σας και, στη συνέχεια, κάνοντας κλικ στο 'inspect'.
Οι αναρτήσεις ιστολογίου είναι συνήθως '.post' και οι σελίδες μπορεί να είναι οτιδήποτε από '.page' έως 'blog-post-single-content'. Εξαρτάται από το όνομα του προτύπου σελίδας που χρησιμοποιεί το θέμα WP. Τα εργαλεία επιθεώρησης προγράμματος περιήγησης είναι πώς να τα βρείτε.
Το μενού Πρόσθετο CSS στην αριστερή πλαϊνή γραμμή κάτω από τις ρυθμίσεις είναι μια καρτέλα για το 'πρόσθετο CSS' Μεταβείτε σε αυτό και είναι η γέμιση που πρέπει να προσαρμόσετε.
Για να το κάνετε αυτό, εισαγάγετε ένα .[dot/period] ακολουθούμενο από το όνομα της κλάσης div που έδειξε ο επιθεωρητής σας. Η απόσταση παραγράφων ελέγχεται με padding και σταθεροποιείται με pixel (px).
.post p{margin-bottom: 20px}
Αλλάξτε τον αριθμό σε οτιδήποτε σας αρέσει.
Το πρόγραμμα προσαρμογής εμφανίζει ενημερώσεις σε πραγματικό χρόνο, ώστε να μην χρειάζεται να κάνετε εναλλαγή μεταξύ καρτελών για να δείτε προεπισκοπήσεις αλλαγών προτού δημοσιεύσετε τις αλλαγές.
Αλλαγή του διαστήματος WP εντός των παραγράφων
Η απόσταση γραμμών μπορεί επίσης να τροποποιηθεί με το WP Customizer.
Αντί να ορίσετε το μέγεθος της απόστασης σε pixel, είναι το 'em' που συνηθίζει να ορίζει την απόσταση γραμμής-ύψους.
Η συμβολοσειρά CSS για προσθήκη είναι:
.post p{line-height: 1.5em;}
Για αναρτήσεις ιστολογίου ή για σελίδες, θα μπορούσε να είναι
.blog-post-single-content .post p{line-height: 1em;}
Χρησιμοποιήστε το πρόγραμμα επιθεώρησης προγράμματος περιήγησης (που περιγράφεται παραπάνω) για να προσδιορίσετε το στοιχείο κλάσης div που θέλετε να αλλάξετε.
Κατανόηση της γλώσσας CSS
Το 'em' είναι ο πιο συχνά χρησιμοποιούμενος κανόνας CSS για οτιδήποτε σχετίζεται με την τυπογραφία στο WordPress. Ορίζεται από την τιμή του μεγέθους της γραμματοσειράς. Όσο μεγαλύτερο είναι το μέγεθος της γραμματοσειράς σας, τόσο μεγαλύτερο θα είναι το 1em.
Μπορείτε επίσης να ορίσετε το ύψος της γραμμής σε εκατοστά (cm), ίντσες (in), pixel (px), σημεία (pt) ή pica (pc). Όχι όμως.
Για το διάστιχο, το em είναι η προτιμώμενη επιλογή στυλ. Αυτό συμβαίνει επειδή σχετίζεται πάντα με την τιμή του μεγέθους της γραμματοσειράς και αυτό επηρεάζεται από το μέγεθος της οθόνης με την οποία ο θεατής διαβάζει μια ιστοσελίδα. Τα εικονοστοιχεία (px) λειτουργούν καλύτερα για τις εικόνες επειδή μετρώνται σε pixel.
Οι μετρήσεις (cm και in) ισχύουν μόνο εάν θέλετε η ιστοσελίδα σας να είναι φιλική προς την εκτύπωση με τις ακριβείς μετρήσεις που έχετε ορίσει στο φύλλο στυλ.
Αυτά είναι απόλυτα στο CSS που σημαίνει ότι παραμένουν σταθερό μέγεθος ανεξάρτητα από το μέγεθος οθόνης στο οποίο ο θεατής διαβάζει το κείμενο.
Αυτό που χρησιμοποιείται σπάνια επειδή είναι ελάχιστα χρήσιμο είναι το ex, (x-height) που είναι μια απόλυτη μέτρηση του ύψους των γραμμάτων σε πεζά γράμματα.
Για σελίδες που διαβάζονται κυρίως σε ψηφιακές συσκευές (όχι εκτυπωμένες), το em ορίζει πάντα τις τιμές σε σχέση με το μέγεθος της γραμματοσειράς. Χρησιμοποιήστε το όταν ορίζετε το διάστιχο στο CSS.
Για να επιτύχετε παρόμοια μορφοποίηση στις αναρτήσεις και τις σελίδες του WordPress με τις τιμές διαστήματος που θα περιμένατε από έναν επεξεργαστή κειμένου, το 1em είναι σχεδόν πανομοιότυπο με το 12-σημείο.
Στην τυπογραφία, που είναι αυτό που χρησιμοποιούν οι επεξεργαστές κειμένου, 12 σημεία ισούνται με το ένα έκτο της ίντσας.
Για να χρησιμοποιήσετε ένα παράδειγμα της πιο κοινής μέτρησης τυπογραφίας του Times New Roman σε γραμματοσειρά 12 σημείων, ο κωδικός CSS θα οριστεί σε 0,166666667 in.
Αυτό θα τύπωνε τη σελίδα με αυτές τις ακριβείς μετρήσεις για το διάστιχο.
Ωστόσο, η ανάγνωση του κειμένου από κοντά χρησιμοποιώντας ένα smartphone θα ήταν δύσκολη.
Αυτός είναι ο λόγος για τον οποίο προτιμάται το 'em' καθώς παρουσιάζει διακυμάνσεις ανάλογα με το μέγεθος της γραμματοσειράς. Η συντριπτική πλειοψηφία των επισκεπτών του ιστότοπού σας δεν θα εκτυπώνουν σελίδες.
Για σελίδες ή αναρτήσεις που σκοπεύετε να εκτυπώσουν οι χρήστες, όπως εκτυπώσιμα ημερολόγια, σημειωματάρια, τετράδια ασκήσεων ή τα likes, ρυθμίστε αυτές τις αναρτήσεις ή σελίδες μόνο σε απόλυτη μέτρηση, ώστε να εκτυπωθούν όπως τις σχεδιάζατε.
Διαφορετικά, κάντε το διάστιχο της ιστοσελίδας σας σε σχέση με το μέγεθος της γραμματοσειράς χρησιμοποιώντας em. Όχι σημεία, ή πίκες, ή ίντσες ή εκατοστά.
Είναι δυνατόν να μειωθεί η απόσταση του WordPress μεταξύ των μπλοκ;
Το πρόγραμμα επεξεργασίας μπλοκ δεν έχει τρόπο να αυξήσει το περιθώριο συμπλήρωσης μεταξύ των μπλοκ. Το αρχείο stylesheet.css πρέπει να έχει ένα σύνολο περιθωρίων CSS. Αυτό μπορεί να είναι margin-bottom ή margin-top. Στη συνέχεια, οπουδήποτε εισάγεται ο κώδικας HTML
στη σελίδα, το stylesheet.css ορίζει την απόσταση μεταξύ των μπλοκ, π.χ. 'p{margin-bottom: 20px}'. Χωρίς να ορίσετε ένα περιθώριο CSS, το WP θα χρησιμοποιήσει προεπιλογή μια αλλαγή διπλής γραμμής.
Μπορεί το διάστημα μεταξύ των παραγράφων του WordPress να είναι διαφορετικό από το μέγεθος του χώρου εκτύπωσης;
Μπορείτε να προσθέσετε μια ενότητα για '@media print' στο τέλος ενός φύλλου στυλ για να καθορίσετε τους κανόνες για την εκτύπωση. Γενικά, το έντυπο περιεχόμενο είναι ευανάγνωστο με γραμματοσειρά 12 σημείων και διάστιχο σε μία γραμμή. Μπορείτε επίσης να κάνετε τις ιστοσελίδες πιο φιλικές προς την εκτύπωση χρησιμοποιώντας το 'display: none; } για ενότητες όπως πλαϊνή γραμμή, κορυφαία πλοήγηση και σχόλια. Μια τελευταία συμβουλή: Μπορείτε να προσθέσετε περιεχόμενο μόνο σε εκτυπωμένες σελίδες! Εύχρηστοι ιστότοποι συνταγών που ενθαρρύνουν τους θεατές να εκτυπώσουν τις συνταγές τους. Προσθήκη σε μια 'εμφάνιση: μπλοκ;' 'περιεχόμενο' και ένα ευχαριστήριο μήνυμα για την εκτύπωση από το yoursite.com.
Πώς να αυξήσετε το διάστημα πριν ξεκινήσει μια νέα επικεφαλίδα (h1, h2, h3);
Όσο εύκολο κι αν ακούγεται, δεν υπάρχει εύκολος τρόπος να το κάνετε αυτό.
Τούτου λεχθέντος, εάν θέλετε να έχετε περισσότερο χώρο πριν ξεκινήσει μια νέα επικεφαλίδα (συνήθως μια επικεφαλίδα h2 ή h3, καθώς το h1 προορίζεται για τον τίτλο του άρθρου), τότε ο καλύτερος τρόπος για να το κάνετε αυτό, στον κλασικό επεξεργαστή, είναι να προσθέσετε πριν από την ετικέτα επικεφαλίδας (
