Coder Social home page Coder Social logo

marktimemedia / acf-component-blocks Goto Github PK

View Code? Open in Web Editor NEW
16.0 4.0 1.0 243 KB

ACF Block Components Plugin for WordPress with theme template overrides

License: GNU General Public License v3.0

CSS 14.80% JavaScript 0.61% PHP 84.57% Hack 0.03%

acf-component-blocks's Introduction

ACF Block Components for WordPress

ACF Blocks plugin for WordPress for displaying custom content within pages and posts. Requires Advanced Custom Fields Pro, ACF Term and Taxonomy Chooser, ACF Post Type Selector and ACF Widget Area Field.

Recommended for use with ACF Options Page and Pink Spring Theme

Works with most standard WordPress themes.

Custom Blocks (Flexible Fields)

  1. Single Column Content with heading
  2. Dual Column Content with heading
  3. Content with Callout and heading
  4. Hero Image with text and call to action buttons
  5. Video/Embedded Media with text and call to action buttons
  6. Slider with text and links
  7. Feature Boxes (post content, latest post, or manual)
  8. Call to Action with heading, subheading, buttons
  9. Logo Feature with image/link repeater
  10. Widget Area
  11. Post List
  12. Post Grid
  13. Manual List
  14. Manual Grid
  15. Tabs
  16. Gallery (using WordPress Gallery)
  17. Multi-Buttons

Page Templates (block templates coming soon, once WordPress supports them)

  1. Custom Block Template (adds ability to hide or show the main page title)
  2. Single Scroll Template (adds ability to output other pages below the main page, also background image)

Vague Description of How To Use

  1. Install and activate the plugin
  2. Build posts and pages using Custom Blocks
  3. Supports regular, wide, and full alignment
  4. Several blocks have custom background colors
  5. Can filter custom ACF colors to match your theme by targeting mtm_block_colors_filter

Vague Description of How To Theme

  1. Create a folder called mtm-templates in the root of your theme or child theme
  2. Copy any of the block or content template parts in the plugin templates folder into your mtm-templates folder, and modify/style them at will. The plugin will automatically override them.
  3. To call any of the custom template parts from another part of your theme, use the mtm_get_block_part() function

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.