2009 17 de outubro de 2009

De Photoshop arquivo para HTML / CSS para WordPress série

Screen shot 2009-10-17 at 4.59.04 PM Eu sinto falta de ter tempo para ler meus blogs diariamente como eu costumava fazer, mas me deparei com este grande série de um dos meus preferidos: Chris Coyier, cujo um site CSS-Tricks tem me ajudado imensamente.

Na série, ele leva-o do processo de projeto de fazer um layout de página, para o processo de corte e codificação - onde CSS torna o projeto vir à vida. Em seguida, ele leva você através do processo de integração que o código em um CMS (Content Management System), como WordPress. Desta forma tudo (posts, feeds, atualizações) são dinâmicas e site de largura. Eu espero que você assinar o seu feed RSS, confira o seu outros blogs e apreciar a série.

Eu comentei que eu esperava que houvesse um quarto da série para nos mostrar o processo em preparar e codificação a galeria de fotos, formulário de contato, carrinho de compras e Twitter. Todos nós vamos ter que verificar novamente para ver!

Parte 1 começa do zero absoluto no Photoshop, com apenas alguns recursos fornecidos pelo cliente. Nós projetamos a página inicial e pele para o site.

Screen shot 2009-10-17 at 4.47.42 PM

Parte 2 mostra como fatiar o projeto de Photoshop em XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Parte 3 mostra como convertê-la em um modelo de WordPress.

Screen shot 2009-10-17 at 4.45.57 PM

Compartilhar

2009 27 de julho de 2009

WordPress Blog da Tutorials seu projeto!

Eu fui recentemente através de um tutorial de 16 partes sobre ThemeForest.com e fiquei esclarecida sobre o processo de levar o seu projeto Photoshop e integrando-o WordPress . Existem temas sem fim você pode escolher para personalizar o seu próprio blog, mas para um designer ou alguém que já tem um site com a marca, é importante ser consistente e mesclar os dois.

Ainda é permanente, mas estamos todos à espera de autor de Drew Douglas se apressar, eu não posso esperar para terminar este já!

De qualquer forma, na leitura de meu blogroll diária de escritores incríveis e designers informativo, me deparei com essa lista a partir do site http://www.noupe.com . Muito obrigado por autor Cameron Chapman . Cameron Chapman é um escritor, blogueiro, editor de texto, e viciado em mídia social. Ela tem sido projetar para mais de seis anos e escrever toda a sua vida. Se você gostaria de se conectar com ela, você pode segui-la sobre o Twitter ou em seu site pessoal .

WordPress

WordPress é uma plataforma blogging livre que pode ser modificado para ser usado como um CMS.

Então você quer criar temas WordPress huh?

Este é um dos mais completos WP tema construção de tutoriais lá fora. É composto de 25 aulas separadas e aborda como o WP templating funciona o sistema, The Loop, metadados post, formulários de busca, calendários, modelos comentário e praticamente tudo mais sobre temas em WP. Se você quer construir um tema completamente a partir do zero, este é o tutorial para lhe mostrar como.

Tutoriais CMS Theming

Como criar um tema simples WordPress

Este tutorial dá instruções para a criação de uma base, tema WP simples que inclui o header.php, index.php, sidebar.php e arquivos de modelo footer.php, além da folha de estilo. É muito simples e direta, mas um ótimo lugar para começar se você é novo aos temas WP edifício. Os passos básicos podem ser facilmente adaptados para a construção de temas mais complexos.

Tutoriais CMS Theming

Como criar um tema WordPress: A Tutorial Tema final WordPress

Aqui está um outro tutorial muito completo, oferecendo até 11 lições sobre como criar um tema WP. Ele se concentra em criar um tema com bom SEO, válido e lógico marcação semântica, pistas separadas e comentários, duas áreas widget, e todos os princípios que você esperaria de um tema WP. As lições são ordenados de maneira lógica e incluem ferramentas tema desenvolvimento e informações sobre o modelo WP e estrutura de diretórios.

Tutoriais CMS Theming

Como converter qualquer modelo de web em um tema WordPress

Às vezes você não deseja criar um tema a partir do zero. Talvez você tenha encontrado o tema perfeito (ou projetado um), mas é apenas um modelo de web regular, não um tema WP. Este tutorial irá mostrar-lhe como converter esse modelo de web em um tema WP sem muita dificuldade. Ele também inclui um link para um vídeo tutorial mostrando como um modelo foi convertido.

Tutoriais CMS Theming

Como criar um tema WordPress do zero

Este tutorial mostra como tirar um modelo de HTML / CSS básico e convertê-lo para um tema WP. É incrivelmente completa, cobrindo todos os aspectos da theming WP. Ele também explica como os temas são estruturadas e como criar os arquivos de tema do núcleo.

Tutoriais CMS Theming

Compartilhar