jxmesdev/acf-tools

Advanced Custom Fields code made simple! 🙌

This is a Google Chrome extension/Firefox add-on for Advanced Custom Fields to help with speeding up development. 🔥

Table of content

• See what it does
  • Supported fields
• Installation
  • Chrome Web Store
  • Firefox browser add-ons
• Contributing
  • Translation
  • Field code output
  • Contributors
• Development setup
  • Google Chrome
  • Mozilla Firefox
• Contact Details
• License

---

See what it does

Supported fields

Basic

• Text
• Text area
• Number
• Range
• Email
• Url
• Passord

Content

• Image
• File
• Wysiwyg Editor
• oEmbed
• Gallery

Choice

• Select
• Checkbox
• Radio Button
• Button Group
• True / False

Relational

• Link
• Post Object
• Page Link
• Relationship
• Taxonomy
• User

jQuery

• Google Map
• Date Picker
• Date Time Picker
• Time Picker
• Color Picker

Layout

• Group
• Repeater
• Flexible content

3rd Party

• Font Awesome (mattkeys)
• Image Aspect Ratio Crop (Johannes Siipola)
• Nav Menu Field (Faison Zutavern)
• RGBA Color Picker (Thomas Meyer )
• Code Field (Peter Tasker)

Missing a field? Submit an issue if there is a field you want ACF Tools to support.

---

Installation

Chrome web store

You can find the extension on the Chrome web store, but keep in mind that the version may be 2-4 days older than the one on Github.

Firefox browser add-ons

You can find the extension in the Firefox add-on libary.

---

Contributing

Translation

I need your help with translations

1. Fork this repository.
2. Edit messages.json in src/_locales/[localeCode]. If it does not already exist, create a directory according to the supported locales.
3. Increase the last version number in src/manifest.json on line 4
4. Create a new pull request.

Field code output

I am always looking for suggestions on how to make the field code output better. If you have a suggestion, submit an issue.

Contributors

---

Development setup

Google Chrome

1. Clone repo
2. Go to chrome://extensions/
3. Drag and drop the src folder into this window
4. Write code
5. Refresh Chrome Extension to test and debug as you develop

Mozilla Firefox

1. Clone repo
2. cd into ACF-Tools folder
3. Build Project with $ sh build.sh
4. Go to about:debugging
5. Click "This Firefox"
6. Click "Load Temporary Add-on"
7. Navigate into ACF-Tools/dist
8. Select acf-tools-vX.X.X-firefox.zip to test

---

Contact details

Rostislav Melkumyan - @RostiMelk - [email protected]
Project Link: https://github.com/RostiMelk/ACF-Tools
Feeling generous? Donations are accepted on paypal: [email protected]

---

License

Distributed under the MIT license. See LICENSE for more information.