Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #176684

    I’m really not sure on the proper terminology. For my business I have a vendor partner and they provide materials for a “microsite” such as HTML, JS, and CSS files. It’s just a single page that has some tabs and I want to display this within a page on my wordpress site. So I still want my header and footer, but in the main content area there would be the microsite or syndicated site, whatever it’s supposed to be called.

    I’ve seen this done with pure js that I’m assuming pulls from another server the actual html andsuch to display it. But this particular vendor doesn’t have it set up to do that and instead has the source files.

    #176859

    Hi JayBlay77!

    Have you tried using an iframe?

    <iframe src="microsite.html"></iframe>

    Best regards,
    Josue

    #176891

    If I were to use the iframe method how would I include the necessary js and css files? I assume the proper way is for them to be loaded is through one of the php files, but I wouldn’t know how to do that.

    #177105

    Hi!

    You wouldn’t need to do that, those files would be included in the iframe, do you have an example of one of these ‘microsites’?

    Best regards,
    Josue

    #177167

    That would be great actually!

    #177168

    Hello!

    Do you have an example of one of these ‘microsites’?

    Regards,
    Josue

    #177738

    This is what I want the content between the header and footer to look like: Correct with no enfold. It’s just an html file that has references to the css and js it needs.

    This is what it ends up looking like: Enfolded

    I have the enfolded one running as a child theme where I use the child functions.php to put in the js and css necessary for the html file using the wp_register and wp_enqueue functions. It’s also set up only to run for the hitachi page. And it mostly works, the tabs work (although there spacing isn’t correct), most of the styling is there, but there are paragraphs out of place and the content header images aren’t lined up and the fonts aren’t loading properly either. What I imagine is happening is the css from enfold is affecting the main content area. What I need is to have the enfold header and footer menus, with correct looking content between them. And I apparently don’t know how to do it.

    Can you help?

    #178309

    Hey!

    Please try to use an iframe to embed the html document. You can use a generator like: http://7thspace.com/webmaster_tools/iframe_generator.html

    Just switch to the “html editor” and insert the iframe code. You don’t need to insert the js/css files because the iframe will load it automatically. The only limitation is that you can’t “share” the javascript/css code between the frames. I.e. you can’t use a js function from the iframe with Enfold and the Enfold code won’t work in the iframe but the advantage is that the theme code also won’t mess up your website ( http://192.210.206.48/hitachi/hitachi.html )

    Cheers!
    Peter

    #178342

    It works from a display perspective. The main issue I have, is from an seo standpoint. My understanding is that search engines don’t crawl iframes, and the content in the iframe is definitely something that I’d want to be crawled as it links us to a major company/vendor.

    Thanks for all the help.

    • This reply was modified 10 years, 5 months ago by JayBlay77.
    #178351

    Hi!

    Then I recommend to hire a freelancer (i.e. here: http://www.microlancer.com/ ) who can help you to style your “microsite” content for the Enfold theme. Afaik Google will index the content (see: https://support.google.com/webmasters/answer/34445?hl=en ) – especially if you don’t use a multidimensional iframes (iframe within an iframe).

    Cheers!
    Peter

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Microsite/Syndicated Content help’ is closed to new replies.