My Personal Junkyard

WordPress Custom Fields Plugin Snippet

A little snippetto show how customer fields works in WordPress Expected Usage

Class

WordPress form submission

add_action( ‘admin_post_nopriv_submitform’ : Triggered by wordpress upon form submission on non-authenticated users. add_action( ‘admin_post_submitform’ : Triggered by wordpress upon form submission on authenticated users.

WordPress Timber Theme Post Page Workflow

A little snippet of how the post/page works on Timber theme You kind of forget how things work if you don’t use it for a while. Here is a little visual snippet for myself.

WordPress Plugin Template

An updated version of the plugin template workflow

A visual note of how this works

MySQL function to remove HTML entities

PyroCMS to WordPress Migration Tutorial

Exporting PyroCMS data There are 3 things we need from PyroCMS All the posts Files meta data. Files 1. Exporting all posts Go to your-website.xyz/admin/streams -> Select your table -> Manage -> Backup Stream Table. Repeat the process until you have selected all tables. 2. Exporting files/images meta data (eg. featured images) Go to your-website.xyz/admin/maintenance […]

Register custom CSS to admin panel in WordPress

How to apply custom CSS in the WordPress admin panel In your theme folder, open functions.php Add the following code:

Reference: admin_head | Hook – Developer WordPress

An Ultra Minimal Guide to Deploy Nuxt SSR

An Ultra Minimal Guide to Deploy Nuxt SSR This short tutorial will be using Zeit Now to deploy Nuxt SSR application. An Ultra Minimal Guide to Deploy Nuxt SSR Expected Usage Steps Create a zeit account Install Zeit Now Login via terminal Create Nuxt App Add Now Builder for Nuxt.js Make sure Now have the […]

Publish Vue component as NPM Package in 5 minutes…

Publish Vue component as NPM Package in 5 minutes… Publish Vue component as NPM Package in 5 minutes… Expected Usage Steps Folder strcture package.json ./src/index.js ./build/rollup.config.js ./src/my-component.vue Serve Build Publish Expected Usage In your Vue app

Steps Folder strcture Generate the following directory structure in your project folder.

package.json Minimum setup for package.json. […]

Back to top