Kona Gallery Block


Easily and instantly preview your instagram feed live within the new editor experience. Adjust settings as needed such as the number of columns and the spacing. More features to come!

Kona: Instagram Feed for Gutenberg

Easily and instantly preview your Instagram feed live within the new editor (Gutenberg) experience. Adjust settings as needed such as the number of columns and the spacing. More features to come.

Wan’t to see a feature?

Feel free to tweet and say 👋 at me @RhysClay

Our Awesome Collaborators

Some people who have helped along the way
* @Forsvunnet
* @allerj
* @dingo_d
* [@dawizardguy]

Coming Soon

  • Captions???

Tangkapan Layar

  • Adding the Kona block to the editor.
  • Obtaining an Access Token from PixelUnion.
  • Adjusting the block settings.


This plugin provides 1 block.



Firstly make sure that you have the Gutenberg plugin installed.

  1. Install the Kona plugin either via the WordPress plugin directory, or by uploading the files to your web server (in the /wp-content/plugins/ directory).
  2. Activate the Kona plugin through the ‘Plugins’ screen in WordPress
  3. Get an Instagram Access Token: To do this login to instagram and [click here] (http://instagram.pixelunion.net/). Once you have a token, please paste it into the ‘Instagram Access Token’ setting.
  4. Add the Kona block to your editor, paste the Access Token into the block settings.
  5. Your Instagram feed will now show in the editor, adjust the settings to see how it will look before publishing.


My feed isn’t showing?

Please make sure to add your Instagram access token the block settings. Once added your feed should show instantly (well pretty fast at least).

How about X feature?

We will continue adding features as requested. If you have a killer idea for a feature submit a support request and we will see what we can do.
Note: we plan to release a premium version of the plugin which will likely receive new features first – this helps offset the cost of our development time.

The feed looks funny in IE9 (Or other old browser)

This plugin is laid out using the new CSS Grid specification, we do not have plans to support older browsers as we believe they are holding back the web. However we can (if requested) release some code which you can add to your site’s custom css in order to support certain browsers.


23 Februari 2019
Saved me few hours of coding. It's super simple and intuitive to use, you can even increase the gutter between the images beyond 20px. Installed and it just works 🙂 Thanks for all the work!
22 Januari 2019
Works great, thank you so much for sharing and supporting the new Gutenberg builder!
Baca semua 3 tinjauan

Kontributor & Pengembang

“Kona Gallery Block” adalah perangkat lunak sumber terbuka. Berikut ini mereka yang sudah berkontribusi pada plugin ini.

Para Kontributor

“Kona Gallery Block” telah diterjemahkan kedalam 1 lokale. Terima kasih kepada para penerjemah untuk kontribusi-nya.

Terjemahkan “Kona Gallery Block” dalam bahasa Anda.

Tertarik mengembangkan?

Lihat kode, periksa repositori SVN , atau mendaftar ke log pengembangan melalui RSS.

Log Perubahan


  • Name change due to copyright infringement.


  • Fixed foreach loop error with no data
  • Improved block icon


  • Merged pull request which fixes ‘undefinedIndex className’ – shoutout @Forsvunnet


  • Removed unused variable $useThumbnails – shoutout @dingo_d
  • Added className to server rendered wrapper – shoutout [@dawizardguy]


  • Fixed bug with profileContainer not being defined in server.php under some conditions.


  • Fixed error caused by inactive gutenberg feature plugin
  • Added feature: equal size images 🚀 – shoutout @allerj
  • Bumped PHP min version to 5.6, just cause


  • Updated for WP 5.0 support


  • Updated for Gberg 4.3 support


  • Added background color option


  • Fixed bug where new feed would be stuck in loading mode.


  • Added checks for caption before rendering caption. Added loading spinner. Added icon.


  • Added a nice hover effect to images


  • Added profile & option to show/hide profile.


  • Updated caching system to include user ID so multiple feeds would work.
  • Updated editor to notify user if the Insta API returns an error
  • Removed links from editor images as these could be accidentaly clicked


  • Added a caching system to reduce the number of requests the Insta API.


  • First release.