Currently under development. This will be a simple WordPress theme or plugins options framework.
Important Note
Just to be clear. Do not use this to store important information such as passwords or emails. This is mostly for styling options or basic settings. Since all the data is stored in JSON in plain text.
Some key design princples that are being follwed for this.
- Make the workflow and integration easy and intuitive.
- Make it very easy to customize and add custom option types.
- Ensure the form is accessible and is up to WordPress standards.
- Store all data in JSON.
- You can also store different sets of options in different files. Load what you need when you need it.
- Build the form and data structures from XML.
- The options form will be made with plain JavaScript.
- In early development some code may be jQuery and then converted to JS.
- This is will be done to future proof the design for the coming years.
This process will change as the development goes along. But as of now all you need to do is download the code and put it in your theme's or plugin's folder.
All the data for Divine Star Options is stored in XML and JSON files. XML files are used to create the form and the structure of the JSON while JSON just stores the name and values of the options. Create a blank XML and JSON file then make move the XML file into the xml folder and the JSON file into the data folder. Then make them writable. One method is through chmod command.
dsm:divinestaroptions Admin$ touch generaloptions.xml
dsm:divinestaroptions Admin$ touch generaloptions.json
dsm:divinestaroptions Admin$ mv generaloptions.xml xml
dsm:divinestaroptions Admin$ mv generaloptions.json data
dsm:divinestaroptions Admin$ chmod 777 xml/generaloptions.xml
dsm:divinestaroptions Admin$ chmod 777 data/generaloptions.jsonInclude the files where you need them and look at the example set up below.
//Include the Divine Star Options files.
include('divinestaroptions/divinestaroptions.php');
include('divinestaroptions/divinestaroptionsform.php');
/*
*Define the option path. This is where the divinestaroptions folder is.
*This is used to update the files.
*/
define( 'OPTIONS_PATH', plugin_dir_path( __FILE__ ).'src/options/divinestaroptions/' );
//Create the options and the form class.
$dsbo = new DivineStarOptions();
$dsbof = new DivineStarOptionsForm();
/*
*Setting Up the JSON Storage
*This function will create the structure of the JSON file from the XML file.
*Just supply it with the name of the XML file you made for the form. No need for the .XML extension.
*/
$dsbo->load_into_files('generaloptions');
/*
*Getting an option.
*First load the option set that you would like to pull from.
*Then call get_option with the name of the option that you set.
*/
$dsbo->load_options('generaloptions');
$value = $dsbo->get_option('test1');
/*
*Outputting the Options Form
*This function will echo out the form right here.
*Just supply it with the name of the XML file you made for the form. No need for the .XML extension.
*/
$dsbof->get_options_form('generaloptions');
/*
*Integrating Updating With WordPress
*The options form uses javascript ajax calls to update the form.
*Thus we need to add the update function to WordPress Ajax API.
*The process is very simple. Just use this code and the method will be added.
*Please do not change the action name.
*/
add_action( 'wp_ajax_divine_star_updateoptions', array( $dsbo,'update_options') );
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent