-
Posts
-
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.
Hi JayBlay77!
Have you tried using an iframe?
<iframe src="microsite.html"></iframe>Best regards,
JosueIf 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.
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,
JosueThis 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?
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!
PeterIt 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.
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
- The topic ‘Microsite/Syndicated Content help’ is closed to new replies.