Faire une base de données d`examen des produits avec wordpress: types de postes personnalisés, champs personnalisés, des images et des widgets en vedette!

La dernière fois que je vous ai montré comment créer un événement simples annonce

en utilisant peut-être la caractéristique la plus puissante de WordPress 3.0 - types de poste personnalisé. Après quelques demandes de développer davantage, aujourd`hui, nous allons créer une base de données d`examen des produits pour attacher ensemble tout ce que nous avons appris jusqu`à présent.Comment faire vos propres événements Liste Utilisation des types de message personnalisé [Wordpress]Comment faire vos propres événements Liste Utilisation des types de message personnalisé [Wordpress]L`un des avantages à utiliser Wordpress est sa flexibilité pure. La version 3 a introduit le concept des types personnalisés de poste pour étendre la fonctionnalité intégrée. Jetons un coup d`oeil aujourd`hui à ce que vous pourriez faire ...Lire la suite

Vous serez en mesure de maintenir une liste de produits en utilisant des types de postes personnalisés, chacun avec une image associée, ainsi que quelques méta-informations telles que le prix, note, spécifications - et nous allons terminer le tout avec un moyen de les afficher dans un widget de la barre latérale et un page.Sounds d`index bon? Continuer à lire.

Exigences:

Vous aurez besoin d`un WordPress 3.0+`autonome installer de travail, et cela utiliser le codage PHP étendu. Je vais vous donner le code, mais vous aurez besoin d`être relativement à l`aise avec PHP et XHTML pour régler les noms de variables à vos besoins ou changer le style. Si vous avez besoin d`un débutant rapide cours sur CSS et XHTML, je propose gratuitement notre merveilleux Guide du débutant Télécharger. Je vous suggère également d`utiliser un proprement codé mais de base thème - la valeur par défaut Vingt dix ou Vingt onze thème est en fait assez compliqué à modifier, alors essayez cette première sur quelque chose de simple avant d`essayer d`intégrer cela.

Créer des types de poste

Si vous lisez tutoriel dernières semaines, vous devriez être un peu familier avec la création d`un type de poste personnalisé dans WordPress. Copiez et collez ce code de base dans un nouveau plug-in, l`activer et commencer à ajouter de nouveaux produits que nous avons un ensemble de données pour travailler avec. (Remarque: Si vous préférez simplement télécharger le code complet et complet maintenant sans essayer d`ajouter des choses le long du chemin, utilisez ce code fini à la place. Vous pouvez toujours suivre le tutoriel et le personnaliser comme nous allons)

Il est également sage de décider maintenant quel genre de méta-informations que vous souhaitez associer à chaque produit. Une base de données des appareils photo numériques par exemple pourrait avoir besoin:

• Prix ​​en détail
• Résolution
• vidéo HD
• achat lien
• Évaluation

Plutôt que d`ajouter cette information directement à la description du produit (le « contenu post»), nous allons créer des champs personnalisés pour tenir cette information. Sur l`écran de AJOUTZ, assurez-vous que vous avez activé les champs personnalisés, puis créer un nouveau champ pour chaque ensemble d`information. Vous aurez seulement besoin de créer de nouveaux champs une fois - le produit suivant, vous vous ajoutez serez en mesure de sélectionner le nom du champ personnalisé dans la liste déroulante. Ne pas oublier d`ajouter une image sélectionnée, tout aussi bien utiliser cette option pour afficher à côté du produit d`information plus tard.

Modèle de produit unique

Si vous essayez d`afficher un de vos produits maintenant, vous aurez probablement une 404 - Not Found Erreur. Pour résoudre ce problème, la tête dans la paramètres permaliens de WordPress et vient de frapper Enregistrer les paramètres une fois que. Maintenant, lorsque vous affichez un de vos nouvelles entrées de produits, en fonction de votre thème, vous pouvez voir quelque chose d`un peu ordinaire. Le titre et le texte de description sont là, mais qu`en est-toutes nos informations méta personnalisées et l`image?

Pour personnaliser les vues de ce produit unique, nous aurons besoin de personnaliser un nouveau fichier modèle appelé unique products.php - faire en dupliquant votre existant single.php nous avons donc les bases en place et ne partons pas de zéro.

À ce stade, je vais faire un petit changement à la ligne qui affiche «Écrit par (auteur) le (date)», Donc au lieu qu`il se contente de lire «Ajouté à la base de données (date)». Ceci est juste pour que je puisse être sûr que modèle fonctionne, et rafraîchir la page produit unique devrait montrer ce changement instantanément.

Maintenant, pour ajouter l`image post-vedette, nous avons attaché au produit, celui-ci la ligne devrait le faire (j`inclus info style aussi, dans le cas où vous en avez besoin). J`ai posté le code complet à mon seul products.php ici, mais rappelez-vous qu`il est unique à mon thème pour que la copie simplement que dans votre propre répertoire thématique peut produire des résultats inattendus.

Video: WordPress Walkthrough Series (8 of 10) - Menu & Widgets

La façon la plus simple d`ajouter les informations méta est d`utiliser partout:

... mais cela ne nous donnera une liste de sortie très basique de paires clé-valeur. Afin de faire quoi que ce soit plus compliqué avec les valeurs renvoyées (comme afficher un graphique étoile étoiles), vous devez saisir toutes les valeurs itérer alors sur eux. [Voir le code ici]:

Video: How To Create Custom Widgets Area In WordPress

Dans l`exemple ci-dessus, je vérifie chaque nom de champ personnalisé (le $ key) Pour voir si elle est appelée «Niveau». Si ça est appelé niveau, au lieu de simplement en écho à la valeur du champ arrière, je l`affichage d`un élément graphique différent en fonction du contenu. Pour tous les autres champs personnalisés, je suis faisant écho à la valeur telle qu`elle est, ainsi que le nom du champ (ce qui est exactement ce que the_meta () Est-ce que). Maintenant, ma seule page produit ressemble à ceci:

Je vais le laisser là pour les vues de ce produit unique, car cela dépend vraiment de votre propre thème et ce que vous voulez atteindre avec elle. Pour l`instant, nous allons passer à un widget barre latérale pour afficher ... les 3 produits les mieux classés dans la base de données?

Widget

Pour ce faire, je suis un peu ajusté le code que je vous ai donné avant dans le poste Comment écrire un Widget WordPress de base, mais au lieu de montrer un message aléatoire simple, je l`ai ajusté avec les éléments suivants [voir le code complet ici]:Comment créer votre propre base Wordpress WidgetsComment créer votre propre base Wordpress WidgetsDe nombreux blogueurs rechercheront le widget Wordpress parfait qui va faire exactement ce qu`ils veulent, mais vous pouvez trouver avec un peu d`expérience de la programmation, il est plus facile d`écrire votre widget personnalisé. Cette semaine, je ...Lire la suite

Cela me donnera 3 messages disposés similaires à la capture d`écran d`exemple ci-dessous. Si vous ne voyez pas l`un de vos produits affichés, vérifiez très attentivement la section qui dit &meta_key = Note pour vous assurer que vous avez fait une clé méta de ce nom. Remarquez comment j`ai choisi aussi pour afficher les informations méta associée à ce produit ainsi que la vignette sélectionnée, mais vous pouvez modifier ce bloc de code particulier pour montrer ce que vous voulez.

Archives du produit ou une liste

Enfin, je voulais aussi faire un index / page d`archives, de sorte que la visite http://yourdomain.com/products/ montrerait une simple liste de tous les produits, semblables à un indice de blog. L`extrait de base + post style vignettes je vous ai montré comment faire dans le Comment faire pour ajouter Publier IMAGETTES votre thème l`article était la plupart du temps suffisant, mais pour personnaliser je dupliqué la archive.php déposer dans mon thème et rebaptisé archives-products.php.Comment Jazz de votre WordPress Ajout ImagesComment Jazz de votre WordPress Ajout ImagesImages ont été introduits dans Wordpress dans la version 2.9, et il vous permet d`afficher facilement une image qui est associée à votre poste de blog dans différentes parties de votre thème. Aujourd`hui, je voudrais montrer ...Lire la suite

Si vous ne possédez pas déjà une page d`archives, dupliquant index.php et le renommer archives-products.php. Encore une fois, en ajustant la ligne méta-info de l`article et l`ajout d`un appel à la the_meta () quelque part, je suis arrivé ceci:

De toute évidence, il semble un peu bête à la fois les archives et la barre latérale, et il aurait pu être un peu plus l`ajustement de style, mais je vais laisser ça à vous!

Qu`il est de moi aujourd`hui. Vous pouvez voir le code complet complet en ligne ici - il suffit de copier-coller ou télécharger la chose entière dans un fichier appelé products.php, et placez-le dans votre répertoire plugins. Vous devriez être en mesure d`étendre potentiellement votre blog WordPress dans une base de données de quelque chose maintenant! Il est difficile de répondre à des problèmes individuels que vous pourriez avoir, mais faire s`il vous plaît poster dans les commentaires si vous souhaitez un peu d`aide ou si vous souhaitez montrer votre appréciation - un tweet ou Facebook comme seraient très appréciés, ou même une mention sur votre votre blog si vous décidez de mettre en œuvre. Merci pour la lecture, et ne pas oublier tous les autres tutoriels WordPress nous avons!