• Registered: 2014-06-02
  • Posts: 11

Topic: WordPress Gutenberg block [SOLVED]

I've two questions:

1) Which WordPress Gutenberg block would I use to post my baseURL code?

2) When working on a "localhost" site (a WordPress website hosted on my computer for testing purposes), where in my local directory would I place my Juicebox gallery?

Thanks

Mike

  • Registered: 2012-04-24
  • Posts: 5,924

Re: WordPress Gutenberg block [SOLVED]

(1) Enter your gallery's baseUrl embedding code into a 'Formatting -> Custom HTML' Gutenberg block.

(2) Upload your gallery folder to your root directory and use a leading slash in your embedding code paths to denote your root directory. This should work with any permalink structure. For example:

<!--START JUICEBOX EMBED-->
<script src="/gallery_folder/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: "/gallery_folder/",
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "600",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

I hope this helps.

  • Registered: 2014-06-02
  • Posts: 11

Re: WordPress Gutenberg block [SOLVED]

It most certainly did. Thank you, Steve. Please marked this thread solved.

Mike

  • Registered: 2012-04-24
  • Posts: 5,924

Re: WordPress Gutenberg block [SOLVED]

It most certainly did.

That's great! Thank you for letting me know.

Thank you, Steve.

You're welcome!

Please marked this thread solved.

Done!