Πώς να κώδικα WordPress Από Illustrator

Αν Illustrator δεν είναι ένα πρόγραμμα επεξεργασίας Web , μπορείτε να σχεδιάσετε ένα σχέδιο ιστοσελίδας στο Illustrator . Αντί για την ανοικοδόμηση μιας WordPress πρότυπο με βάση το σχεδιασμό , τότε μπορείτε να προγραμματίσετε το πρότυπο απευθείας από το Illustrator . Σε τέτοιες περιπτώσεις , μπορείτε να χρησιμοποιήσετε το « φέτες » εργαλείο για να δημιουργήσετε τα τμήματα του χώρου , εξαγάγετε τα τμήματα σε HTML και να τα συνδυάσετε με ένα κενό " developer " θέμα όπως " Starkers . " Οδηγίες
Δημιουργώντας μια στατική HTML Site < br > Φτηνές 1

Open Illustrator και να φορτώσετε το αρχείο που περιέχει το πρότυπο της ιστοσελίδας σας . 2

Δημιουργία "Έξυπνο " φέτες για τα αντικείμενα στο σχεδιασμό σας . Επιλέξτε το αντικείμενο και στη συνέχεια κάντε κλικ στο κουμπί " Αντικείμενο ", " φέτα " και στη συνέχεια "Δημιουργία . " Illustrator μορφοποιεί το αντικείμενο με βάση το περιεχόμενό της . Για παράδειγμα , αν η φέτα περιέχει κείμενο , το Illustrator θα εντοπίσει αυτόματα και να μορφοποιήσετε κώδικα HTML κατά την εξαγωγή.
Εικόνων 3

Δημιουργήστε τις πρόσθετες ενότητες που χρειάζεστε , χρησιμοποιώντας "χαζή " φέτες . Κάντε κλικ στο " Φέτα " εργαλείο , στη συνέχεια, σύρετε το δείκτη του ποντικιού πάνω από την περιοχή που θέλετε να χωρίσετε . Dumb φέτες είναι απαραίτητη όταν ένα αντικείμενο κατέχει δύο τμήματα του site. Για παράδειγμα , μπορεί να θέλετε δύο στήλες στο αντικείμενο που περιέχει κύρια περιοχή περιεχομένου .
Η

4 Ορίστε τις φέτες . Κάντε κλικ στο εργαλείο " Φέτα Επιλογή " και, στη συνέχεια , κάντε κλικ σε μια φέτα . Πηγαίνετε στο " αντικείμενο ", " φέτα " και στη συνέχεια "Επιλογές φέτα . " Επιλογή " Εικόνα " για τις εικόνες , " No Image " για τις περιοχές που θα μείνει κενό , ή τομείς που πρέπει να πληρωθεί με άλλο κωδικό ή το περιεχόμενο , και το " HTML Text Φέτα " για τις φέτες που περιέχουν κείμενο . Επαναλάβετε έως ότου όλες οι φέτες έχουν οριστεί .
5

Κάντε κλικ στο " Αρχείο " και στη συνέχεια "Αποθήκευση για το Web και συσκευές . " Επιλογή " HTML ", επιλέξτε μια θέση για την ιστοσελίδα , στη συνέχεια, κάντε κλικ στο κουμπί "Αποθήκευση". τώρα έχετε μια στατική ιστοσελίδα HTML .
εικόνων Μετασχηματισμός το στατικό site με ένα WordPress Πρότυπο
Η 6

Πηγαίνετε στο starkerstheme.com και κάντε κλικ στο " Κατεβάστε το . zip . " Εντοπισμός και να εξαγάγετε το αρχείο στο σκληρό σας δίσκο . Αυτά είναι τα αρχεία WordPress θέμα .
Η 7

Load " header.php , " στη συνέχεια, τοποθετήστε στατικό αρχείο HTML σας . Από την ιστοσελίδα σας , αντιγράψτε τον κώδικα για την κύρια κεφαλίδα , κάτω από την ετικέτα , και επικολλήστε κάτω από την ετικέτα σε header.php .
8

Open " Style.css ". Εάν έχετε ένα αρχείο CSS με στατική ιστοσελίδα σας , αντιγράψετε και να αποθηκεύσετε τα περιεχόμενα σε αυτό το αρχείο . Διαφορετικά, συνεχίστε
Η 9

Open " footer.php . " Διαγραφή όλα τα παραπάνω " < php wp_footer ( ) ? ; > " . Και επικόλληση του κώδικα για την περιοχή υποσέλιδου από στατική ιστοσελίδα σας .
Η 10

Άνοιγμα " sidebar.php . " Επικόλληση στον κώδικα για την περιοχή sidebar , εάν έχετε ένα .
Η 11

Εντοπίστε την κύρια περιοχή περιεχομένου σε στατικές σας χώρο , όπου η WordPress " Loop " πρέπει να τοποθετηθεί . Ο βρόχος ξεκινά με " < php if ( έχουν θέσεις ; " και τελειώνει με " < php endif ; " και περιέχεται μέσα σε αυτά τα αρχεία : " index.php ", " page.php ", " search.php , " " single.php "και" archive.php . "Πρέπει να επικολλήσετε την περιοχή περιεχομένου σε κάθε ένα από αυτά τα αρχεία , βάζοντας τις ετικέτες για το άνοιγμα πάνω από το Loop και τις ετικέτες κλεισίματος κάτω από αυτό , έτσι ώστε ο βρόχος τυλιγμένο μέσα στις ετικέτες περιεχόμενο . < br > Τετάρτη 12

Αποθηκεύστε όλα τα αρχεία και να συμπιεστεί το αρχείο σε ένα αρχείο zip . . το πρότυπο είναι έτοιμο να ανεβάσετε στο WordPress .
Η
εικόνων