nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to integrate with Wordpress in 2016

Adam Diamond

The last posts on integrating wtih Wordpress was in 2016. Haver there been any updates to this? Our website is on wordpress and we want to integrate our FAQs and support which are on confluence.

Thanks!

EDIT: Adding my comment from below for more visibility:

OK, I think I should clarify what I'm looking for. Sorry for not doing this earlier.

I'm an IT guy who just used Confluence to build a KB in Confluence for external use. I enabled anonymous viewing and commenting so those who aren't in our account can view & search the KB. We just paid a team to reconstruct our website from scratch using wordpress. We want to replace our static support page with one built on the confluence space I created.

We want it to look like it's a natural part of our page and not have confluence branding or the sidebar viewable to our customers. Now, I'm not going to be the one that does that, the people we pay to build the website will do it, I just want to point them to the right resources so they can get it correct quickly. I think, but I'm not sure, that Steven's comment will help them get where we want to go, but is that all I need to tell them? Can we use other stuff confluence makes easy (like the label views)?

Hope that's clearer. My brain always works better at the beginning of the day than at the end...

Accepted answers

Davin Studer

Here is a thought that might work. I've written a user macro that hides all the stuff around the page body of a confluence page when the url ends with "?fameable=true". You could put the user macro on your KB pages and then iframe them into your Wordpress site. That way you can still edit them in confluence and get all the good stuff that Confluence provides, but make it not look like Confluence. Below is the code for the user macro.

User Macro

Macro Name:
frameable

Macro Title:
Frameable

Macro Body Processing:
No macro body

Template:

## Developed by: Davin Studer
## Date created: 04/02/2015
## @noparams
#if($req.getParameter('frameable') == "true")
#set ($p = '#')
&lt;style&gt;
${p}header, ${p}footer, .ia-splitter .ia-splitter-left, ${p}labels-section, ${p}comments-section, ${p}sidebar-container, ${p}main-header, ${p}content .page-metadata {display: none !important;}
${p}main {margin-left: 0 !important; border: 0 !important; padding: 0 !important;}
body {background: ${p}FFFFFF !important;}
&lt;/style&gt;
#end

All comments

Nic Brough -Adaptavist-

Ok, it is still 2016, and which posts are you looking for? Also, what do you want from "integrate"?

Adam Diamond

Sorry. I meant to say that the last integration posts were from 2013:

https://answers.atlassian.com/questions/234905/wordpress-integration

Is there any easy way to embed the pages from our Confluence pages into our wordpress website?

Thanks in advance for your reply.

Davin Studer

And hey you are consistent! You asked the same question about what they mean by "integrate" three years ago.

Nic Brough -Adaptavist-

Ah, ok. Well, it's not really changed since. You'll need to find or build something that can pull from Confluence, reformat, and post to Wordpress.

Steven F Behnke

If you could describe your use-case with sufficient detail we can point you in the right direction

Steven F Behnke

To further expand (instead of my first lame comment) –

I am already authenticated
I know the ID of my page
I request a page using REST
https://confluence.domain.com/rest/api/content/26247264?expand=body.view

Confluence will respond with a JSON package, and inside body.view.value I obtain an HTML representation of my Confluence page:

&lt;p /&gt; &lt;div class="plugin_attachments_container conf-macro output-block" data-hasbody="false" data-macro-name="attachments"&gt; &lt;div class="plugin_attachments_table_container"&gt; &lt;fieldset class="hidden"&gt; &lt;input type="hidden" class="plugin_attachments_macro_render_param" name="pageId" value="31163882" /&gt; &lt;input type="hidden" name="deleteConfirmMessage" value="Are you sure you want to delete the attached file {0}?" /&gt; &lt;input type="hidden" class="plugin_attachments_macro_render_param" name="upload" value="true" /&gt; &lt;input type="hidden" name="outputType" value="display" /&gt; &lt;/fieldset&gt; &lt;table class="attachments aui"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th class="expand-column attachment-summary-toggle"&gt;Â &lt;/th&gt; &lt;th class="filename-column"&gt; &lt;a href="/display/V5220/test?sortBy=name&amp;amp;sortOrder=ascending"&gt;File&lt;/a&gt; &lt;/th&gt; &lt;th class="modified-column"&gt; &lt;span class="propersortedby $sortOrder"&gt;&lt;a href="/display/V5220/test?sortBy=date&amp;amp;sortOrder=descending"&gt;Modified&lt;/a&gt;&lt;/span&gt; &lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/div&gt; &lt;div class="plugin_attachments_upload_container"&gt; &lt;div class="attachments-table-drop-zone"&gt; &lt;div class="drop-zone-empty-text"&gt; No files shared here yet. &lt;/div&gt; &lt;li class="drop-zone-text"&gt; &lt;div class="drop-zone-image"&gt; &lt;/div&gt; &lt;span&gt;Drag and drop to upload or &lt;a class="aui-button aui-button-link browse-files"&gt;browse for files&lt;/a&gt;&lt;/span&gt; &lt;img src="/images/icons/wait.gif" class="plugin_attachments_dropzone_uploadwaiticon" /&gt; &lt;/li&gt; &lt;form method="POST" class="plugin_attachments_uploadform aui hidden" action="/pages/plugins/attachments/doattachfile.action?pageId=31163882" enctype="multipart/form-data"&gt; &lt;input type="hidden" name="atl_token" value="f0a734b5130916dcb8590f7f81ddd49b40341ac2" /&gt; &lt;div class="field-group"&gt; &lt;label&gt;Upload file&lt;/label&gt; &lt;input type="file" name="file_0" size="30" /&gt; &lt;/div&gt; &lt;div class="field-group"&gt; &lt;label&gt;File description&lt;/label&gt; &lt;input type="text" class="blank-search text" name="comment_0" size="20" placeholder="Comment" /&gt; &lt;input type="hidden" name="labels" value="$macroParams.labels" /&gt; &lt;/div&gt; &lt;div class="field-group"&gt; &lt;input type="submit" class="submit aui-button" name="confirm" value="Upload" /&gt; &lt;/div&gt; &lt;iframe class="plugin_attachments_uploadiframe hidden" name="hg8avLUjOxzFy5adFDrjVTNhroBh6sGHXoGTVagm17cZz4ypajGITeGoLheNlIih" src=""&gt; &lt;/iframe&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;/div&gt; &lt;/div&gt;

Adam Diamond

OK, I think I should clarify what I'm looking for. Sorry for not doing this earlier.

Hope that's clearer. My brain always works better at the beginning of the day than at the end...

Nic Brough -Adaptavist-

Yes, that's pretty much a perfect question - it's 100% clear what you want now!

I'd say it's better to answer the new clean one you raised over at https://answers.atlassian.com/questions/39126129

That should see a wider audience than our comments and updates smile

Davin Studer

User Macro

Macro Name:
frameable

Macro Title:
Frameable

Macro Body Processing:
No macro body

Template:

## Developed by: Davin Studer
## Date created: 04/02/2015
## @noparams
#if($req.getParameter('frameable') == "true")
#set ($p = '#')
&lt;style&gt;
${p}header, ${p}footer, .ia-splitter .ia-splitter-left, ${p}labels-section, ${p}comments-section, ${p}sidebar-container, ${p}main-header, ${p}content .page-metadata {display: none !important;}
${p}main {margin-left: 0 !important; border: 0 !important; padding: 0 !important;}
body {background: ${p}FFFFFF !important;}
&lt;/style&gt;
#end

Adam Diamond

Thank you very much. I'll give this a try

Davin Studer

I just updated the user macro to hide a few more elements so that only the content portion is shown when the querystring is applied.

Steven F Behnke

This is interesting, I use a stylesheet to do a similar thing for a few pages. On his new question though he indicates Confluence Cloud though sad .

Nils Bier _K15t_

Hi folks,

Just wanted to let you know that we've released Scroll WordPress Publisher for Confluence Cloud.

With this add-on you can work collaboratively within Confluence and can then publish your blog post to Wordpress to make it available via your blog.
The add-on is currently available for Cloud only, with the limitation that only blogs running on wordpress.com can be published.

We're still collecting feedback from potential users and would like to gather your feedback and improvements.
If you'd be interesting in using it on Confluence Server with your own domain, please get in touch with us via hello@k15t.com.

Looking forward hearing from you.

Cheers,
Nils

unknown

Does this app work for confluence cloud?

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

wordpress