Embora Illustrator não é um programa de edição de Web , você pode criar um projeto de site no Illustrator. Em vez de reconstruir um modelo WordPress baseado no projeto , você pode codificar o modelo diretamente do Illustrator . Nesses casos , você pode usar a ferramenta de " fatias " para criar as divisões do site, exportar as divisões para HTML e combiná-los com um " desenvolvedor " é o tema em branco como " Starkers . " Instruções
Criando um HTML estático do site
1
Abra o Illustrator e carregar o arquivo que contém o modelo de site .
2
Criar fatias "inteligentes" para os objetos em seu projeto. Selecione o objeto e clique em " objeto ", " fatia ", então "Make ". Illustrator formata o objeto com base em seu conteúdo. Por exemplo, se a fatia contém texto , o Illustrator irá detectá-lo e automaticamente formate-o ao código HTML na exportação.
3
Criar quaisquer seções adicionais que você precisa usar fatias "burras" . Clique na ferramenta " Slice" , em seguida, arraste o cursor sobre a região que você deseja cortar . Fatias mudos são necessários quando um objeto tem duas partes do site. Por exemplo , você pode querer duas colunas no objeto contendo a sua principal área de conteúdo.
4
Definir as fatias. Clique na ferramenta " Slice Select " , depois clique em uma fatia. Vá em " objeto ", " fatia ", depois " Opções da Fatia . " Escolha "Imagem" para imagens , " Sem Imagem " para as áreas a ser deixado em branco, ou em áreas a ser preenchido com outro código ou conteúdo, e "HTML Texto Slice " para fatias contendo texto. Repita até que todas as fatias foram definidos.
5
Clique em " Arquivo", depois em "Salvar para Web e Dispositivos". Selecione "HTML ", escolha um local para o site e clique em " Salvar". agora você tem um site HTML estático.
transformar o site estático para um modelo WordPress
6
Ir para starkerstheme.com e clique em " Baixe o arquivo. zip. " Localizar e extraia o arquivo em seu disco rígido . Esses arquivos são os arquivos de tema WordPress .
7
Load " header.php ", então carregar o seu arquivo HTML estático . Do seu site , copie o código para o cabeçalho principal , abaixo do tag
, e cole -a abaixo da marca em header.php .
8
Open " Style.css . "Se você tem um arquivo CSS com o seu site estático, copiar e salvar o conteúdo neste arquivo. Caso contrário, continue
9
Open " footer.php . " Excluir tudo acima " ." E cole no código para a área de rodapé do seu site estático .
10 Abra " sidebar.php . " Cole no código para a área da barra lateral , se você tiver um.
11
Localize a principal área de conteúdo em seu estática local, onde o WordPress " loop" deve ser colocado. O ciclo começa com "
12 Salve todos os arquivos e compactar o arquivo em um arquivo zip. . o modelo está pronto para fazer o upload para o WordPress .
