Get Use APIs – JSON Content Importer vs REST API blocks

The simplest method to link WordPress with external APIs JCI simplifies the task of retrieving data from a third-party REST API. The returned JSON-, XML, CSV, TXT-data can be neatly arranged and showcased on your WordPress site via a shortcode, a JCI Block or PHP. The plugin can generate a template for the data display. 20 seconds: Load API and display data 7 minutes: Basic intro to JCI free Examples, Preview Check out the live demonstration to explore how we’re interfacing with various APIs LIVE PREVIEW – WordPress and a external API Video: How to use the Wikipedia API Main Plugin Features Low code usage: Save time and avoid coding using an API Insert an API-URL into Step 1: Data is loaded, and and displayed. Save it as API-Access-Set. Use the API-Access-Set in Step 2 to create a Shortcode Optional for maximum flexibility: Use the API-Access-Set n PHP code Insert an API-URL into the JCI Block: Data is loaded, and a template can be generated to display the data. Easy to start: Check Installation – Is your WordPress ready for JCI? Most probably! Basic Settings: Check SSL, Cacher, Gutenberg and Authentication ContactForm7 Integration: Populate CF7 forms with JSON data and forward CF7-submitted data to an API. Use the JCI cacher to avoid many API requests JCI-Block : Use the simple JCI Block interface to get data! Query the API and check the response. Then utilize the simple template generator inside the JCI Block to use the data! Contact Form 7 Integration: Fill form and submit to API Important Note Starting with Version 2.0.11 Starting with version 2.0.11, any HTML code present in the shortcode or block is filtered to prevent dangerous code (e.g. JavaScript) from being output. However, if you want to allow certain tags or attributes as a deliberate choice: In the plugin’s “Basic Settings” there is a field called “Allow additional HTML tags (advanced)”. There you can enter comma-separated tags that should not be filtered out. For example, “iframe,script” would preserve these two tags in the HTML output. “tr#onclick” would preserve the “onclick” attribute in ”, which would otherwise be removed. Documentation There’s a wealth of resources and support at your fingertips. Explore the articles listed below to begin your journey: JCI Manual Step 1: Access the Data Step 2: Using the Data Shortcode – Basic structure Contact Form 7 Integration Free JCI Plugin: Overview Videos Free JCI Plugin: Getting Started You need more? JSON Content Importer PRO Both the free and PRO JCI Plugins serve the same purpose: retrieving data, transforming it, and publishing the results. However, while the free Plugin can only handle basic challenges, the PRO JCI Plugin offers nearly full control over WordPress, the database, and applications. Compare: Free vs. JCI PRO Plugin PRO features: * application building by creating a searchform and connect it to a JSON-API in the background: pass GET-Variables to use a dynamic JSON-Feed-URL (“talk to API / webservice”) * much better and more flexible templateengine: twig * create and use Custom Post Types * store Templates independent of pages * more Shortcode-Parameters * executing Shortcodes inside a template * more features…

A simple plugin to add block data in json format into the rest api. Once installed, there will be two new fields added to the rest api, has_blocks and blocks. For example output. "has_blocks": true, "block_data": [ { "blockName": "core/image", "attrs": { "url": "https://www.spacedmonkey.com/wp-content/uploads/2018/12/test-image.jpg", "alt": "Terminal de aeropuerto", "caption": "fsfsdfdsfdssfd", "href": "https://www.spacedmonkey.com/test-image", "rel": "noreferrer noopener", "linkClass": "jonny-123", "linkTarget": "_blank", "id": 147355, "width": 582, "height": 327, "linkDestination": "attachment" }, "innerBlocks": [ ], "innerHTML": "\n fsfsdfdsfdssfd \n", "innerContent": [ "\n fsfsdfdsfdssfd \n" ], "rendered": "\n fsfsdfdsfdssfd \n" } ], Technical Notes Requires PHP 5.6+. Requires WordPress 5.5+. Issues and Pull requests welcome on the GitHub repository: https://github.com/spacedmonkey/wp-rest-blocks Development This plugin uses @wordpress/env for local development and testing. Prerequisites Node.js 20+ and npm Docker Desktop (must be installed and running) Setup Clone the repository Install dependencies: bash npm install composer install Start the WordPress environment: bash npm run env:start This will start a local WordPress instance at http://localhost:8888 (admin: http://localhost:8888/wp-admin with username admin and password password) Note: Docker must be running for this to work. The first time you run this, it will download WordPress and set up the database, which may take a few minutes. Available Commands npm run env:start – Start the WordPress environment npm run env:stop – Stop the WordPress environment npm run env:reset – Reset the environment (clean database) npm run env:destroy – Destroy the environment completely npm run test:php – Run PHPUnit tests npm run test:php:multisite – Run PHPUnit tests in multisite mode npm run lint:php – Run PHP CodeSniffer npm run lint:php:fix – Fix PHP coding standards issues automatically Running Tests After starting the environment with npm run env:start, you can run the tests: `bash npm run test:php ` For multisite tests: `bash npm run test:php:multisite ` Accessing the Site Development site: http://localhost:8888 Admin dashboard: http://localhost:8888/wp-admin (admin/password) Test site: http://localhost:8889 Test admin: http://localhost:8889/wp-admin (admin/password)