Skip navigation
Currently Being Moderated

How can i integrate Wordpress in my Muse website?

Mar 16, 2013 1:45 PM

Tags: #php #wordpress

After trying different things, i still can't figure out how to integrate a Wordpress blog in my Muse website... I can't seem to find an easy way by iframing or by changing html codes...

 

On wordpress website they are saying it's possible by adding a php code into a current PHP page... but muse only does HTML . and just renaming the page in PHP doesn't work neither... Has anyone succeeded doing this?

 

Wordpress is used a lot, it should be one of the features of Muse..

 
Replies
  • Currently Being Moderated
    Mar 16, 2013 3:02 PM   in reply to Motion and Design

    I think you answered your own queston

     

    On wordpress website they are saying it's possible by adding a php code into a current PHP page... but muse only does HTML

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 16, 2013 3:07 PM   in reply to Motion and Design
     
    |
    Mark as:
  • Currently Being Moderated
    Mar 25, 2013 9:31 AM   in reply to Motion and Design

    I am working on a similar problem now. I am creating a website that contains mostly static pages, but one page is a dynamic, blog style page. I am trying to get the look and feel of my other pages to be transferred to this page as well, but am unsure about the best way of achieving this.

     

    Does anyone know of a way to property extract header and footer information from the html files that Muse generates and transfer it to php for the WordPress page? I think this would allow WordPress to look like the rest of my site, but unfortunately I do not know how to get that header and footer information from html and make it php.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 26, 2013 5:00 AM   in reply to Motion and Design

    Hi

     

    This is not really a fix but what we did at Things & Ink.

     

    We built the main site using Adobe Muse to give Things & Ink magazine a web presence on mobile, tablet and desktop.

     

    Our strategy behind integrating a blog into the website was simply displaying a RSS feed on the homepage.

     

    Currently the blog is still hosted with Wordpress but we really want to move everything to Busincess Catalyst and use their blogging engine but we cant because at the moment the BC is not natively supported in Muse. We are hoping the MonkeyBar Advance CMS Intergration is our solution which we are currently trying to work out. (http://tv.adobe.com/watch/muse-feature-tour/muse-advanced-cms-integrat ion/)

     

    http://www.thingsandink.com/

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 26, 2013 4:57 PM   in reply to parestailor

    @parestailor

     

    What you have done for Things & Ink is adequate for what I am trying to accomplish. Would you mind sharing the steps for achieving this? Your help is greatly appreciated!

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 27, 2013 4:04 AM   in reply to Brandt Hewitt

    @brandt

     

    Sure, we are using Google Feed's API.

     

    See here:

     

    https://code.google.com/apis/ajax/playground/#feed_control

     

    I recommend you click Edit HTML (top right corner). Read through the code and hopefully you should be able to gain an understanding on how its working. Lines 24-25 are probably the most important ones. Remove line 25 if you just want one feed.

     

    If you use the default template Google Feed's API has to offer...

     

    Lines 1-31 go in to the "Meta description" section of the page.

     

    Lines 32+ go where ever you wish on that page, remember to embed this content as HTML. "Insert HTML"

     

    If i manage to work out MonkeyBar Advance CMS Intergration i will share!

     

    P

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 28, 2013 1:22 PM   in reply to parestailor

    @parestailor

     

    See link below; this is actually what I want to do. See how their navigation at the top of the page looks like every other page on their website, yet they have blog-style posting? This is EXACTLY what I want to achieve, without being redirected to another site. I am having difficulty because the RSS does not want to display images. Is there away to achieve this by embedding an HTML?

     

    This is all to make postings to the page without using Muse, and I'm open to any blog format that will allow pictures and text (Blogger, WordPress).

     

    Any tips on this?

     

    http://www.tannergoods.com/blogs/news

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 9, 2013 3:09 PM   in reply to Brandt Hewitt

    I understand what you're saying, and I know exactly what you're trying to do... Good news, I can help!

     

    Use one of the Wordpress themes that is pretty basic; like a white theme.  Customize it as you please.

     

    Go to Muse and open up your "blog" page.  Design the header as you please. 

     

     

     

    Click "Object" > "Insert HTML..."

     

    Paste this code

     

    <iframe id="myIframe" src="http://socialmediasaver.com/blog/" height="2000" width="1500"<FRAMEBORDER="0" FRAMESPACING="0" BORDER="0" NORESIZE scrolling="no">

     

     

    </iframe>

     

     

    What you are doing, is creating a seamless i-frame that has no borders.  This is the easiest way to accomplish what you're looking for without having create many php scripts.

     

     

    Hope this helps!

     

    http://www.SocialMediaSaver.com

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 22, 2013 7:33 PM   in reply to SocialMediaSaver

    @SocialMediaSaver so WP files would be loaded to the source URL (ie: src="http://socialmediasaver.com/blog/")? 

     

    In other words, we insert the destination of the WP files?

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 12, 2013 12:31 PM   in reply to SocialMediaSaver

    Hi, this is a nice solution, however scrolling does not work on iOS devices (like iPad, iPhone). any bug fix for those devices available?

     

    thanks for your help,

    Markus

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 19, 2013 8:56 PM   in reply to Brandt Hewitt

    I looked at the tanner website my iPad and it was a mess.  I guess it was not optimized for the iPad.

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 20, 2013 7:54 AM   in reply to Motion and Design

    You can find solution for your question if you watch the next Jam Session on the 24th of October

     

    https://www.facebook.com/events/397318610394491/

     

    Best Regards

     

    TaikaJim

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 28, 2013 1:48 PM   in reply to Motion and Design

    Hi There.

     

    So the solution for this requires two things. Well actually you could do it in your OS's build in explorer and the text editor of choise, but that would take ages to complete.

     

    So how do we quicken up the process, and what do i actually want you to do here. Well...

     

    .html files can be converted into .php files with no loose whatsoever. The reason it breaks a site created in Adobe Muse is because the code generated by Muse refers to .html files and not .php files. So you need to rename ALL your .html files to .php AND you need to do the exact same within your documents.

     

    What you'll need is: A program that can rename multible file at once, and another to find and replace within multible files

    I used these

    Adobe Bride

    Dreamweaver

     

    Here is a guide for you to convert your site Adobe Muse site into a fully functional php site.

     

    +++++++++++++++++++++++++++++++++++++

    +     REMEMBER TO BACKUP YOUR WEBSITE  +

    +++++++++++++++++++++++++++++++++++++

     

    First we rename the file extentions...

     

    1. Open Adobe Bridge.

    1. Within Bridge navigate and select all the folders and files that was created when you exported your Muse website as html.

    2. Now go to Tools>Batch Rename.

    3. In the window that opens find New Filenames.

    4. Set option one to String Substitution and Option two to Original Filename.

    5. In the Find: test field enter .html and in the Replace With: text field enter .php make sure 'replace all' is cheched.

     

    Now all your html files has been converted into fully functional php files, that could be integrated into wordpress.

    But your site is currently broken, cause all the links on your website still looks for html files.

     

    To get around this you'll need a program that can find and replace on multible files. I Used Adobe Dreamweaver. And this is how it's done in Dreamweaver.

     

    1. Open Dreamweaver.

    2. Edit > Find and Replace...

    3. In the window change Find in: to Folder...

    4. Select the folder where your Muse website is stored.

    5. In the Find: field enter .html in the Replace: field enter .php

    6. Press Replace All.

     

    All done. Your website is now a fully functional php site, that can run php code. You will now be able to integrate wordpress into your website.

    See: http://codex.wordpress.org/Integrating_WordPress_with_Your_Website

     

    Jacob

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 29, 2013 12:39 AM   in reply to Motion and Design

    Hi Jacob!

     

    You know that Muse doesn´t accept php code!

    How do you insert Wordpress php code into Muse (Muse is based on html)?

    We are very interested to know how do you make this trick in practice (maybe a video tutorial)?

    I point out that here is a question about blog from Wordpress into Muse, not opposite.

     

    Best Regards

     

    TaikaJim

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 30, 2013 3:50 AM   in reply to Wussypants

    Have you got any links to websites where this has been achieved please?

     

    Has anyone else had success with wordpress?

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 30, 2013 6:38 AM   in reply to J Yas

    Basically my client required to add news post by him self, and what better way than Wordpress is there for that.

     

    I am running a local website using the MAMP server that utilizes php, but was built in Adobe Muse that generates only html. I've installed wordpress onto the website, and has indeed used php code to integrate the website with my wordpress installation.

     

    I'll upload a full how-to video guide on how convert your site into a php enabled website, and integrate it with wordpress, when i get home. Stay tuned.

     

    /Jacob

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 30, 2013 6:51 AM   in reply to Wussypants

    Cheers jacob. Looking forward to it....

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 30, 2013 7:47 AM   in reply to Wussypants

    Hi Jacob!

     

    The thousand-dollar question is how do we integrate a Wordpress blog or even a Wordpress website into Muse. This is much more interesting issue!

     

    Best Regards

     

    TaikaJim

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 30, 2013 7:52 AM   in reply to taikajim

    Now we are talking!!!!!

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 30, 2013 11:34 AM   in reply to taikajim

    What do you mean by integrating it into Adobe Muse. If you mean integrate it into the program it self? That is not possible. You could do it with an iframe, but it's a horrible solution, that nobody likes..

     

    You would need to request that feature from Adobe. The chances for that to happen is same, as your chances to win the lotteri tomorrow.

     

    Instead you wanna look at Adobe Business Catalyst, which is much like the wordpress.com solution, where you website is stored in the cloud. It's primarily targetted towars small businesses, but anybody can you it really.

     

    Adobe Business Catalyst is integrated into Adobe Muse. I've neved used it, so don't blame me if it sucks!

     

    Stay tuned for the video, it'll be up soon.

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 30, 2013 1:15 PM   in reply to Wussypants

    So i just realized, that it'll take two hours to upload the video... My upload speed is a horrible 50 kb/s

     

    I will upload it tomorrow in school.

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 31, 2013 12:46 AM   in reply to Wussypants

    Here you go...

     

    The wordpress part will be up soon enough.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 14, 2013 7:07 PM   in reply to taikajim

    Did you even read his tutorial?

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 15, 2013 6:15 PM   in reply to Wussypants

    Thanks Wussypants.... that was a really helpfull movie! Can't wait to see the next part.... PHP to Wordpress.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 24, 2013 1:24 AM   in reply to fuelstudio

    Alright there. So i've been rather busy lately. Both school and a part time job that requires the time of a full time job, can sometimes limit your time. Anyways. I hope to put the wordpress part up soon enough. Though i must say, if you've manually set up wordpress before, and have just a slight knowledge of coding, you should already now be able to take advantage of the wordpress database.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 30, 2014 2:25 PM   in reply to Wussypants

    Very interesting I'm excited to see the wordpress part.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 11, 2014 6:28 AM   in reply to Motion and Design

    I am currently working on a solution for exactly this problem. I have a WAMP testing server, and I am using a skeletal WordPress theme (http://themble.com/bones/) as my "framework". I built the entire site using this flow: PhotoShop > Adobe Animate > Muse [this makes up the basic, functional HTML site] - I then created a new Dreamweaver site and assembled copies of all of my files there for work. Once I had the site functioning on my WAMP server, I pulled the Muse files apart using NotePad++ into Header/Page/Footer sections. Previously in Muse, I marked areas for these things using the "Insert HTML" function. I was able to easily assemble the HTML site pages in WordPress by using template pages. Here is an example of how I structured the pages:

     

    HTML SITE:                                   WORDPRESS SITE:

    index.html                   >>               [header-home.php] + [page-home.php] + [footer-home.php]

    contact.html                >>               [header-contact.php] + [page-contact.php] + [footer-contact.php]

     

    and so forth. It is a little extra work but once you learn to "tag" sections as you create in Muse and then reassemble in Dreamweaver and NotePad++ it works just fine. If you do it correctly, you get the full benefit of WordPress and all its functions but retain the exact look and feel of your site as you designed it. The site is currently on my testing server while I check stability and platforms, but once I have it working I will post a link for everyone to look at.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 11, 2014 6:50 AM   in reply to Demon20

    This looks promising... Will keep an eye out for further developments

     

    Nice video tutorial would be beneficial

     

    Thanks anyway for the post

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 11, 2014 7:03 AM   in reply to J Yas

    Additional tip on this process - if you have headers and footers that are the same across multiple pages, you can create header-common.php and footer-common.php files which will speed up your work process in WordPress. Make sure you tag the "get_header( )" and "get_footer( )" function calls correctly for each page-[name].php, or WordPress will just call its fallback "header.php" or "footer.php". Be sure to check that all your scripts for any given page are in the correct places (which is why I like to create individual headers and footers).

     

    Working on a vid tut.....

     

    Thanks, J Yas

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 28, 2014 4:35 AM   in reply to Demon20

    I look forward to a video tutorial..

    thanks your work is precious.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 18, 2014 2:51 PM   in reply to Demon20

    Could you go a little more in depth about this? I would absolutely love to see a video tutorial.

     

    If you're too busy to make one, then you could explain the process more to me, and I'll make the tutorial for everyone else.

     

    Thanks man. I'm really looking forward to getting this to work. This is the only place I've found where someone has said they made WordPress work with Muse.

     

     

    Awaiting your reply :]

     

     

     

    ~ Jak

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 18, 2014 3:36 PM   in reply to JakRazzi

    Sure. I am not able to pop a video tutorial right now but I can give you a brief explanation. First you have to have a good understanding of the WordPress framework and PHP, and you need to understand the files Muse produces as well. Are you good to this point?

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (3)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points