Κενό πρότυπο σελίδας html. Πρότυπα HTML5

άρθρο, εκτός, λεπτομέρειες, figcaption, σχήμα, υποσέλιδο, κεφαλίδα, hgroup, μενού, πλοήγηση, ενότητα ( εμφάνιση: μπλοκ; )

Γειά σου Κόσμε

Εάν θέλετε να πειραματιστείτε με HTML5, το JS Bin παρέχει ένα προεπιλεγμένο πρότυπο HTML5 για παιχνίδι.

Ένα καθαρό πρότυπο για την ανάπτυξη ιστότοπου στο WordPress είναι ένα κενό θέμα με μίνιμαλ σχεδιασμό και βασική διάταξη στοιχείων. Ποιος και γιατί μπορεί να χρειαστεί να χρησιμοποιήσει ένα τέτοιο θέμα κατά τη δημιουργία ενός ιστότοπου και πού μπορώ να βρω ένα κενό πρότυπο;

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

Ποιος μπορεί να χρειαστεί να χρησιμοποιήσει το κενό Θέματα WordPress? Τα πλήρως σχεδιασμένα πρότυπα είναι εύκολα στη χρήση "ως έχουν". Εάν δεν είστε προγραμματιστής, αλλά πελάτης, τότε είναι ευκολότερο και φθηνότερο να αγοράσετε ένα premium θέμα με διάφορους τύπους σελίδων, θεματικά μπλοκ και επιλογές σχεδίασης περιεχομένου.

Εάν χρειάζεστε απλώς έναν τυπικό ιστότοπο, ένα έτοιμο premium πρότυπο σπάνια κοστίζει περισσότερο από 60 $, ενώ η ανάπτυξη από την αρχή μπορεί να κοστίσει αρκετές εκατοντάδες ή χιλιάδες.

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

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

Τα κενά θέματα WordPress επιταχύνουν τη ροή εργασίας σας μειώνοντας την ποσότητα του κώδικα που χρειάζεται να γράψετε. Έχοντας μια σκελετική βάση σημαίνει ότι δεν χρειάζεται να επαναλαμβάνετε την ίδια διαδικασία κάθε φορά που δημιουργείτε νέο πρότυπο. Η χρήση ενός κενού θέματος μειώνει την πιθανότητα να ξεχάσετε σημαντικά αρχεία ή κώδικα που απαιτούνται για τη σωστή λειτουργία του ιστότοπού σας WordPress.

Μπορείτε να βρείτε ένα κενό θέμα για την ανάπτυξη ιστότοπου στο WordPress στον κατάλογο στον επίσημο ιστότοπο (1). Πληκτρολογήστε "κενό" (2) στη γραμμή αναζήτησης, το αποθετήριο περιέχει 2 κενά πρότυπα για τη δημιουργία ενός προσαρμοσμένου θέματος (3).

Μπορείτε επίσης να βρείτε καθαρά θέματα στους ιστότοπους διάσημων προγραμματιστών προτύπων και προσθηκών.

Για παράδειγμα, στη διεύθυνση: https://livecomposerplugin.com/downloads/blank-theme/. Ορισμένα κενά θέματα WordPress συνοδεύονται από χρήσιμες ενσωματωμένες λειτουργίες, όπως αποκριτικές διατάξεις ή δείγματα σελίδων, για να σας βοηθήσουν να δοκιμάσετε τον ιστότοπό σας.

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

Υπάρχουν πολλές επιλογές για την ανάπτυξη ενός προτύπου από την αρχή - κάποιος γνωρίζει το σύστημα τόσο καλά που δημιουργεί αρχεία θεμάτων εν κινήσει, αλλά υπάρχει μια άλλη προσέγγιση. Στην πραγματικότητα, η απλούστερη μέθοδος, την οποία έχω χρησιμοποιήσει μερικές φορές, είναι να βρείτε μια διάταξη παρόμοια στο σχεδιασμό, να την εγκαταστήσετε και στη συνέχεια να την αλλάξετε με τον τρόπο που χρειάζεστε. Ωστόσο, η επεξεργασία κώδικα html και css είναι πολύ πιο εύκολη από την κατανόηση των λειτουργιών. Μπορείτε να χρησιμοποιήσετε ένα δωρεάν δημόσιο πρότυπο ως βάση, να βρείτε ή να αναβαθμίσετε το ήδη εγκατεστημένο προεπιλεγμένο Twenty Eleven, κ.λπ. Μια άλλη επιλογή είναι να χρησιμοποιήσετε τα λεγόμενα "Κενά Θέματα".

Εντοπίζεται το πιο πρόσφατο σύνολο παρόμοιων «κενών» θεμάτων - υπάρχουν ένα ζευγάρι ενδιαφέρουσες λύσεις+ μπορείτε πάντα να βρείτε κάτι παρόμοιο αναζητώντας "κενά θέματα wordpress". Συχνά ονομάζονται και πλαίσια WordPress. Από όλα αυτά που κατάφερα να βρω, θα ξεχώριζα δύο από τις πιο ενδιαφέρουσες επιλογές.

Αυτό είναι το πιο απλό θέμα, που μπορεί να είναι, αλλά ταυτόχρονα περιέχει όλα τα κύρια αρχεία του WordPress - κεφαλίδα, υποσέλιδο κ.λπ. Αυτή η εξέλιξηέχει διανεμηθεί για μεγάλο χρονικό διάστημα, επομένως η δομή των αρχείων προτύπων είναι "παλιά" - δεν υπάρχει υλοποίηση μέσω του αρχείου loop.php, το οποίο χρησιμοποιείται τώρα συχνά. Εξαρτάται από το ποιος σας αρέσει - για παράδειγμα, μου αρέσει περισσότερο η προηγούμενη δομή.

Αυτό που άλλο με ενδιέφερε σε αυτόν τον ιστότοπο είναι ότι στην επάνω δεξιά γωνία υπάρχει η ευκαιρία να επιλέξω κάποιες άλλες υλοποιήσεις κενών προτύπων με λίγο πολύ καθορισμένη δομή. Το μόνο δωρεάν εδώ είναι το πρότυπο θέματος H5.

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

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

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

Ενημέρωση 6.10.2015:

Δυστυχώς, ο ιστότοπος με κενά πρότυπα δεν είναι πλέον διαθέσιμος, ο τομέας ανακατευθύνεται σε άλλο έργο. Στο μέλλον, θα προσπαθήσω να ψάξω για μερικά ακόμη παρόμοια έργα με θέματα, μετά τα οποία θα ενημερώσω αυτήν την ανάρτηση.

Θα κοιτάξω γρήγορα το καθένα από αυτά:

• Το Skylark είναι ένα φωτεινό, καθαρό θέμα για έναν προσωπικό ή επαγγελματικό ιστότοπο.
• Το Sidebar Sidebar Content είναι μια παραλλαγή προτύπου με δύο πλευρικές γραμμές στα αριστερά.
• Πλαϊνή γραμμή περιεχομένου - τώρα δύο πλαϊνές γραμμές βρίσκονται στα δεξιά.
• Το Skirmish είναι ένα κομψό θέμα δύο στηλών κατάλληλο για ένα προσωπικό blog (παρεμπιπτόντως, θυμίζει κάπως το βασικό σχέδιο του WP).
• Το Bridge είναι επίσης ένα κενό θέμα δύο στηλών, αλλά πολύ πιο απλό στην εμφάνιση από το προηγούμενο.
• Το Blankfolio είναι ένα κενό θέμα για έναν ιστότοπο χαρτοφυλακίου.
• Το Blank Three Column είναι ένα κλασικό πρότυπο ιστότοπου με δύο πλαϊνές γραμμές και το κύριο περιεχόμενο στο κέντρο.
• Το Blank Single One είναι ένα κενό θέμα με μία μόνο περιοχή κειμένου και χωρίς πλευρικές στήλες.
• Blank Two Column, Right Sidebar - ένα κενό θέμα δύο στηλών με μια πλαϊνή γραμμή στα δεξιά.
• Κενή δύο στήλες, αριστερή πλευρική γραμμή - ίδια με την προηγούμενη, μόνο η πλαϊνή στήλη βρίσκεται τώρα στα αριστερά.

Για να δημιουργήσω τον ιστότοπο που χρειαζόμουν, χρησιμοποίησα το θέμα Blank Three Column. Στον ιστότοπο μπορείτε να δείτε μια επίδειξη καθενός από αυτά, καθώς και να παραγγείλετε υπηρεσίες εγκατάστασης.

Αυτό το πρότυπο υλοποιείται χρησιμοποιώντας " νέα τεχνολογία" χρησιμοποιώντας loop.php. Ωστόσο, ακόμα κι αν δεν το έχετε συναντήσει, είναι πολύ εύκολο να το καταλάβετε. Πολλές ρυθμίσεις καθορίζονται στο αρχείο συναρτήσεων (functions.php) - συγκεκριμένα, θα πρέπει να ρυθμίσετε την τοπική προσαρμογή, βρίσκοντας τις απαραίτητες ενότητες κώδικα. Αλλά γενικά, όλα είναι πολύ απλά. Αυτό το πρότυπο έχει ένα αναπτυσσόμενο μενού στην κεφαλίδα οριζόντιο μενού, αλλά θα χρειαστεί να προσαρμόσετε τις ρυθμίσεις Στυλ CSS(μην ξεχνάτε ότι το θέμα είναι ακόμα «άδειο»).

Από όλες τις άλλες απόψεις, αυτή (όπως, νομίζω, άλλοι) είναι πολύ εύκολο στη χρήση. Υπάρχουν widget με πλαϊνές στήλες, μια εικόνα κάτω από το λογότυπο και ένα μενού, αρχεία header.php και footer.php που θα σας βοηθήσουν να διορθώσετε τα στοιχεία στην κεφαλίδα και το υποσέλιδο του ιστότοπου. Προσωπικά μου άρεσε να δουλεύω με αυτό το θέμα - γενικά, η ιδέα των κενών προτύπων είναι πολύ καλή. Εάν το συγκρίνετε με την επεξεργασία ενός πλήρους προτύπου, τότε το πλεονέκτημα εδώ είναι το γεγονός ότι τα στυλ σχεδίασης είναι βασικά και δεν χρειάζεται να αφαιρέσετε όλα όσα βρίσκονται στο τελικό θέμα - απλώς προσθέστε το δικό σας σχέδιο. Εν ολίγοις, με ιδιαίτερο σεβασμό στον δημιουργό για το Blankthemes.com, μπορείτε πραγματικά να βρείτε σχεδόν όλες τις κλασικές επιλογές σχεδίασης για τον ιστότοπο.

ΥΣΤΕΡΟΓΡΑΦΟ. Θέλετε να μάθετε ποια παιχνίδια παίζουν περισσότερο οι χρήστες; τότε τα κορυφαία 100 διαδικτυακά παιχνίδια θα σας βοηθήσουν σε αυτό - βαθμολογίες από τους ίδιους τους παίκτες με περιγραφές των παιχνιδιών.
Αυτό που οι νεαρές μητέρες δεν μπορούν παρά να χαρούν είναι ο αριθμός των παιδικών ιστοσελίδων Για παράδειγμα, θα βρείτε ένα ηλεκτρονικό κατάστημα με προϊόντα για τα μικρά.

Στον σύγχρονο κόσμο, μερικές φορές το να έχετε τον δικό σας ιστότοπο είναι τόσο σημαντικό όσο, για παράδειγμα, να έχετε έναν αριθμό τηλεφώνου ή μια διεύθυνση ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ. Δυστυχώς, δεν μπορούν όλοι να δημιουργήσουν έναν όμορφο επαγγελματικό ιστότοπο μόνοι τους και μερικές φορές δεν λειτουργεί καν. Η παραγγελία από προγραμματιστές δεν είναι επίσης ιδανική λύση, αφού δεν μπορούν όλοι να το αντέξουν οικονομικά.

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

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

Κατεβάστε δωρεάν πρότυπα ιστοτόπων HTML και δημιουργήστε τα έργα σας σε χρόνο μηδέν.

Φόρτωση...