Como criar modelos básicos em wordpress vinte quinze
Video: Montar um e-commerce com Wordpress e Woocommerce (Parte 1)
Conteúdo
- Video: montar um e-commerce com wordpress e woocommerce (parte 1)
- Video: como criar uma loja virtual no wordpress
Você cria um novo tema WordPress usando alguns dos modelos básicos WordPress. Os primeiros passos que você precisa prestar atenção para reunir tudo são os seguintes:
Conectar ao seu servidor web via FTP, clique no / Wp-content pasta e, em seguida, clique no /temas pasta.
Esta pasta contém os temas instalados atualmente em seu site WordPress.
Crie uma nova pasta e nomeá-la mytheme.
Na maioria dos programas de FTP, você pode direita; mouse e escolha Nova pasta. (Se você não tem certeza de como criar uma pasta, consulte os arquivos de ajuda do seu programa de FTP.)
Em seu editor de texto favorito, como o Notepad (Windows) ou TextMate (Mac), criar o modelo de cabeçalho e salve com o nome do arquivo header.php.
Ao digitar modelos, certifique-se de usar um editor de texto, como o Notepad ou TextMate. Usando um programa de processamento de texto, como o Microsoft Word, abre uma enorme quantidade de problemas em seu código. programas de processamento de texto inserir caracteres ocultos e marcas de formato de citação de uma forma que o WordPress não pode ler.
Crie um arquivo de funções temáticos e salve com o nome do arquivo functions.php.
O arquivo funções temáticos registra área de widget para o seu site para que você pode adicionar widgets à sua barra lateral com os widgets do WordPress disponíveis na página de Widgets do Dashboard.
Criar um arquivo de modelo Sidebar e salve com o nome do arquivo sidebar.php.
Video: Como criar uma loja virtual no WordPress
O código aqui diz WordPress onde deseja que os widgets do WordPress para aparecer na sua Theme- neste caso, widgets aparecem na barra lateral do seu site.
Criar o arquivo de modelo de rodapé e, em seguida, salve-o com o nome do arquivo footer.php.
Crie o arquivo de folha de estilo e, em seguida, salve-o com o nome do arquivo style.css.
Este exemplo dá-lhe apenas algum estilo muito básico para criar o seu tema amostra.
Aqui está o código para criar o modelo de cabeçalho.
? Lt; php bloginfo ( ‘description’) - gt;
Agora, veja o código para criar o arquivo de funções temáticos.
? Lt; phpadd_theme_support ( ‘título-tag’) -if (function_exists ( ‘register_sidebar’)) register_sidebar (matriz ( ‘nome’ = gt; ‘barra lateral’,)) - gt;
Video: COMO CRIAR PÁGINAS E MENUS NO WORDPRESS
Em seguida, você precisa adicionar o código para a barra lateral.
- ? Lt; php if (function_exists ( ‘dynamic_sidebar‘) || dynamic_sidebar ( ‘Sidebar’)!):??? Gt; lt; php endif- gt;
Então, você precisa adicionar o rodapé. Aqui está o código para fazer exatamente isso.
? Lt; wp_footer php () - gt;
Finalmente, você precisa adicionar o código para o arquivo de folha de estilo.
/ * Nome Tema: Meu ThemeDescription: tema básico a partir do WordPress para manequins exampleAuthor: Lisa Sabin-WilsonAuthor URI: http: //lisasabin-wilson.com*/body {font-family: verdana, arial, Helvetica, sans-serif-font -size: 16px; color: # 555-background: # ffffff-} header.masthead {width: 950px; margin: 0 auto-background: black-color: white-padding: 5px; text-align: center,} cabeçalho. mastro h1 a {color: white-font-size: 28px; font-family: Georgia-text-decoration: none;} h2 header.masthead {font-size: 16px; font-family: Georgia-color: # eee-} nav header.masthead {background: # ffffff-text-align: left; height: 25px; padding: 4px;} header.masthead nav ul {list-style: none; margin: 0 -} # main {width: 950px; margem : 0 auto-padding: 20px -} # caput {width: 500px; float: left;} # .hentry principal {margin: 10px 0-} aside.sidebar {width: 290px; margin: 0 15px; float: right; } aside.sidebar ul {list-style: none;} rodapé {clear: both-width: 960px; height: 50px; background: preto-color: white-margin: 0 auto} rodapé p {text-align: center, paddin g: 15px 0-} rodapé a {color: white-}