Pinblocks — Gutenberg blocks with Pinterest widgets – WordPress plugin Free download

Click to Download

Pinblocks — Gutenberg blocks with Pinterest widgets

Description

Pinblocks — is a WordPress plugin created to add Pinterest Widgets to your posts and pages by Gutenberg editor blocks.

Widgets DEMO

Features

Gutenberg blocks — Easy-to-use blocks is a future of WordPress and entire page building
Responsive — All widgets are fully responsive and mobile frendly
Localization — Widgets supports more than 25 languages
Easy setup — No complex options and plugin settings pages around your dashboard
Pinterest Public API — No additional data, such as App ID, access tokens, etc, required.

Block types

Follow Widget Block — helps you in calling your visitors to become your Pinterest followers.
Pin Widget Block — insert any Pin to your posts and pages.
Board Widget Block — insert Pinterest board to your posts and pages.
Profile Widget Block — insert Pinterest profile to your posts and pages.

Documentation

Plugin use Pinterest Widget Builder, enqueuing pinit.js file from //assets.pinterest.com to your WordPress pages and posts. When you add Pinterest Widget block in Gutenberg editor you actually create <a> tag with “data-” attributes, that will be used by pinit loader to create a widget on page load.

Dependencies

Freemius SDK to stay in touch with users
Create Guten Block to building Gutenberg plugin
Pinterest Widget Builder to init widgets

Building

npm start

Use to compile and run the block in development mode. Watches for any changes and reports back any errors in your code.

npm run build

Use to build production code for your block inside dist folder. Runs once and reports back the gzip file sizes of the produced code.

Block types

Pinterest Follow Widget

Follow widget block helps you in calling your visitors to become you Pinterest followers.

Two options available:

Pinterest user URL. URL of the user, that will be followed.
Button text. Default: Follow on Pinterest.

Pinterest Pin Widget

Insert any Pin to your posts and pages.

Three options available:

Pinterest pin URL. URL of the pin, that will be rendered.
Pin size. Options: Small, Medium, Large. Default: Small.
Hide description. Options: On, Off. Default: Off.

Pinterest Board Widget

Insert Pinterest board to your posts and pages.

Four options available:

Pinterest board URL. URL of the board, that will be rendered.
Image width. Default: 80.
Board height. Default: 240.
Board width. Default: 400.

Pinterest Profile Widget

Insert Pinterest profile to your posts and pages.

Four options available:

Pinterest user URL. URL of the user, whos profile will be rendered.
Image width. Default: 80.
Board height. Default: 240.
Board width. Default: 400.

Localization

Plugin Localization

Pinblocks plugin comes with english and russian translations.

POT file to translate plugin on other languages included in pinblocks languages/ folder.

Custom translations should be placed in the same folder as POT file. File name should match pinblocks-{locale}.po and pinblocks-{locale}.mo.

Widgets Localization

As long as widgets initialized by Pinterest pinit script, all widgets comes with Pinterest localization.

Public view of widgets will be localized by pinit script depending on users location and language settings.

Full plugin documentation

Background photo for banner created by freepik – www.freepik.com

Screenshots

Follow Widget Block — helps you in calling your visitors to become your Pinterest followers.
Pin Widget Block — insert any Pin to your posts and pages.
Board Widget Block — insert Pinterest board to your posts and pages.
Profile Widget Block — insert Pinterest profile to your posts and pages.

Blocks

This plugin provides 4 blocks.

pinblocks/follow-widget
Follow Widget
pinblocks/pin-widget
Pin Widget
pinblocks/board-widget
Board Widget
pinblocks/profile-widget
Profile Widget

Installation

Upload extracted pinblocks/ folder to your wp-content/plugins/ directory
Go to “Plugins” page of your WordPress admin dashboard
Find Pinblocks plugin and activate it
That’s it, you can use blocks in Gutenberg editor now

Or

Go to “Add Plugin” page of your WordPress admin dashboard
Search for “Pinblocks”
Click “install” button and then “activate” button
That’s it, you can use blocks in Gutenberg editor now

Leave a Reply

Your email address will not be published. Required fields are marked *