|
Bien Illustrator n'est pas un programme d'édition Web, vous pouvez concevoir un site Web projet dans Illustrator. Au lieu de reconstruire un modèle WordPress basé sur le design , vous pouvez coder le modèle directement à partir d'Illustrator . Dans ce cas, vous pouvez utiliser l'outil " tranches " pour créer des divisions du site, exporter les divisions de HTML et de les combiner avec un " développeur " thème vierge comme " Starkers . " Instructions
Création d'un site HTML statique
1 Ouvert Illustrator et charger le fichier contenant votre modèle de site Web .
2 créer des tranches «intelligents» pour les objets de votre conception . Sélectionnez l'objet , puis cliquez sur "Objet ", " tranche ", puis " Faire ". Formats Illustrator l'objet en fonction de son contenu. Par exemple, si la tranche contient du texte , Illustrator va le détecter et formater automatiquement le code HTML à l'exportation.
3 Créer des sections supplémentaires dont vous avez besoin en utilisant des tranches "bêtes " . Cliquez sur l' outil " tranche", puis faites glisser le curseur sur la région que vous voulez couper . Tranches muettes sont nécessaires quand un objet est titulaire de deux parties du site . Par exemple, vous voudrez peut-être deux colonnes de l'objet contenant votre zone de contenu principal .
4 Définir les tranches . Cliquez sur le "Select Slice " outil, puis cliquez sur une tranche . Allez à «l'objet », « Slice », puis « Options de tranche. " Choisissez "Image" pour les images, " Pas d'image " pour les zones à laisser en blanc , ou des zones à remplir avec un autre code ou le contenu , et «tranche de texte HTML " pour les tranches contenant du texte . Répétez jusqu'à ce que toutes les tranches ont été définies.
5 Cliquez sur "Fichier " puis "Enregistrer pour le Web et les périphériques . " Select " HTML ", choisissez un emplacement pour le site, puis cliquez sur "Enregistrer". vous avez maintenant un site HTML statique.
Transformer le site statique à un modèle WordPress
6 Aller au starkerstheme.com et cliquez sur "télécharger le fichier. zip. " Locate et extraire le fichier sur votre disque dur . Ces fichiers sont les fichiers de thème WordPress .
7 charge " header.php ", puis charger votre fichier HTML statique. A partir de votre site, copiez le code de l' en-tête principal , sous la balise body , et collez- dessous de la balise body dans header.php .
8 Style.css ouvertes " ». Si vous avez un fichier CSS de votre site statique , copier et enregistrer le contenu dans ce fichier . Sinon, passez
9 " footer.php . " Open Supprimer tout ce qui précède . "< Php wp_footer (); ? >" Et collez-le dans le code de la zone de pied de votre site statique .
10 " sidebar.php . " Open coller dans le code de la zone de la barre latérale , si vous en avez un.
11 localiser la zone de contenu principal de votre statique site, où le WordPress «Loop» doit être placé . La boucle commence par " < php if ( avoir les messages ? " Et finit par "< php endif ? " Et est contenu dans ces fichiers : "index.php ", " page.php ", " search.php ", " single.php "et" archive.php . " Vous devez coller la zone de contenu dans chacun de ces dossiers , mettre les balises d'ouverture au-dessus de la boucle et les balises de fermeture en dessous, de sorte que la boucle est enveloppé à l'intérieur des balises de contenu . < br >
12 enregistrer tous les fichiers et compresser le fichier dans un fichier . zip. Ce modèle est prêt à télécharger sur WordPress .
|
