Title: Generate WpGraphql Image DataUrl
Author: dipankarmaikap
Published: <strong>فبروری 1, 2022</strong>
Last modified: فبروری 1, 2022

---

جستجوی افزونه‌ها

![](https://ps.w.org/generate-wpgraphql-image-dataurl/assets/banner-772x250-rtl.
png?rev=2670411)

این افزونه **با آخرین 3 نسخه اصلی وردپرس تست نشده است**. ممکن است دیگر نگهداری یا
پشتیبانی نشود و ممکن است هنگام استفاده با نسخه های جدیدتر وردپرس مشکلات سازگاری 
داشته باشد.

![](https://ps.w.org/generate-wpgraphql-image-dataurl/assets/icon-256x256.png?rev
=2670411)

# Generate WpGraphql Image DataUrl

 توسط [dipankarmaikap](https://profiles.wordpress.org/dipankarmaikap/)

[دانلود](https://downloads.wordpress.org/plugin/generate-wpgraphql-image-dataurl.1.0.2.zip)

 * [جزئیات](https://fa-af.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#description)
 * [نقد و بررسی‌ها](https://fa-af.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#reviews)
 *  [نصب](https://fa-af.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#installation)
 * [توسعه](https://fa-af.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#developers)

 [پشتیبانی](https://wordpress.org/support/plugin/generate-wpgraphql-image-dataurl/)

## توضیحات

This plugin Generates DataUrl of MediaItem in WPGraphQL.

This is an extension to the awsome WPGraphQL plugin (https://github.com/wp-graphql/
wp-graphql) that Generate DataUrl of MediaItems.

If you are working with Headless WordPress and NextJS you can notice that NextJS
don’t offer BlurUp image like GatsbyJS by default. You have to pass a base64 dataUrl
in to make it work.
 Or you will see a blank space until the image loads. This plugin
adds a dataUrl on each media item so you can use it as a placeholder until the image
fully loads and NextJS will also create the fade/BlurUp Effect like in GatsbyJS.

**Returning DataUrl for:**

 * MediaItem

## نصب

 1. Install & activate [WPGraphQL](https://www.wpgraphql.com/)
 2. Upload the plugin to the `/wp-content/plugins/` directory
 3. [See GitHub Repo for example queries](https://github.com/dipankarmaikap/wp-graphql-image-dataurl)

## نقد و بررسی‌ها

نقد و بررسی‌ای برای این افزونه یافت نشد.

## توسعه دهندگان و همکاران

“Generate WpGraphql Image DataUrl” نرم افزار متن باز است. افراد زیر در این افزونه
مشارکت کرده‌اند.

مشارکت کنندگان

 *   [ dipankarmaikap ](https://profiles.wordpress.org/dipankarmaikap/)

[ترجمه “Generate WpGraphql Image DataUrl” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/generate-wpgraphql-image-dataurl)

### علاقه‌ مند به توسعه هستید؟

[کد را مرور کنید](https://plugins.trac.wordpress.org/browser/generate-wpgraphql-image-dataurl/),
را بررسی کنید [مخزن SVN](https://plugins.svn.wordpress.org/generate-wpgraphql-image-dataurl/),
یا مشترک شوید [گزارش توسعه](https://plugins.trac.wordpress.org/log/generate-wpgraphql-image-dataurl/)
توسط [RSS](https://plugins.trac.wordpress.org/log/generate-wpgraphql-image-dataurl/?limit=100&mode=stop_on_copy&format=rss).

## اطلاعات

 *  Version **1.0.2**
 *  Last updated **4 سال پیش**
 *  Active installations **50+**
 *  WordPress version ** 5.0 یا بالاتر **
 *  Tested up to **5.9.13**
 *  PHP version ** 7.1 یا بالاتر **
 *  Language
 * [English (US)](https://wordpress.org/plugins/generate-wpgraphql-image-dataurl/)
 * Tags
 * [Decoupled WordPress](https://fa-af.wordpress.org/plugins/tags/decoupled-wordpress/)
   [GraphQL](https://fa-af.wordpress.org/plugins/tags/graphql/)[Headless WordPress](https://fa-af.wordpress.org/plugins/tags/headless-wordpress/)
   [jamstack](https://fa-af.wordpress.org/plugins/tags/jamstack/)[WpGraphQL](https://fa-af.wordpress.org/plugins/tags/wpgraphql/)
 *  [نمایش پیشرفته](https://fa-af.wordpress.org/plugins/generate-wpgraphql-image-dataurl/advanced/)

## امتیازها

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/generate-wpgraphql-image-dataurl/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/generate-wpgraphql-image-dataurl/reviews/)

## مشارکت کنندگان

 *   [ dipankarmaikap ](https://profiles.wordpress.org/dipankarmaikap/)

## پشتیبانی

چیزی برای گفتن دارید؟ نیاز به کمک دارید؟

 [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/generate-wpgraphql-image-dataurl/)

## کمک مالی

آیا تمایل دارید از پیشرفت این افزونه حمایت کنید؟

 [ کمک مالی به این افزونه ](https://www.buymeacoffee.com/dipankarmaikap)