Participant

Question

Using Dreamweaver to edit a Joomla site

Forum|Forum|16 years ago
February 24, 2010
3 replies
34667 views

Can someone explain how to set up a Joomla site in DW so that it will display in Design Mode.

I am using MAMP as a testing server and have opened a Joomla site in DW, but it will not display in Design mode. When I use Preview (selecting external browsers) the site works fine.

BTW, I have created another small (one page) php/mySQL site that works in DW using the same MAMP testing server setup, but it is one I started in DW from the start.

Also, is there any current information on how to use DW to create your own Joomla Template?

Thanks for any guidance. I am using DW CS4, Mac OSX 10.6, Current MAMP config, Joomla 1.5.15.

Server side applications

This topic has been closed for replies.

Freedom_942

Participant

You can also copy a php file from Joomla files located on your localhost in htdocs or download a copy from your live server in public.html. Then drag copy into DW editor and edit the file in DW and click Save. (Keep the name of the file the same)

Then Save that file in a seperate location where you can store it for safe-keeping and upload it to live server or localhost to replace the same name php file.

Be sure to save a copy of the original php file in case you need it again.

J

jen4web

Participant

You can use DW to create your own Joomla template. I covered this in my Lynda.com video, "Joomla! Creating and Editing Custom Templates", http://www.lynda.com/home/DisplayCourse.aspx?lpk2=666

I am using DW CS4 in that title.

Jen

David_Powers

Inspiring

N Scott wrote:
Can someone explain how to set up a Joomla site in DW so that it will display in Design Mode.

You can't. End of story. It's a feature that quite a few people have asked for, so it's possible that this ability might be added to a future version of Dreamweaver, but the only way to handle WordPress, Joomla, or Drupal in Dreamweaver at the moment is to make a static HTML version of a page, and work with that. But Dreamweaver is not currently capable of displaying the output of a CMS in Design view.

A

Anonymous

I too am looking for ways to edit my Joomla site. Dreamweaver CS5.5 seems to offer a new range of possibilities for Joomla users.

I have downloaded an evaluation copy of DW 5.5 and have setup a local MAMP testing server. I have successfully previewed my main index.php page using the new Live View feature (but no other content) and can display dynamically-related pages in the DW user interface.

I would like to see how else DW can help me to make changes to my site. A start would be how to preview other dynamically-generated content.

Any suggestions?

Thanks in advance, Gerry

J

Jen Kramer

Participant

Hi Jen

Thanks so much for your comprehensive response.

The main thing I want to achieve is this:

I use a 3rd party Joomla extension to manage the display and booking of holiday accommodation venues. I am not happy with the user experience and want to make some design and functionality tweaks.

While I am quite fluent with html and css, I am only 'somewhat' familiar with php. Further, the third party extension I have had developed was prepared by a Frenchman and he has used much of his mother tongue in the coding - I do not speak or read French.

I hope to use Dreamweaver to render a 'page', see all the bits of code that make up the page, then identify what code snippets I need to work with. For example, to move a 'booking button' to the top of a page, or to move the display of property availability information to the top of the page.

I read that Dreamweaver's user interface will allow the display of 'page' contents however so far I can only seem to do this successfully with the template's main index.php page. Do you think that Dreamweaver will be able to help me with this project? Will your videos help me? If so please send me the URLs to the videos.

Thanks so much in advance, Gerry

Gerry --

Joomla's template index.php file pulls in information from all over Joomla to display it. That includes modules, components, plugins, and information from the template itself. That's why there's usually 150 files that contribute to a single page.

Having said that, your method for identifying where to make the change in Dreamweaver may or may not work out -- it's definitely worth a try, but my concern is that DW won't accurately show where the change needs to be made due to the number of files involved. In any case, you will definitely want to read up on the template/layout override process, so you can change the interface without it being overwritten in the next Joomla or extension release. That's described in the Joomla documentation here: http://docs.joomla.org/Layout_Overrides_in_Joomla_1.6

Note that most documentation is written for Joomla 1.6, but you will find it works fine with Joomla 1.7. Joomla 2.5 will be released in January, so be aware that's coming as well (and another reason to be sure you future-proof your site by overriding files correctly).

My videos will help show you how to configure DW/Joomla to work together, and it will walk you through the process of doing a template override and a layout override. However, you may find you'll want to hire an engineer to move the layout around, after which you could tweak it with CSS to make it look pretty. The code is pretty complex, and depending on your background and skills, you could find it intimidating.

Before you ever start this type of work on your site, be very, very sure you have a backup -- it's likely you will needed. A better approach is to make a copy of the site and work on the copy. When you have finished, you can transfer the relevant files you've changed. Remember to back up the files that make up the site as well as the database -- many old DW designers remember to back up files, but all of the site's data is in the database. Akeeba Backup is an excellent, free extension, and it will allow you to make this backup quickly and easily: www.akeebabackup.com

My lynda.com tutorials (there are 7 now) are located here -- http://www.lynda.com/Jen-Kramer/203-1.html

Jen

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded