Concrete 5 on Dreamweaver CS5 WYSWYG testing platform
Permalink 1 user found helpful
Has anyone got an installation of C5 working using Dreamweaver CS5 with WYSWYG and live view working. I would love to get it to work as it looks fantastic and you can actually see your php coding visually. But I haven't cracked how to do it. I'd love to hear from anyone if they've got it working and if so how...
Remo is correct. You can't render pages with the Live view and see them as you would in c5 since the pages are dynamically created and not static resources.
However, what I do to speed things up is I create a "template.html" file inside of my Theme folder. This file references all resources like CSS/JS/Image files directly. Then I copy the HTML out of the browser for the page I want to tweak. It really comes in handy when you want to add some CSS to the c5 single_pages.
With Dreamweaver cs5 you even get some minor php debugging stuff like if your php tags are left open or you don't have the proper encapsulation around string, methods, etc. It even has decent inline code suggestion that gives you hints for php functions.
However, what I do to speed things up is I create a "template.html" file inside of my Theme folder. This file references all resources like CSS/JS/Image files directly. Then I copy the HTML out of the browser for the page I want to tweak. It really comes in handy when you want to add some CSS to the c5 single_pages.
With Dreamweaver cs5 you even get some minor php debugging stuff like if your php tags are left open or you don't have the proper encapsulation around string, methods, etc. It even has decent inline code suggestion that gives you hints for php functions.
Well, as I said in earlier post, I have it working, sort of.
If I'm using localhost for instace. In config->site.php
Then what mess things up is the paths to the styles in theme header.php file. So I found out that it is neccesary to change the
to
If not. Dreamweaver will not find it.
I can now use most of the features in Live View. And change the css files within Dremweaver.
Regards
Olle
If I'm using localhost for instace. In config->site.php
define('BASE_URL', 'http://localhost');
Then what mess things up is the paths to the styles in theme header.php file. So I found out that it is neccesary to change the
link href="<?php echo $this->getStyleSheet('main.css') ...?>
to
<link href="<?=$this->getThemePath()?>/main.css" ...
If not. Dreamweaver will not find it.
I can now use most of the features in Live View. And change the css files within Dremweaver.
Regards
Olle
Thanks for the hint on how to update the css and view the results quickly. Could you not do the same thing by using a text editor for the css file and then using the web preview in C5 instead of using DW? I totally agree that a wysiwyg like DW can be a big plus for someone who doesn't have the css tag library committed to his gray cell data bank.
Hi Olleka,
I'm also trying to get a live view of my Concrete5/Dreamweaver running but I'm having no luck. I use Bluehost.com for hosting purposes and I've followed your instructions but I still get the "Dynamically-related files could not be resolved because the site definition is not correct for this server" error. What can I do?
I'm also trying to get a live view of my Concrete5/Dreamweaver running but I'm having no luck. I use Bluehost.com for hosting purposes and I've followed your instructions but I still get the "Dynamically-related files could not be resolved because the site definition is not correct for this server" error. What can I do?
Hi. I changed the site.php file and when I did, dreamweaver found the dynamically related files but when I hit "Live View", or tried to preview it in my browser, I got an error that it could not connect to the database. the site worked fine on localhost when I installed and when I changed the site.php file I got the same error when I tried to access:http://localhost/concrete5521. I changed the site.php file back to the original and I can now connect to the database on localhost, but now dreamweaver will not discover the dynamically related files. Any ideas???
Thank You:-)
Thank You:-)
Seems to work for me ...
What exactly do you have in your site.php and what is the path to your site (ie.http://localhost/???/)?
What exactly do you have in your site.php and what is the path to your site (ie.http://localhost/???/)?
Tools like dreamweaver have quite a big focus on graphic designers and not so much on developers.
This means that most people usually create a file per page in Dreamweaver, something you almost never do if you work with a CMS.
The process would work quite a bit different. First, you create a design in Photoshop or something similar, then you create the HTML code, if you're not familiar with the all the tags, you might use Dreamweaver, that's fine. But then you create a c5 theme and that's it, you don't go back to Dreamweaver, there's no way you could enter any content by using Dreamweaver - it's not a cms, this is what c5 is for.
I think katz has published some dreamweaver extensions to make the process of creating a theme a bit easier. But I've never had a look at it.. But I'm quite sure that the live preview isn't really working due to the reasons I've mentioned above.
It might work for the home page as you don't have to pass any parameters to open it, but I can't see how this could work for a database based system like Concrete5, Wordpress..