Το WordPress δυστυχώς υστερεί στο CSS του όταν πρόκειται για μερικά όχι και τόσο σημαντικά στοιχεία για τους απλούς χρήστες αλλά σημαντικά για αυτούς που θέλουν να το πάνε λίγο ποίο πέρα.
Αφήνοντας κενά
Εάν χρησιμοποιείτε τον Rich editor του WordPress για να γράφετε θα παρατηρήσετε, πως ακόμη και να πατήσετε αρκετές φορές το enter, το κενό που θα δημιουργηθεί όταν θα δημοσιεύσετε το άρθρο σας, δεν θα έχει, καμία σχέση με αυτό που πραγματικά θέλετε.
Αυτό που μπορείτε να κάνετε είναι ένα πολύ μικρό, CSS hack
p {
margin-bottom: 1.4em;
}
Με αυτό τον τρόπο, αυξάνετε το κενό που δημιουργείται κατά 1.4em. Εάν θέλετε, μπορείτε να αλλάξετε τις διαστάσεις με κάτι της προτίμησης σας.
Top Margin
Ακόμη ένα θέμα το οποίο μπορείτε να διακρίνεται είναι πως οι browsers έχουν από μόνοι τους 0 top margin. Έτσι το design σας θα «κολλήσει» ψηλά στην οθόνη σας. Η λύση είναι η παρακάτω:
*{
margin:0;
padding:0;
}
Όπου ο αστερίσκος χρησιμοποιείτε για να αλλάξει τις τιμές του browses σας σε padding και margin
Centre Layout
Όταν σχεδιάζετε το layout σας, θέλετε να το φέρετε στο κέντρο της οθόνης, αφού το layout σας έχει συγκεκριμένες διαστάσεις. Αυτό που έχετε να κάνετε είναι να χρησιμοποιήσετε το παρακάτω CSS styling για να το καταφέρεται.
#wrapper {
margin:0 auto;
}
Τελειώνοντας το άρθρο μας θα σας παρουσιάσουμε και κάτι που λείπει από τα περισσότερα CSS files των templates που βρίσκονται διαθέσιμα
img.wp-smiley{
border:none;
}
Ο παραπάνω κώδικας σας δίνει την δυνατότητα να αφαιρέσετε ένα border που δημιουργείται στα image icons που χρησιμοποιείτε στα Blog Post σας!
Happy WordPress CSSing!
January 22nd, 2009 at 1:09 pm
Η λύση του
*{
margin:0;
padding:0;
}
Δεν είναι σωστή…Θα επιβαρύνει πολύ τον browser..
Καλύτερα να χρησιμοποιηθεί κάποιο από τα reset css που κυκλοφορούν.
January 24th, 2009 at 3:27 pm
Όπως το BluePrint CSS Framework.