« See all FAQs for RasterPro - Halftone Image Generator
Is it possible to integrate it with Wordpress?
YES!
You need to take a few simple steps.
Create a folder “rasterpro” on your site and put “raster-pro-min.js” into this folder. Any wordpress builder has some component that enables you to enter raw HTML code. It is called either “Raw HTML” or “HTML Box” or something like that. Using this component, enter this code:
Also, pay attention to this line:
You need to take a few simple steps.
Create a folder “rasterpro” on your site and put “raster-pro-min.js” into this folder. Any wordpress builder has some component that enables you to enter raw HTML code. It is called either “Raw HTML” or “HTML Box” or something like that. Using this component, enter this code:
<script src="../rasterpro/raster-pro-min.js" type="text/javascript"></script> <div id="halftone_container" style="width: 100%; height: 600px;"> </div> <script type="text/javascript"> var halftone_image = new RasterPro("halftone_container", { /*settings*/ }); </script>You can replace /*settings*/ with any settings allowed by this application. There are many html-files with ready-made settings in the Examples folder.
Also, pay attention to this line:
<div id="halftone_container" style="width: 100%; height: 600px;"> </div>Values “width: 100%; height: 600px;” are taken as an example. Depending on page layout, to define width and height you can use percentage or pixel values. Here are few examples:
<div id="halftone_container" style="width: 100%; height: 600px;"> </div> <div id="halftone_container" style="width: 100%; height: 100%;"> </div> <div id="halftone_container" style="width: 1000px; height: 100%;"> </div> <div id="halftone_container" style="width: 1000px; height: 600px;"> </div>