Editing a wordpress theme in Dreamweaver

Hi there I have been looking every where for help on how to
setup a wordpress theme in dreamweaver. So that I could edit it in
Dreamweaver which would be so much easier. The main reason is so
that I can add and delete what I want and make a theme better and
also my own!

Consider using the Dreamweaver extension, ThemeDreamer. It
turns Dreamweaver into a WYSIWYG editor for WordPress themes. Open
just about any WordPress theme to get a visual approximation in
Design View. It's great for customizing CSS, drag n' drop/position
blocks of code (just like you did with html in Dw), while easily
navigating code in CodeView, eliminate the need to guess/parse
multiple files (header.php, etc.) that make up a theme. Bonuses are
code hints, context sensitive documentation via the property sheet,
no server required (work offline), etc. Sure, Design View is just
an approximation but it sure beats the heck out of trial n' error
for doing design.
Without it, you're missing out on alot of Dw's potential with
WordPress. Before/after screen shots speak for themselves:
http://www.themedreamer.com/demos
Hope that helps!

Similar Messages

Editing a WordPress theme with Dreamweaver

I am a Web Designer based out of Los Angeles Ca and we are always being asked to create new wordpress sites and maintain the sites. Would it be a good move to start using Dreamweaver to edit wordpress Blogs?
Save time using it?

There are solutions available for helping you manage WordPress sites, some of which support Dreamweaver. Check out ServerPress.com; I believe their virtual server product supports Dreamweaver in that it creates Dreamweaver site definitions and views. Whether this would save time over using WordPress's built-in design tools depends a lot on you. If you're already a Dreamweaver pro and very used to working with it, then yes, it probably will save you time, especially if you're not at all conversant in PHP.

How do I edit a WordPress site in Dreamweaver?

I found a pretty good article on how to install WordPress to a localhost and run a site made locally on a test server through Dreamweaver (http://www.adobe.com/devnet/dreamweaver/articles/dw_wordpress_pt1.html), but it leaves a lot unanswered. Like...
1. Okay, now I've built a WordPress site locally, how do I upload it to my webserver?
(When I upload it to my ftp, it's broken. I suspect that this is because the scripting is set to work on my localhost MySQL & phpMyAdmin and not my webserver's)
2. If I already have a WordPress site up on my webserver, can I download it to my localhost server so I can edit in Dreamweaver and my local machine, and then upload it later to my webserver?
Thank you everyone! Your help is highly appreciated!

i am only new at dreamweaver...however, i have spent quite some time with Wordpress and Joomla website building.
Plese note... In an effort to explain my thoughts (which if left in their original state...only make sense to me really) i use the term "articles" below very loosely as Wordpress is not just a blogg platform anymore.
The two platforms serve different purposes. Wordpress is a publishing platform...Dreamweaver is a design program. Dreamweaver on its own, would be a very slow and cumbersome way of publishing articles on a Wordpress site. Dreamweaver on its own, is oriented towards creating the entire Wordpress CMS itself...not the "dynamic content" that goes on the Wordpress Site (dynamic meaning published information that is regularly being added/edited/deleted) .
What you really should be asking is, "how can i edit/develop Wordpress themes in Dreamweaver?" Now that, Dreamweaver can do.
Just slightly off topic, have you thought about building your websites using Adobe Muse instead. Its much faster and a lot simpler to use than dreamweaver and a great drag and drop design interface! Almost no coding required. You wold not be using Wordpress of course, and the content isnt dynamic, but Muse is soooo easy to build sites with!
Could i make a suggestion that i myself have undertaken...Purchase a monthly Adobe Creative Cloud plan(to get access to a heap of Adobe CC programs) + $39US/month Lynda.com tutorial package.
Even if you just use the lynda training for a single month only (you only pay by the month as you go)...you will learn an enormous amount about the Dreamweaver, Muse, Wordpress...and a huge number of other programs.
Best money i have spent in Info Tech in a long time
kind regards
Adam

Trying to edit a wordpress then in dreamweaver cc with mamp but things don't work out. dreamweaver can't establish connection with my server.

Trying to edit a wordpress then in dreamweaver cc with mamp but things don't work out. i've been searching through the net bt i didn't find an answer. i've followed many tutorials and did exactly the things that was asked but dreamweaver can't establish connection with my server. here's a few pics with the preferences i'm trying to establish a connection. Note that i tried it without "localhost" in the weburl. mamp is running with apache and mySql. Anyone please.

Hi Gareth,
See if the following link helps:
<a href="https://www.sdn.sap.com/irj/sdn/thread?threadID=174271">https://www.sdn.sap.com/irj/sdn/thread?threadID=174271</a>
Bye
Ankur

How do I edit a Wordpress theme - Greyed out?

Hi,
I'm new to Dreamweaver and have just successfully setup my Wordpress Site to run in dreamweaver through MAMP.
Using the properties box on the side, I've been able to successfully edit the single line text boxes on my theme.
I am unable to edit any other part of my theme however. Everything I click on the website has all of the options "greyed out" within the properties box.
1) I'm sure this is probably something quite basic, but how do I edit the properties if they're greyed out?
2) Also is there a way to copy the properties from one area to another? "Enter Your Email" is in the same font as "Enter Your Message", but they're displaying differently and I'd like them to match.
3) The menu's on my theme adjust based on the width of the device. On the narrowest width however, they aren't quite lined up correctly. I can't see anything in the properties however (such as margins being used). How would I go about correctly aligning these to the centre?
Thanks Jake

Most wordpress themes have options that can be changed from within the dashboard, a lot of commercial themes even use 'page builders' that offer a GUI to construct new pages. Be careful when making changes to a template if your not sure what your doing as this can break functionality.
As MurraySummers states most pages are constructed on the fly and use a series of templates- header.php/footer.php etc as well as a series of child themes - page.html etc to construct the pages you see on the screen. The only page that exists in wordpress is index.php. Everything is routed using .htaccess and URL rewriting.

Can I edit a WordPress theme on a remote server with DW CS5?

I'm sure this isn't that difficult, but I'm going nuts trying to figure it out.
How do I tell DW CS5 to open my WordPress theme on a remote server so I can edit it using all the great new features? I'm not using my "real" blog/site for this.
I have gone through the tutorials to set up a local testing server, but I'd really like to be able to edit on my host too. It's got to be possible, but I'm just not finding the answer. Please help!

I use Dreamweaver CS4 to work on remote WordPress themes/sites all the time and it works very well.
I never bother setting up a testserver on my local machine since I work from different locations, so I work directly on the remote server from wherever I am.
I will try to give you step by step directions:
(I am on CS4 so it may be a little different for you but the basics will be the same),
Set up your site with site/manage sites/advanced
For the Local root folder you give the folder on your hard drive where you keep your files
Set links relative to document.
For Remote info set access to FTP
FTP host will be ftp.yoursite.com
Host directory is the path to your theme folder, in my case that is httpdocs/wordpress/wp-content/themes/mytheme/
Then give your login and password and check "use passive FTP"
check "maintain synchronization information" and "automatically upload files to server on save".
For testing server check "none"
For version control click "none"
(it could be a good idea to use version control through subversion but for a one-man operation it may be a little overkill, we leave that for now to keep things simple)
For cloaking check "enable cloaking", check "cloak files ending with" and give the file extensions of the files you keep in your local folder for building your website but don't want to be uploaded to your remote server, like .fla .psd .set .rtf .doc etcetera.
Now you are ready to start working on your theme.
In your files panel you can switch from local view to remote view. You can use the "get" and "put" commands (the arrows) to move files from local to remote and vice versa. I always work with child themes*. So in my theme folder there will be only a style.css file, a functions.php file, maybe some template files and an images folder. I use my local style.css file to make changes. On save, they are automatically uploaded and Dreamweaver also handles the "dependent" files, like images. No need to bother about that, really easy. Use the browsers on your machine to check your site.
The downside of working on a remote server is off course that if you make a mistake you will mess up your site. Luckily, in this setup you can just use "undo", save the file and you are back to were you were, as long as you work on your local files (and let DW upload those automatically after you save)
For safety and convenience, I keep all my local files in a Dropbox** folder. Everytime I save the file, a version is saved. So I can always go back to versions I made hours, days or weeks ago. If you're on a mac you could also use timemachine for this, but timemachine only backups every hour, where Dropbox keeps every copy you save(as long as you have enough free space in your Dropbox that is)
To sum it up:
• Setup your site with Site/manage sites
• work locally and let DW automatically upload the files you edited to the remote server
• setup your local machine so that versions are kept with Dropbox
• work on child themes instead of making changes to the original theme
• use a browser to view your work
* child themes are the easy and clever way of working with themes.
see: Working with Child Themes
** Dropbox is a free backup, file sync and filesharing utility.
Get a free 2Gb plus 250MB bonus account here:Dropbox Invite

How to edit wordpress themes using dreamweaver?

Can anyone help me understand how to do this. and is this the best way to do it or should i be using a different program? Would really appreciate some help.

Have a look at ThemeDreamer, a WP Extension for DW users.
http://www.themedreamer.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

How do I set up Dreamweaver CS5.5 to live edit Wordpress Themes?

What do I need to do to use Dreamweaver CS5.5 to edit Wordpress? I have NAMP installed on my computer and I managed to get it working. However, I am unable to display any Wordpress Themes.

Have you been through these tutorials?
Editing a WordPress theme with Dreamweaver CS5 – Part 1: Learning the basics
http://www.adobe.com/devnet/dreamweaver/articles/dw_wordpress_pt1.html

Muse ability to create / edit Wordpress themes

To start with I'm a graphic designer who knows html / css (intermediate level) and I have experience with wordpress but i'm not a pro with it, my clients want me to design wordpress website as most of them are familiar with it, I would like to state that although Adobe has Business Catalyst as an option for CMS, but my clients are more inclined towards Wordpress almost 90% of them.
Adobe has provided support to wordpress code and we can even edit / create wordpress themes in dreamweaver cs6, I would like to have the same feature integrated into Muse. Ability to create Wordpress themes or atleast to edit them, I can assure adobe that a lot of Graphic Designers like me are in search of a tool that can able them to create wordpress sites without going too much into the code.
I have been using Headway theme framework for Wordpress right now but still I have more command of design in Muse rather in in Headway, with muse i can design as i will but with headway there are aesthatic limitations which i can't overcome as in intermediate level developer.
My Idea for Adobe Dev's is guys please add the ability in muse to create / edit wordpress themes. You guys have given that Ability in Dreamweaver but I would like to see that in Muse As well so that it benfits graphic designers like me.
Thanks

note: I did provide a simple sloppy solution at the bottom of this novel. But what needs to happen IS going to happen. Why?
J.....D.......I.
Sorry Adobe, but you're gonna be busy next Friday. Every Friday. Forever. But we love you for it
My humble opinions
From a customer benefit point of view, a wordpress template that they can update themselves isn't possible in Muse as far as I know, but it's nice to be able to design a site to specific standards when the customer is picky and too involved.
I know better than to let this happen but it happens regardless when you're a small fry in this business.
From a dev point of view I think it's pretty good for my level of coding:
(HTML, CSS, I'm loving these widgets, barely understand Javascript, PHP, Actionscript, and Python, my SEO and hosting skills are good and up to date for small sites and local ranking.)
I haven't NOT been able to find a widget for everything I've been requested to integrate,. There are so many and more every day. But many times the look and feel of the widget is an issue for the client. And most often, the ability for them to manage content is a deal breaker with many clients.
From a design point of view, It KICKS ***. I already had years of InDesign, Dreamweaver, PS, AI, and recently Behance and Prosite under my belt and I have the full CC suite. So the first time I used Muse.......I cried a little....out of joy. Oh the webfonts....sniff sniff....and the Jquery.....it's....so beautiful....and I'm done with this entire site in 7 hours...
Now in 2015 I'm diving into Wordpress (don't ask why. It's a long story and you wouldn't care)
I'm seeing the real difference now, and someone please correct my if I'm wrong or missing something. Or anything. I want to know everything. Teach me.
1. SEO. Wordpress in combination with techniques using google analytics and adwords is GUARANTEED to give better rankings and overall has stronger tools for achieving this.
2. Wordpress (if you get a theme that comes with the editing functions) has a very intuitive interface for clients who want to manage and update their own client. I've been pleasantly surprised while simultaneously horrified at how many clients are asking for this. I guess anyone who has basic CURRENT computer skills and has worked with some kind of database or cms is pretty confident with using wordpress on their own hosting account. Im learning their is a browser based editor too so they can make changes from anywhere anytime. I love it when they make a hideous graphic to save a buck and stamp it on the home page header of their site when I'm trying to use it as portfolio content. The robots are getting stronger every day, but they have no souls.
3. Wordpress has wayyyyyy more widgets and other ways of integrating stuff. BIG stuff. Lots and lots of BIG companies using it and involving 3rd 4th and 5th party B2B SAS WYSIWYG CMS CRM ...ok I'll stop now hehe. Just sayin theirs thousands of businesses that speialize in making things and stuff for other businesses that have wordpress sites.
BUT I do see Muse-based things and stuff piling up. Maybe it'll get there soon?....Or sell out and bow down to Wordpress in some way? I'm watching but not waiting.
SOLUTION:
It's not much, but if you have a client that is already in wordpress and wants you to take over the site, clean it up, change a bunch of stuff, and manage it on your end, try this:
1. use a HTML to PDF maker and snatch each page off the web so you don't have to get every little piece of code from them. Screenshots aren't perfect enough. the pdf will be the exact same pixel size.
2.drop the pdf into a layer in muse and use it as a cheat sheet to trace and re-create the entire site from scratch! Sounds stupid at first, but if you're good at graphics and know enough front end code stuff, the process will go quickly...So quickly that you might actually cry a little if you were there in the days of HTML 1 and HotDog and Homesite.
Even if there's forms, search functions, slide shows, eCommerce, maps, a database full of images or blog entries,
Muse can either do it or work with it. The capability is there for most of the intermediate stuff other than blogs and image galleries.
So as long as the client wants YOU to manage content and make future updates, and the site's not as big as ebay or sony, it is doable. I've even found ways of pulling the wordpress code from an old site and putting it into muse and vice-versa. It's on Youtube if you look hard enough. But I don't recommend doing this. There's too many things that can go wrong, or come up later to make you have to turn back. I DO recommend using Dreamweaver and CSS Designer if you want more control out of Muse. I haven't needed to yet but I found ways of doing that on...you guessed it. Youtube.
Dear Adobe,
Thank you for making Muse.
I like it very much.
I like you very much.
I've been using much of you since the 90's and you have been wonderful. And thank you for buying Macromedia and Syntrillium. Adobe Audition is now delightfully beast when it comes to editing hip-hop vocals and cleaning up news interviews recorded outdoors during a 50mph dust storm and the talent has a sinus infection as well as 2 terrible kids on the set. (MCs ask me why I do all the tracking and editing in Audtion instead of ProTools or Ableton......one word.....Ghost Hunters.)
But....
I have one tiny little request to make. I'm sure it won't be a big deal to make happen. And little Timmy has cancer so please hurry....
1. Can you please continue to update Muse as often as possible with features to make it integrate better with wordpress sites that have been brought in? And add features that allow you to work with all the most popular 3rd and 4th party tools that are being used with Wordpress? And keep all this inside the Muse editing environment. And can you please add CSS Designer to Muse? Or something more than just downloading the code and putting it back in? Maybe just put Dreamweaver inside Muse as a little pop-up handler for when you want to mess with the code? Maybe a JQuery WYSIWYG handler too inside the Dreamweaver inside Muse? Also can you please round up all the information put out by people outside of Adobe and Lynda and all the popular Muse tutorial sites that pertains to workarounds for dealing with Wordpress in BOTH directions (wp to muse, muse to wp) then update muse to accommodate them so we don't have to? CSS 3 did it. Remember IE6 compatibility hacks? I'm sure you could do this one late Friday night easily.
And once you've fixed all the necessary integration issues between wp and muse and all 3rd and 4th party apps and services and have added editing capabilities within the Muse environment (like the widget control panel but one for every wp app, service, and workaround, could you please provide all CC members with an entire video library of your own explaining how to use all the new features and how wp works, and have Lynda do the same? And can we please have a free full membership to Lynda for being CC members? We're totally worth it. You're so rich and powerful now and it's because of people like us that convinced the company they worked for in the early 2000's to buy me InDesign 1.0 because it was better than Quark and will be the next big thing. The Director of Marketing laughed and said no so I BOUGHT MY OWN COPY. ...um...digressed....
Oh ya.
It's because of people like us that love and cherish your products that any and all competition to Adobe is pretty much considered a niche program or is gobbled up by Adobe faster than honey badger. Adobe is more powerful than many entire nations on planet earth and probably gets to write exact scripts for network news anchors to read whenever they're mentioned. A list.
And after you do all that can you just go ahead and buy wordpress? I know it would be a lot of wasted work to not just buy wp first but there's a lot of politics involved and a lot a peoples feelings would get hurt. So please make muse do all that stuff first then buy wp for us.
Love, Matt
PS, Thank you so much for putting a Recover function in this blog entry part of the site! I accidentally hit something on my stupid glide pad after the word "us" on the last paragraph. XOXOXOXOXO!!!

Downloading and editing an existing WordPress site in Dreamweaver CS5.

Hello! New to the forums, here.
I'll try to be brief. I've got a WordPress site in-place at metalmeter.com that is hosted through HostGator. Basically, what I'm looking to do is get the site from the remote server and edit it in Dreamweaver CS5, previewing all changes on a local testing server before putting the updated contents back on the remote server.
Now, let me be clear: I've tried plenty of the tutorials. I've watched hours of videos. I still can't get it configured properly. I've got the FTP connection to the remote server running smoothly. I've got XAMPP installed. I'm having difficulties (and I apologize for being vague), and I just don't know where the problem is located. In my htdocs folder for XAMPP, I've got two subfolders 'metalmeter' for the remote server's downloaded contents, and 'wordpress' for the wordpress installation that every page seems to be pointing me toward. What confuses me is that when I try and open the uppermost index.php file on the remote server, the dynamically discovered content is not being displayed in the live view with my local testing server. I want to be viewing my existing WordPress site in its entirety exactly as I see it online while I'm editing it, and then pushing back updated files to the /public_html/ root directory of the remote server so that I can edit the site from my local client. I'm extremely new to Dreamweaver, so any help you could offer would be greatly appreciated.
If you know how to do exactly what I'm trying to do and have been successfully viewing and editing your existing WordPress site in Dreamweaver for upload, please take some time to explain the set-up. I'd be forever in your debt!

Nancy O. wrote:
I've been following this discussion for a while now and I don't understand why you hope to edit articles from DW. That's what the WP Admin panel is specifically designed for. Besides, you won't find your articles in any of the site files because they don't exist there.
I agree I don't see any reason to want to edit a Wordpress site in Dreamweaver. If you are using Wordpress then you may as well put Dreamweaver in the bin. Although people do actually want to edit and manipulate the design in Dreamweaver (including myself) and from what I've read its possible but I've never found a source which explains fully how to achieve this and those that I have it seems too much effort to even bother about.
I guess the Dreamweaver environment feels more like home and is more user friendly.
To put it another way, a typical WordPress installation contains around 800 files in some 80 folders. Those files don't contain any content, just a whole lot of PHP code. In fact, the only page most people ever see on your site is the index.php page which is dynamically created over & over by the server with content from the MySql and various include files.
For sure and that's why people who use Dreamweaver and feel the need to manipulate a Wordpress site in Dreamweaver because Wordpress is 'in vogue' get lost. Wordpress just containes a lot of pages with nothing to see apart from some php, many of who will not understand one jot.
Unless you're a coding guru, you should definitely NOT touch any of the core WP files as this could cripple your site. If you want to customize your Theme, look at the CSS and include files in your Themes folder. See Anatomy of a WordPress Theme:http://yoast.com/wordpress-theme-anatomy/
lol your not wrong there!
For a quick tip on Theming, open your remote site in Firefox equipped with the 'Web Developer Toolbar'. Edit CSS on screen. Save changes to your local site and upload it to the remote server. No testing server required.
Wordpress is Wordpress and Dreamweaver is Dreameaver. As far as I can make out the two don't mix.
Ideally you would just choose a Wordpress theme which most relates to the nice site you have designed in Fireworks of which you won't find any however goodthe themes are. Then manipulate the themes css that's if you can understand it. Even for a seasoned css expert its heavy going because everyone produces css differently to achieve the same results.
Leave Wordpress well anlone unles you're going to use it out of the box so to speak or as a web-developer don't mind a bit of reverse engineering.

Wordpress theme

how to edit my wordpress theme http://diana-skordas.gr with photoshop?

I looked at this persons site and thought it was good;
http://chrisphoto.com/
Details of the theme and where to get it are at the bottom of the page.

Issue with dreamweaver and PHP on WordPress theme

Hi all
Im trying to create a WordPress theme for my blog, however I keep getting this issue (CS6) "Dynamically-related files cannot be discovered because a testing server is not defined"
I have been through my preferences and set everything how I think it should be set..
anyone have any ideas?

To work with dynamic sites like WordPress, you need a local testing server.
WAMP for Windows
http://www.wampserver.com/en/
XAMPP for Windows
http://www.apachefriends.org/en/xampp-windows.html
XAMPP for Mac
http://www.apachefriends.org/en/xampp-macosx.html
MAMP for Mac
http://www.mamp.info/en/downloads/index.html
Setting up a PHP environment in Dreamweaver
http://www.adobe.com/devnet/dreamweaver/articles/setup_php.html
Building your first dynamic website – Part 1: Setting up your site and database connection
http://www.adobe.com/devnet/dreamweaver/articles/first_dynamic_site_pt1.html
Nancy O.

New to Dreamweaver, Use dreamweaver to make a wordpress theme?

So im going to start this off by saying Im very new to all of this, web design and html language.
I am planning on setting up a blog/forum type website for a hobby of mine and decided I should start learning the ins and outs of the language first, of course.
I was going to use wordpress originally but I just didnt find it to have the level of customizability I needed but when it comes to dreamweaver i just dont have the expertise to do what i want. If i could combine these two then Id be set. So far in my 1 day of using dream weaver ive figured it out to the point where I have a fairly general layout of what i want the site to look like. Header, body, spacing etc.
Could I turn this into a wordpress theme? is that possible?
Then I could use this layout but wordpress would provide the rigorous blog set up necessities (handling posts and such) which I have no idea how to even get into.
Please forgive my ignorance, Im at the level where I can space my header create 3 working links and link them to other pages ive set up.
Thank you for any help/insight

There are lots of tutorials out there that teach you how to do this. But one that I'd highly recommend comes from Lynda.com (at a price) that is worth every penny.
Here it is: http://www.lynda.com/Dreamweaver-tutorials/Dreamweaver-WordPress-Building-Themes/89310-2.h tml
Good luck.

Flash Catalyst into Dreamweaver to make Wordpress Theme??

Is it possible to take your flash catalyst file into Dreamweaver and make it into a Wordpress Theme?

No. Please read the Wordpress pages on how to create and modify themes. None of that has anything to do with just opening a file of whatever type in DW nor FC.
Mylenium

Building a Wordpress Theme from a Dreamweaver Site

I am tasked with generating a distributable Wordpress Theme package based on the layout and look of a site built with dream weaver. The site webmaster has given me permission to use their site as the basis for our project. They also provided the CSS and a template.php file to get started. My question is how to get from point A to point B:
Point A --- php based, dreamweaver authored site
Point B --- Wordpress theme package downloadble to install on std wordpress installation to replicate the site.
Looking forward to the best answer I can find --- lol
Point A Site: http://www.samoset.org/
Nicholas

$80 for a first time converting. Don't underestimate your services, especially if you are in over your head. The way to get from Point A to Point B depends on your understanding of Wordpress. Have you worked with Wordpress before and understand it's template structure? Here's Wordpress docs for a starting point.
http://codex.wordpress.org/Theme_Development

Editing a wordpress theme in Dreamweaver

Similar Messages

Maybe you are looking for