Magazine News Block Gutenberg Plugin

Gutenberg has become default WordPress Text Editor right now. The princip is making each as component/block just like page builder which has been exist before. Because it’s new , i just want to experiment for learning purpose creating simple magazine news block builder plugin for gutenberg. It work using ajax for backend. For development i’m using create-guten-block from ahmadawais and learning from other existence gutenberg block. For developing gutenberg blogk , i must install nodejs and learning reactjs library. If you don’t know about React just learn in youtube , there are many good tutorials there.

Choose Magazine News Block
Magazine News Block Setting

Showcase Theme Preview Reloaded

For some days i am looking for showcase theme preview plugin in wordpress.org for showing my future themes Finally i found WordPress Theme Showcase Plugin in wordpress.org , but it was 8 years old and not updated. So i just modify it a little to meet my needs. The plugin is simple and just like my expectation so i add javascript to make it work in post , page and category.

Beside using shortcode  [theme_showcase] , you can use Theme Preview widget on sidebar / footer to choose theme preview which you want

I upload it to wordpress.org so it’s usefull for anybody and can be modified as they need. This plugin is usefull for wordpress theme developer showcase their simple themes.

You can see the demo here : http://reviews.wpamanuke.com/theme-preview/

 

Random Theme WordPress Plugin

After long not programming , finally i get idea to make random theme wordpress plugin

The idea is simple . In wordpress plugin there are a lot of random wordpress plugin just like random post , banner , image , gallery etc but not exist random theme.

So i make it based on another plugin.

After 3 days research and programming  finally i can make it .

I call it Random Theme .

It will display random theme when visitor come to your website. So just choose nice themes for your website at least 2 themes.

You can see the demo here : http://reviews.wpamanuke.com/

HCJ Code Editor WP Plugin for Test your JavaScript, CSS, HTML online

HCJ Code Editor WordPress Plugin is a plugin which  allows you to write HTML, CSS, and JavaScript in realtime and preview the results on the same page. It’s almost same as JSFiddle or Codepen , but more simple. I made it for my collection HTML , CSS , JS Code and practicing my programming. Also i want to organize my simple code based on category and modify the theme.
I suggest if you want to use it , just using in your localhost only and not in production hosting. Because it allow execute javascript
Because it allow output and execute javascript , i think it will not be approved in wordpress.org repository so i upload it in my github.
If you want to download. Just through my github here.
From making this plugin , i learn about


add_filter('single_template','plugin_function_name');

to make custom template theming from plugin , create custom post and how to use ace editor.

Resume CV WordPress Plugin

Create Resume / CV easily with WordPress. Perfect way tools that help you to make positive impression. This minimal and modern design will highlight your most relevant features to get you noticed and create a consistent voice of your personal brand in all communications. To use this plugin :

  • Create a Page and choose Template : Resume CV Template
  • In the admin area . Click Resume CV and do modification than save
  • Just go to page url to see the resul

Features :

  • Profile
  • Contact
  • Qualification
  • Experience
  • Education
  • Hobby
  • Skill

You can download resume cv plugin from wordpress.org.
And you can see the demo here : resume template demo

Amanuke WP PrettyPhoto Plugins

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox. The feature is awesome. But when i try in wordpress theme and and give rel=”” on the href there is a problem on it. After i save the post and edit again the rel become dissapear. That’s why i try to develop wordpress prettyphoto plugin. After 2 days to do some research finally i can make the plugins.
The solution is easy. For rel=”” is replaced with class=”” and the javascript must include hook:”class”. Here is the sample code for javascript :
[message type=”info”]jQuery(“a[class^=’amanuke_prettyPhoto’]”).prettyPhoto({hook: ‘class’});[/message]
and to call the prettyPhoto from html file just do this :
[message type=”custom” width=”100%” start_color=”#FFFCB5″ end_color=”#F4CBCB” border=”#BBBBBB” color=”#333333″]<a class=”amanuke_prettyPhoto” href=”http://domain.com/mypic.jpg” title=””><img src=”http://domain.com/mypic.jpg” title=””></a>[/message]
With the solution above , you can use prettyPhoto in any of your posts.
Anyway if you have no programming skills , just use my WPAmaNuke prettyPhoto plugins , You can download from here :
[button text=”Download…” title=”Download…” url=”http://wpamanuke.com/wp-content/uploads/2012/03/wpamanuke_prettyphoto.zip” align=”left” target=”_blank”]
How To Install
1. Download the plugin archive and expand it if you haven’t already.
2. Put the `wpamanuke_prettyphoto` folder into your `wp-content/plugins/` directory.
3. Go to the Plugins page in your Administration Panel and click “Activate” for WPAmaNuke prettyPhoto
4. Change the settings from WPAmanuke prettyPhoto in the admin area
5. Download PrettyPhoto from http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
6. Unzip then copy this structure on the plugins/wpamanuke_prettyphoto/ folder:
– /js/jquery.prettyPhoto.js
– /css/prettyPhoto.css
– /images/prettyPhoto
7. Have fun with your blog readers.

How To Use

  1. Create New Post / Page
  2. Insert Image from Media Uploader
  3. Just Find Pretty Photo Property
  4. Save The Post
  5. Just See the preview if it works or not

From Step 3

  • Choose Open Using PrettyPhoto = yes (if you want to use prettyPhoto)
  • Url Lightbox Type = image (anything which you like)
  • Fill url image / url link which you want to show
  • Fill LinkGroup with example group1 or group2 etc if you want to make group with the images. Don’t fill anything if you don’t want to group it
  • Click Save All Changes
  • Insert Into Post
Hope you enjoy it. Just give me some inputs to make it better .
Thank you .
Here is the sample :
[one_third][/one_third] [one_third_last][/one_third_last]

1. Download the plugin archive and expand it if you haven’t already.
2. Put the `wpamanuke_pretty_photo` folder into your `wp-content/plugins/` directory.
3. Go to the Plugins page in your Administration Panel and click “Activate” for WPAmaNuke prettyPhoto
4. Change the settings from WPAmanuke prettyPhoto in the admin area
5. Download PrettyPhoto from http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
6. Unzip then copy this structure on the plugins/wpamanuke_prettyphoto/ folder:
– /js/jquery.prettyPhoto.js
– /css/prettyPhoto.css
– /images/prettyPhoto
7. Have fun with your blog readers.