Faça um banco de dados revisão do produto com wordpress: tipos de pós personalizado, campos personalizados, contou com imagens e widgets!

A última vez que eu mostrei-lhe como criar um simples eventos listando

usando talvez a característica mais poderosa do WordPress 3.0 - tipos de pós personalizado. Depois de alguns pedidos para desenvolver isso ainda mais, hoje nós vamos estar criando um banco de dados revisão do produto para unir tudo o que aprendemos até agora.Como fazer seus próprios eventos Listagem Usando costumizadas Postar Tipos [Wordpress]Como fazer seus próprios eventos Listagem Usando costumizadas Postar Tipos [Wordpress]Uma das vantagens em usar Wordpress é sua enorme flexibilidade. Versão 3 introduziu o conceito de costumizadas Postar Tipos para estender a funcionalidade built-in. Vamos dar uma olhada hoje no que você poderia fazer ...consulte Mais informação

Você vai ser capaz de manter uma lista separada de produtos usando tipos de pós personalizado, cada um com uma imagem associada, bem como alguns meta-informação, tais como preço, classificação, especificações - e vamos terminar tudo com uma forma de exibi-los em uma barra lateral widget e um page.Sounds índice bom? Leia.

requisitos:

Você precisará de um trabalho WordPress 3.0+ auto hospedado instalar, e isso vai fazer uso extensivo de codificação PHP. Eu vou te dar o código, mas você precisa ser relativamente confortável com PHP e XHTML para ajustar os nomes de variáveis ​​para as suas necessidades ou mudar o estilo. Se você precisar de uma rápida iniciantes curso sobre CSS e XHTML, posso sugerir o nosso maravilhoso livre Guia do iniciante baixar. Eu também sugiro que você use um limpa codificada mas básico tema - o padrão Dois mil e dez ou Dois mil e onze tema é realmente muito complicado para editar, então tente este primeiro em algo mais simples antes de tentar integrar-se com isso.

Video: Curso de Wordpress: BANCO DE DADOS

Criar Mensagem Tipos

Se você ler últimas semanas tutorial, você deve ser um pouco familiarizado com a criação de um tipo de pós personalizado no WordPress. Copie e cole este código de base para um novo plugin, ativá-lo e começar a adicionar alguns novos produtos assim que nós temos um conjunto de dados para trabalhar. (Nota: Se você preferir apenas fazer o download do código completo e cheio agora sem tentar acrescentar coisas ao longo do caminho, use este código acabado vez. Você ainda pode seguir junto com o tutorial e personalizá-lo como nós vamos)

Também é sábio decidir agora que tipo de meta-informação que você deseja associar a cada produto. Um banco de dados de câmeras digitais, por exemplo possa precisar:

Video: Habilitar Shortcode no Widget de Texto no WordPress

• Preço de varejo
• Resolução
• Vídeo HD
• compra link
• Avaliação

Em vez de adicionar esta informação diretamente para a descrição do produto (o ‘conteúdo post `), vamos criar campos personalizados para armazenar esta informação. Na tela do produto do suplemento, faça campos personalizados certeza que você já habilitados, em seguida, criar um novo campo para cada informações set. Você só vai precisar criar novos campos uma vez - o próximo produto que você adiciona, você será capaz de selecionar o nome do campo personalizado a partir da caixa suspensa. Não se esqueça de adicionar uma imagem de destaque, bem estar usando isso para exibir ao lado do produto da informação mais tarde.

De produto único

Se você tentar exibir um de seus produtos agora, você provavelmente vai ter um 404 não encontrado erro. Para corrigir isso, dirija-se a configurações permalinks do WordPress e acabou de bater Salvar configurações uma vez. Agora, quando você ver um de seus novas entradas de produtos, dependendo do seu tema, você pode ver algo um pouco simples. O título ea descrição de texto estão lá, mas o que acontece com todas as nossas informações meta personalizado e imagem?

Video: [wordpress] Opções do Widgets

Para personalizar as vistas únicas do produto, vamos precisar para personalizar um novo arquivo de modelo chamado single-products.php - fazer isso duplicando o seu actual single.php por isso temos as bases no lugar e não está começando do zero.

Video: Excluindo um banco de dados Mysql

Neste ponto, eu vou fazer uma mudança muito pequena para a linha que exibe “Escrito por (autor) em (data)”, Então em vez disso, apenas lê“Adicionado ao banco de dados em (data)”. Este é apenas para que eu possa ter certeza de template está funcionando, e atualizar a página único produto deve mostrar essa mudança imediatamente.

Agora, para adicionar a imagem pós destaque que anexado ao produto, esta linha deve fazê-lo (eu incluída informação de estilo também, no caso de você precisar dele). Eu publiquei o código completo para o meu próprio single-products.php aqui, mas lembre-se que é exclusivo para o meu tema tão simplesmente copiar isso em seu próprio diretório do tema pode produzir resultados inesperados.

A maneira mais simples de adicionar a informação meta em qualquer lugar é usar:

... mas isso só vai dar-nos uma lista de saída muito básico de pares chave-valor. A fim de fazer qualquer coisa mais complicada com os valores devolvidos (como exibir um gráfico da estrela-avaliação), você precisa pegar todos os valores, em seguida, iterar sobre eles. [Ver o código aqui]:

No exemplo acima, eu estou verificando cada nome de campo personalizado (o $ key) Para ver se ele é chamado de ‘Nível`. Se isso é chamado nível, em vez de apenas ecoando o valor do campo para trás, eu estou exibindo um elemento gráfico diferente com base no conteúdo. Para quaisquer outros campos personalizados, estou ecoando o valor como ele é, juntamente com o nome do campo (que é exatamente o que the_meta () faz). Agora minha página único produto parecido com este:

Vou deixá-lo lá para vistas individuais de produtos, como ele realmente depende do seu próprio tema e o que você quer alcançar com ele. Por agora, vamos passar para uma barra lateral widget para exibir ... os 3 produtos com classificação mais alta no banco de dados?

Ferramenta

Para fazer isso, eu tenho ajustado ligeiramente o código que lhe dei antes no post Como escrever um WordPress Widget Básico, mas em vez de mostrar um único post aleatório, eu ajustei-o com o seguinte [ver o código completo aqui]:Como criar sua própria Básico Wordpress WidgetsComo criar sua própria Básico Wordpress WidgetsMuitos blogueiros irá procurar o widget Wordpress perfeito que vai fazer exatamente o que eles querem, mas com um pouco de experiência de programação que você pode achar que é mais fácil escrever o seu widget personalizado. Esta semana eu ...consulte Mais informação

Isso vai me dar 3 posts estabelecidos semelhantes ao exemplo imagem abaixo. Se você não está vendo nenhum de seus produtos apresentado, verifique cuidadosamente a seção que diz &meta_key = Avaliação para se certificar de que você realmente tem uma chave meta desse nome. Observe como eu também escolheu para exibir a informação meta associado a esse produto junto com a miniatura de destaque, mas você pode editar esse bloco de código especial para mostrar o que quiser.

Arquivos de produtos ou Listing

Finalmente, eu também queria fazer uma página de índice / arquivos, de modo que visitar http://yourdomain.com/products/ iria mostrar uma lista simples de todos os produtos, semelhante a um índice de blog. O estilo trecho + aplicar os seus miniaturas básica eu mostrei-lhe como fazer no Como adicionar Postar Miniaturas ao seu tema artigo foi principalmente suficiente, mas, a fim de personalizá-lo Eu dupliquei o archive.php arquivo no meu tema e rebatizou- archive-products.php.Como Jazz acima de seu Wordpress Adicionando Imagens selecionadasComo Jazz acima de seu Wordpress Adicionando Imagens selecionadasImagens selecionadas foram introduzidos no Wordpress na versão 2.9, e permite que você exiba facilmente uma imagem que está associada com o seu post em várias partes do seu tema. Hoje eu gostaria de mostrar ...consulte Mais informação

Se você ainda não tem uma página de arquivos, apenas duplicar index.php e renomeá-lo para archive-products.php. Mais uma vez, ajustando a linha artigo meta-info e adicionando uma chamada para o the_meta () em algum lugar, eu tenho este:

Obviamente, parece um bocado parvo com ambos os arquivos e barra lateral, e poderia fazer com um pouco mais de ajuste estilo, mas vou deixar isso para você!

É isso de mim hoje. Você pode ver o código completo em linha completa aqui - basta copiar e colar ou baixar a coisa toda em um arquivo chamado products.php, e colocá-lo em seu diretório de plugins. Você deve ser capaz de potencialmente expandir o seu blog WordPress em um banco de dados de qualquer coisa agora! É difícil responder a problemas individuais que você pode estar tendo, mas faça por favor poste nos comentários se você gostaria de alguma ajuda ou gostaria de mostrar o seu apreço - um tweet ou Facebook como gostaria muito ser apreciado, ou mesmo uma menção em seu blog, se você decidir implementar isso. Obrigado pela leitura, e não se esqueça todos os outros tutoriais WordPress temos!