Coder Social home page Coder Social logo

acf-api-fields's Introduction

ACF API Relationship Field

Allows you to create relationships to posts from WP Rest API Endpoints.


Compatibility

This ACF field type is compatible with:

  • ACF 5

Screenshots

Field Settings: Field Settings

When editing an object with the field: Post Editor

Example output: Example Output

Installation / Use

  1. Copy the acf-api-fields folder into your wp-content/plugins folder
  2. Activate Advanced Custom Fields: API Fields plugin via the plugins admin page
  3. Create a new field via ACF and select the API Relationship type
  4. Enter in the endpoint to the remote API. Example http://example.com/wp-json/v2/wp/posts
  5. Edit the object where you have included the field group. You'll see a standard Relationship field, however the data will be populated from the remote API.

The field type returns objects from get_field(). Example template file use:


<?php $remote_posts = get_field( 'remote_post_object' ); ?>
<?php if ( !empty( $remote_posts ) ): ?>

	<?php foreach ( $remote_posts as $remote_post ): ?>

		<h2><?php echo esc_html( $remote_post->get_title() ); ?></h2>
                <p><?php echo $remote_post->content->rendered; ?></p>

	<?php endforeach; ?>

<?php endif; ?>


The object which is returned from the API is similar to the object from the Example Client Library

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.