Hacer una base de datos de producto con wordpress: tipos de envíos personalizados, campos personalizados, mostraba imágenes y widgets!

La última vez que le mostró cómo crear una simple lista de eventos utilizando quizás la característica más poderosa de WordPress 3.0 - tipos de envíos personalizados. Después de algunas peticiones para desarrollar esta nueva, hoy vamos a ser la creación de una base de datos sobre productos para unir todo lo que hemos aprendido hasta ahora.Cómo hacer su propia lista de eventos con Personal Pon Tipos [Wordpress]Cómo hacer su propia lista de eventos con Personal Pon Tipos [Wordpress]Una de las ventajas de utilizar WordPress es su gran flexibilidad. La versión 3 introdujo el concepto de encargo Pon Tipos de ampliar la funcionalidad incorporada. Vamos a echar un vistazo hoy en lo que podría hacer ...Lee mas

Podrás mantener una lista separada de los productos que utilizan tipos de envíos personalizados, cada uno con una imagen asociada, así como algunos meta-información como el precio, de salida, especificaciones - y vamos a terminar si fuera poco con una forma de mostrarlos en un widget de la barra lateral y un índice page.Sounds bueno? Leyendo.

requisitos:

Usted necesitará un trabajo WordPress 3.0+ auto alojado instalar, y esto hará que el uso de la codificación extensa PHP. Te voy a dar el código, pero tendrá que ser relativamente cómodo con PHP y XHTML para ajustar los nombres de variables a sus necesidades o cambiar el estilo. Si necesita un rápido curso de iniciación en CSS y XHTML, puedo sugerir que nuestro maravilloso libre Guía para principiantes descargar. También me gustaría sugerir que uso una limpiamente codificado pero BASIC tema - el valor por defecto Veinte diez o Dosmil once el tema es bastante complicado para editar, a fin de tratar esta primera en algo más simple antes de tratar de integrar con eso.

Vídeo: Curso Woocommerce: 6 - agregar atributos a los productos

Crear Mensaje Tipos

Si se lee últimas semanas tutorial, usted debe ser un poco familiarizado con la creación de un tipo de mensaje personalizado en WordPress. Copia y pega este código base en un nuevo plugin, activarlo y empezar a añadir algunos nuevos productos por lo que tenemos un conjunto de datos para trabajar. (Nota: Si lo que queremos es descargar el código completo y lleno ahora sin tratar de añadir cosas a lo largo del camino, utilice el código terminado en su lugar. Todavía se puede seguir junto con el tutorial y personalizarlo a medida que avanzamos)

También es aconsejable que decidir ahora qué tipo de meta-información que desea asociar con cada producto. Una base de datos de las cámaras digitales, por ejemplo puede ser que necesite:

• Precio al por menor
• Resolución
• HD video
• Enlace de compra
• Clasificación

En lugar de añadir esta información directamente a la descripción del producto (el ‘contenido post"), vamos a crear campos personalizados para contener esta información. En la pantalla del producto Agregar, hacen que los campos personalizados seguro de que ha habilitado, a continuación, crear un nuevo campo para cada conjunto de datos. Lo único que necesita para crear nuevos campos vez - el siguiente producto se agrega usted será capaz de seleccionar el nombre del campo personalizado de la lista desplegable. No se olvide de agregar una imagen de las funciones, así como a utilizar esto para mostrar junto con el producto de información más adelante.

Plantilla solo Producto

Si intenta ver uno de sus productos ahora, probablemente obtendrá una 404 No encontrado error. Para solucionar esto, la cabeza en el ajustes permalinks de WordPress y simplemente pulse Guardar ajustes una vez. Ahora cuando ve una de sus nuevas entradas de productos, dependiendo de su tema, es posible ver algo un poco sosa. El título y la descripción de texto están ahí, pero ¿qué pasa con toda nuestra información de metadatos personalizados y la imagen?

Vídeo: Página Web Gratis Rie.cl .- Agrega imágenes a tu base de datos en rie.cl

Para personalizar las vistas individuales de productos, tendremos que personalizar un nuevo archivo de plantilla llamada De un solo products.php - hacer esto mediante la duplicación de su actual single.php así que tenemos las bases en su lugar y no partimos de cero.

En este punto, voy a hacer un cambio muy pequeño a la línea que muestra “Escrito por (autor) el (fecha)”, Así que en vez que simplemente lee“Añadido a la base de datos (fecha)”. Esto es sólo para que pueda estar seguro de la plantilla está trabajando, y actualizar la página solo producto debe mostrar este cambio al instante.

Ahora, para añadir la imagen puesto que las funciones adherida al producto, esta línea debería hacerlo (I incluyó información de estilo también, en caso de que lo necesite). He publicado el código completo a mi propia solo products.php aquí, pero recuerdo que es única para mi tema por lo que simplemente copiando en su propio directorio del tema puede producir resultados inesperados.

La forma más sencilla de añadir la información de metadatos en cualquier lugar es utilizar:

... pero esto sólo nos dará una lista de salida muy básica de los pares de clave y valor. Con el fin de hacer nada más complicado con los valores devueltos (como mostrar un gráfico de la estrella de calificación), es necesario tomar todos los valores a continuación, iterar sobre ellos. [Ver el código aquí]:

En el ejemplo anterior, estoy comprobando cada nombre de campo personalizado (el $ clave) Para ver si se llama ‘Nivel`. Si se es denominado nivel, en lugar de simplemente haciendo eco del valor del campo hacia atrás, estoy mostrando un elemento gráfico diferente, basado en el contenido. Para los demás campos personalizados, que estoy haciendo eco el valor, ya que es, junto con el nombre del campo (que es exactamente lo the_meta () hace). Ahora mi página solo producto es el siguiente:

Voy a dejarlo allí por puntos de vista individuales de productos, ya que realmente depende de su propio tema y lo que quiere lograr con ella. Por ahora, vamos a pasar a un widget de barra lateral para mostrar ... los 3 productos de más alto rango en la base de datos?

Widget

Para ello, he ajustado ligeramente el código que te di antes en el post Cómo escribir un Widget de WordPress básico, pero en vez de mostrar un solo puesto al azar, he ajustado con la siguiente [ver el código completo aquí]:Cómo crear su propia base de Wordpress WidgetsCómo crear su propia base de Wordpress WidgetsMuchos bloggers buscar el widget de Wordpress perfecta que va a hacer exactamente lo que quieren, pero con un poco de experiencia en programación puede que le resulte más fácil escribir su widget personalizado. Esta semana yo ...Lee mas

Esto me dará 3 publicaciones establecidas similares al ejemplo siguiente captura de pantalla. Si usted no está viendo ninguna de sus productos expuestos, comprobar cuidadosamente la sección que dice &meta_key = Clasificación para asegurarse de que realmente tiene una tecla meta de ese nombre. Observe cómo también he elegido para mostrar la información de metadatos asociados con ese producto, junto con la miniatura de las funciones, pero se puede editar ese bloque de código particular para mostrar lo que quiera.

Archivos de productos o de venta

Por último, también quería hacer una página de índice / archivos, por lo que la visita https://yourdomain.com/products/ mostraría una simple lista de todos los productos, de forma similar a un índice de blogs. El estilo básico de extractos + colocar miniaturas te enseñó a hacer en el Cómo agregar Pon miniaturas a su tema El artículo era sobre todo suficiente, pero con el fin de personalizar que me duplica la archive.php presentar en mi tema y le cambió el nombre Archivo-products.php.Cómo Jazz encima de su Wordpress añadiendo imágenes destacadasCómo Jazz encima de su Wordpress añadiendo imágenes destacadasImágenes se introdujeron en Wordpress en la versión 2.9, y que le permite desplegar fácilmente una imagen que se asocia con la entrada de blog en varias partes de su tema. Hoy me gustaría para mostrar ...Lee mas

Si aún no dispone de una página de archivos, simplemente duplicar index.php y cambie su nombre a Archivo-products.php. Una vez más, mediante el ajuste de la línea de meta-información del artículo y la adición de una llamada a la the_meta () en algún lugar, tengo esto:

Obviamente, se ve un poco tonto con ambos los archivos y la barra lateral, y podría hacer con un poco más de ajuste de estilo, pero voy a dejar que depende de usted!

Eso es todo de mí hoy. Puede ver el código completo en línea completa aquí - sólo debes copiar y pegar o descargar toda la cosa en un archivo llamado products.php, y colocarlo en el directorio de plugins. Usted debe ser capaz de ampliar potencialmente su blog de WordPress en una base de datos de nada ahora! Es difícil responder a los problemas individuales que pueda estar teniendo, pero lo hacen por favor, puesto en los comentarios si desea alguna ayuda o le gustaría mostrar su agradecimiento - un tweet o Facebook como serían mucho se aprecian, o incluso una mención en su blog si decide implementar esto. Gracias por leer, y no se olvide de los demás tutoriales WordPress ¡tenemos!