William Charles
0 
2320
641
La última vez que le mostré cómo crear una lista de eventos simple Cómo hacer su propia lista de eventos utilizando tipos de publicaciones personalizadas en WordPress Cómo hacer su propia lista de eventos usando tipos de publicaciones personalizadas en WordPress WordPress le permite usar tipos de publicaciones personalizadas para ampliar en funcionalidad. Aquí se explica cómo hacerlo sin complementos. utilizando quizás la característica más poderosa de WordPress 3.0: tipos de publicaciones personalizadas. Después de algunas solicitudes para desarrollar esto aún más, hoy crearemos una base de datos de revisión de productos para unir todo lo que hemos aprendido hasta ahora.
Podrá mantener una lista separada de productos utilizando tipos de publicaciones personalizadas, cada una con una imagen asociada, así como cierta metainformación como precio, calificación, especificaciones, y terminaremos con una forma de mostrarlos en un widget de barra lateral y una página de índice. ¿Suena bien? Sigue leyendo.
Requisitos:
Necesitará una instalación autohospedada de WordPress 3.0+ que funcione, y esto hará uso de una extensa codificación PHP. Le daré el código, pero deberá estar relativamente cómodo con PHP y XHTML para ajustar los nombres de las variables a sus necesidades o cambiar el estilo. Si necesita un curso rápido para principiantes sobre CSS y XHTML, le sugiero que descargue nuestra maravillosa guía gratuita para principiantes. También te sugiero que uses un codificado limpiamente pero BASIC tema - el predeterminado Veinte diez o Dosmil once El tema en realidad es bastante complicado de editar, así que intente esto primero en algo más simple antes de intentar integrarse con eso.
Crear tipos de publicación Cómo hacer su propio listado de eventos usando tipos de publicación personalizados en WordPress Cómo hacer su propio listado de eventos usando tipos de publicación personalizados en WordPress WordPress le permite usar tipos de publicación personalizados para ampliar la funcionalidad incorporada. Aquí se explica cómo hacerlo sin complementos.
Si lees el tutorial de las últimas semanas, deberías estar familiarizado con la creación de un tipo de publicación personalizada en WordPress. Copie y pegue este código base en un nuevo complemento, actívelo y comience a agregar algunos productos nuevos para que tengamos un conjunto de datos con el que trabajar. (Nota: Si prefiere descargar el código completo y completo ahora sin intentar agregar elementos en el camino, utilice este código terminado. Todavía puedes seguir el tutorial y personalizarlo a medida que avanzamos)
También es aconsejable decidir ahora qué tipo de metainformación desea asociar con cada producto. Una base de datos de cámaras digitales, por ejemplo, podría necesitar:
- Precio al por menor
- Resolución
- Video HD
- Enlace de compra
- Clasificación
En lugar de agregar esta información directamente a la descripción del producto (el "contenido de la publicación"), vamos a crear campos personalizados para contener esta información. En la pantalla Agregar producto, asegúrese de haber habilitado los campos personalizados, luego cree un nuevo campo para cada conjunto de información. Solo necesitará crear nuevos campos una vez: el próximo producto que agregue podrá seleccionar el nombre del campo personalizado en el cuadro desplegable. No olvide agregar una imagen destacada, así como usarla para mostrarla junto con el producto de información más adelante.
Plantilla de producto único
Si intenta ver uno de sus productos ahora, probablemente obtendrá un 404 No encontrado error. Para arreglar eso, dirígete al configuración de enlaces permanentes de WordPress y solo presiona Guardar ajustes una vez. Ahora, cuando vea una de sus nuevas entradas de producto, dependiendo de su tema, es posible que vea algo un poco simple. El título y el texto descriptivo están allí, pero ¿qué pasa con toda nuestra metainformación personalizada y la imagen??
Para personalizar las vistas de productos individuales, necesitaremos personalizar un nuevo archivo de plantilla llamado single-products.php - haga esto duplicando su existente single.php así que tenemos las bases establecidas y no comenzamos desde cero.
En este punto, voy a hacer un cambio muy pequeño en la línea que muestra “Escrito por (autor) el (fecha)”, así que en su lugar solo lee “Agregado a la base de datos el (fecha)”. Esto es solo para asegurarme de que la plantilla funciona, y actualizar la página de un solo producto debería mostrar este cambio al instante.
Ahora, para agregar la imagen de publicación destacada que adjuntamos al producto, esta línea debería hacerlo (también incluí información de estilo, en caso de que la necesite). He publicado el código completo en mi propio single-products.php aquí, pero recuerde que es exclusivo de mi tema, así que simplemente copiarlo en su propio directorio de temas puede producir resultados inesperados..
La forma más sencilla de agregar la metainformación en cualquier lugar es usar:
... pero esto solo nos dará una lista de salida muy básica de pares clave-valor. Para hacer algo más complicado con los valores devueltos (como mostrar un gráfico de clasificación por estrellas), debe tomar todos los valores y luego iterar sobre ellos. [Ver el código aquí]:
En el ejemplo anterior, verifico cada nombre de campo personalizado (el $ clave) para ver si se llama 'Nivel'. Si se es llamado nivel, en lugar de repetir el valor del campo, estoy mostrando un elemento gráfico diferente basado en el contenido. Para cualquier otro campo personalizado, estoy haciendo eco del valor tal como está, junto con el nombre del campo (que es exactamente lo que the_meta () hace). Ahora mi página de producto único se ve así:
Lo dejaré allí para vistas de productos individuales, ya que realmente depende de su propio tema y de lo que quiera lograr con él. Por ahora, pasemos a un widget de barra lateral para mostrar ... los 3 productos mejor clasificados en la base de datos?
Widget
Para hacer esto, he ajustado ligeramente el código que le di antes en la publicación Cómo escribir un widget básico de WordPress Cómo crear sus propios widgets básicos de Wordpress Cómo crear sus propios widgets básicos de Wordpress Muchos bloggers buscarán el widget perfecto de Wordpress eso hará exactamente lo que quieran, pero con un poco de experiencia en programación puede que le resulte más fácil escribir su widget personalizado. Esta semana yo ..., pero en lugar de mostrar una sola publicación aleatoria, la he ajustado con lo siguiente [ver el código completo aquí]:
Esto me dará 3 publicaciones presentadas de forma similar a la captura de pantalla de ejemplo a continuación. Si no ve ninguno de sus productos en exhibición, revise con mucho cuidado la sección que dice & meta_key = Calificación para asegurarse de que realmente tenga una meta clave de ese nombre. Observe cómo también elegí mostrar la metainformación asociada con ese producto junto con la miniatura presentada, pero puede editar ese bloque de código en particular para mostrar lo que quiera.
Archivos o listado de productos
Finalmente, también quería hacer una página de índice / archivos, de modo que visitar http://yourdomain.com/products/ mostraría una lista simple de todos los productos, similar a un índice de blog. El estilo de extracto básico + miniaturas de publicaciones que le mostré cómo hacer en Cómo agregar miniaturas de publicaciones a su tema Cómo mejorar su Wordpress agregando imágenes destacadas Cómo mejorar su Wordpress agregando imágenes destacadas Las imágenes destacadas se introdujeron en Wordpress en versión 2.9, y le permite mostrar fácilmente una imagen asociada con su publicación de blog en varias partes de su tema. Hoy me gustaría mostrar ... el artículo fue mayormente suficiente, pero para personalizarlo dupliqué el archive.php archivo en mi tema y lo renombré archive-products.php.
Si aún no tiene una página de archivos, simplemente duplique index.php y renómbralo a archive-products.php. Nuevamente, ajustando la línea de metainformación del artículo y agregando una llamada al the_meta () en alguna parte, obtuve esto:
Obviamente, se ve un poco tonto tanto con los archivos como con la barra lateral, y podría funcionar con un poco más de ajuste de estilo, pero lo dejo a usted!
Eso es todo de mi parte hoy. Puede ver el código completo completo en línea aquí: simplemente copie y pegue o descargue todo en un archivo llamado productos.php, y colóquelo en su directorio de complementos. ¡Debería poder expandir potencialmente su blog de WordPress en una base de datos de cualquier cosa ahora! Es difícil responder a los problemas individuales que pueda tener, pero publique en los comentarios si desea obtener ayuda o si desea mostrar su agradecimiento: un tuit o un me gusta de Facebook sería muy apreciado, o incluso una mención en su blog si decides implementar esto. Gracias por leer, y no olvides todos los otros tutoriales de WordPress que tenemos!