Xara Designer Pro 7 and Wordpress

Hi,

I am pretty new to the web design and development arena, that is to say, using Xara Designer Pro 7. I currently have a client that needs a Wordpress website so that they can edit/update content and photos on a regular basis. I would love to use Xara Designer Pro 7 to build the website and then integrate it into Wordpress, but am not sure how much of the design can be integrated (i.e., buttons, drop-downs, rollovers, zooms in and out, etc.). Is there anyone out there using Xara to create designs for Wordpress sites? If so, how are you going about integrating your Xara designs into Wordpress? I might be asking for too much here, and if I am, please ignore my ignorance and maybe just point me in the right direction if you can.

Thanks so much!

Candee

Welcome to TalkGraphics Candee

Xara is perfect for creating website graphics and websites as well. The principal benefit in my opinion is you can do everything in one program.

Our head moderator/administrator is a WordPress user and I will see if I can get her to comment on your question. I know that she works in both programs.

Hi Cindy,


If your question is can your use Xara Designer Pro 7 to build a WordPress site - the answer is yes and no. Yes you can create the graphics for the site, you can "sketch" out the layout, but you can't transfer any of the code that Xara writes or functionality it builds in.

When you use Xara to work out the design for a site that will not ultimately be published from Xara, you have a tremendous advantage. You are creating your final graphics as you prototype and many of the graphics will be vector based so it will be easy to create color, size, shape variations as you design or in the future.

You asked about buttons, drop-downs, rollovers, zooms in and out, etc. No, you can't use the ones Xara made, or use Xara widgets. But WordPress itself or through your pick of thousands of WP widgets you can get the same kind of effects.

For Example: Xara's Cloud Xoom or Nivo Slider or Twitter widgets have WP equivalents.
Buttons can be created using WP widgets or you can hand code them.
Automatic dropdown menus are standard with WP - if you want different ones or you want to change how they look you need to use WP widgets or your own coding.

To make this a bit more concrete:

XaraXone.com is a Wordpress site.

For example, Gary created a design in Xara of how he wanted the front page to look. He created the different button stages, the paper tears, the patterns, the artwork. He used Xara to create the logo. I've attached screen caps of an early - almost finished front page design.

Then it was up to me to transfer this design to WP. What I was able to "take" from Xara was the specifications - the colors, type, how text was styled and positioned, where on the page different elements fell and of course the graphics themselves -- the logo, the tears, the other artwork.

What I couldn't take was any of the code or the functionality.

I first looked for a good WP template framework to supply the foundation for the XaraXone WP template. I used Justin Tadlock's Hybrid Core based theme Prototype as a jumping off place to supply all the WP workings while I supplied a new "skin" and custom page. layouts. If you take a look at Prototype (I've posted a screen cap below) you won't see any resemblance on the surface to XaraXone, but it is there mostly on a WP programing level.

I had to recreate that using WP's templating system and tools and intermediate to advanced knowledge of CSS, HTML and a smattering of jQuery or javascript.

For example the XaraXone menus use the standard WP menu engine, but look the way they do because of the Xara created graphics and the CSS coding that I wrote.

Hope this helps.

Attachment 89727Attachment 89728Attachment 89729

Candeeh,

before anyone bashes me for saying this... I have been using Xara since the FIRST version - and have bought every version since then... including version 8. I can't imagine not having Xara in my bag of tricks.

However, when I am working on a clients website it goes like this...

If the following items are met I use Xara
- client says they will NEVER be editing the content themselves
- client will never need content edited on a moments notice when I am away from my Xara loaded computer
- client has a lot of interactive features they want (mouse-over, pop-up)
- I want to create something fast and/or creative

If instead the list looks more like this
- client asks for Wordpress
- client wants features that wordpress widgets work best for
- client wants to edit content on site

Then, I reach for Artisteer. This is software that will allow you to create a pretty slick template for a wordpress site in minutes. I prefer this over buying wordpress templates because I can control EVERY aspect of the design (button size, color, gradients, etc) and it exports out as a wordpress theme ready to upload.

no-ones going to ban you for giving honest advice

Because this thread topic is about web design I have moved this thread to the Xara Web Design Chat forum.

wfcentral... a quick question....

You mentioned in your post that if the client wanted to do their own editing, that you would use Artisteer. Would you please elaborate? I'm very new to web creation, and Xara seems fairly easy to edit and replace photos.

Thanks in advance...Dave

Dave - Xara does not have the ability to let a client edit the website.

xtom has a product that he claims can do this(XT-CMS - A CMS that works with Xara - Xara + CMS Demo) I cannot vouch for this because I have never used it (I tell clients you do not buy a dog if you like to bark) but try out the demo and see if this does what you need.

I'd like to add my 2 cents worth re: wordpress / Xara.

I started off building all my sites with Xara about 6 years ago. As a "non coder" I loved the way you can just drag and drop everything onto your page & get it looking exactly the way you want.

However, as a previous poster suggested, a robust CMS is a real must have these days. Clients need basic elements like a news blog, and to be able to easily update their own content at will, without having to install and learn Xara (or pay someone like me to do it for them).

Wordpress was quite challenging at first (even installing it was a test), but 6 months in, I've been able to recreate pretty much anything I could do in Xara. I've had to learn some very basic CSS skills along the way, but IMHO it is well worth the effort and I feel my sites are better for it.

I do still reach for Xara for quickly sketching out the look of a site, and it's still my first choice for creating website graphics (never got on with photoshop), but I now do all my actual site building with Artisteer & Wordpress. For those wondering about Wordpress, Artisteer is the closest thing I've found as a WYSIWYG method of working with wordpress. I'm also using an add-on called Templateer which expands the options even further.

By the way, it IS possible to integrate Xara web code into a Wordpress site, by inserting it as html in a wordpress page or "widget". I achieved this recently by designing some custom navigation in Xara & then importing it into WP. But it's a lot of hassle, re-linking your style sheets & urls. And as someone else remarked, the code ends up looking like a dog's dinner (even though it actually works :D ).

Don't mean to upset anyone here. Xara's a fantastic program & I like to keep an eye on it as it develops, but I design websites for a living, and I feel Wordpress is a more attractive option.

Hi Barbara,

Thank you so much for the greatly detailed explanation. I have been playing with Xara since the very first version, have bought each upgrade when it came out, and used it to create designs for four other web sites, but I was not sure with the new version, if any of the great functionality that has been built into the new version (Designer Pro X -v8). This is awesome information!

Thank you again!

Hi wfcentral,

This sounds like a more efficient tool to use for creating Wordpress sites, so I will definitely take a look at it. I have been so spoiled by the ease with which you can work in Xara, that I have basically dropped all other authoring tools, but I guess it would not hurt to revisit that thought, since a lot of sites these days (in fact MOST sites these days), require some sort of CMS. The client that I am currently working with wants to be able to edit content, so I'll have to check out Artisteer, because like you, I do not like buying Wordpress templates - I would rather be able to control the design myself.

Thank you so much for the introduction to this new tool!

Hi Gary,

This sounds like a good compromise which would allow me to continue to use Xara (which I love because it is so easy and intuitive!) and be able to support CMS backends. I will definitely try this avenue too!

Thank you so much!:D

Hi speedyp,

It appears that Artisteer might be the tool I need to use rolling forward, because a lot of my work is going to be Wordpress based. While I know a great deal about coding in CSS, it still takes a long time to do so. This is why I was hoping that I could use Xara and still be able to interface with a CMS like Wordpress. While I can still use Xara for the design aspects, it might be more frugal to use Artisteer, so that I don't have to design twice. however, if there is a steep learning curve with Artisteer, then it may be faster for me to continue to use Xara and CSS for Wordpress sites. I guess I will have to give Artisteer a try.

Thank you so much!

Just be aware that Artisteer is a completely differrent kind of design program - it is built on templates. You essentially choose a template then customise it, rather than build a design from scratch.

Nothing wrong with that, but don't expect the design freedom that Xara gives you. Because the templates are already made to suit various CMS, then naturally it's a convenient way to build a website compatible with those systems.

I also use Artisteer only if I need a WordPress site. In Artisteer it's also possible to create a static website but it doesn't even come close to Xara. Xara gives you more freedom to create a static website.

CanDeeh if I were in your shoes I would take so time to learn Wordpress. After a few weeks it becomes a lot easier to use and configure and there is so much available in the way of Tutorials, Vid's and Templates that you can use as a learning method. It takes a bit of time for you to understand the control panel and the way it works and also some people find it hard to get it running on their machine through Xamp or programmes of similar nature and setting up admin. for php.

As someone who runs a business creating websites for clients I come across all sorts of demands from customers and this is what I have learnt

• 90% of clients who say that they need a site they can update themselves do so on very rare occasions, perhaps once a month so I offer them a maintenance package which comes in less (including the site design) at a slightly lower cost then a cms site

• People who want to have a blog have been pointed by us to a microblogging platform such as using a twitter widget to display tweets and the majority have seen that this is the more up to date option if not then we create the site in web designer and then create a separate directory for a wordpress installation (customised as much as possible to blend with the rest of the site) so that they can have a blog (we do this on very rate occasions)

• There is very little that wordpress can do in terms of design which cannot be done in web designer using placeholders for 'flashy' elements

If a client really wants a full cms then we outsource the project to a partner who is an advanced user of wordpress.

You simply cannot expect any one piece of software to do everything, wordpress only works so well because of all the plugins but in terms of ease of use and speed of site creation nothing, and not even artisteer come any where as close as xara web designer.

It would be nice with admin-page for Xara, for change text and media without touching the layout.

Quote:

---

Originally Posted by Hymer

It would be nice with admin-page for Xara, for change text and media without touching the layout.

---

Hymer, have a look at https://www.xara-online.com/us/creat...signer.87.html, which is provided with the latest Xara web products,
Acorn

Hello check these 5 logos and tell me if you can do them for me i will pay $3000 if you can. I know they are complex that's why i want to be sure you can do the job if you do a good job i will give you bonus http://carterbiz28.sytes.net/L
http://carterbiz28.sytes.net/M http://carterbiz28.sytes.net/N http://carterbiz28.sytes.net/O http://carterbiz28.sytes.net/P
Email me your portfolio johncarterbiz78@gmail.com