"wordpress theme framework" vs "Blank themes" vs free theme similar to my design? - css

I got the design (PSD) from client. Which should i choose to make custom Wordpress themes.
I should use any Wordpress theme
Framework?
or Any WordpressBlank theme?
or I should find similar free theme
to my design then edit to it

I can't say for sure without knowing your PSD. It depends.
If the layout from your PSD is too specific, I would go for a blank theme.
If it's a well known 3 column pattern for example that you don't need to create any customization whatsover, I would use a Wordpress Theme Framework.
I would never try to find a free theme and edit it, mainly because:
you need to read it's licenses and usually attribute properly with a link in your project (bad option when you're doing something for a client);
usually it's more work to adapt a theme instead of creating from scratch. I would adapt a theme only if 80% of it would be already equal to my PSD requirements.

I agree with the other comment. I've used all 3 methods: framework, pre-made, and blank themes, and I've found that using a blank theme is the easiest when starting from a PSD file. I've used Chris Coyier's blank theme (http://digwp.com/2010/02/blank-wordpress-theme/), which is a bare bones theme with the basic functionality of a WordPress theme, but no CSS styling, making it easier to add your own markup. I wrote a blog post about this, comparing the differences among blank themes, frameworks, and pre-made themes (http://www.sinawiwebdesign.com/blog/topics/wordpress/use-wordpress-framework-or-blank-theme/).
When I build themes starting from a PSD file, I first write the HTML, CSS, and Javascript code to get a working prototype, and then I convert it to WordPress using a blank theme. I copy and paste most of my code directly into the blank theme with little modification, then add some code for custom menus, widget areas, support for post thumbnails, etc.

Related

Wordpress theme not appears as shown

I have been trying to develop my first WordPress theme. When I added a theme "primer" and started customizing it, it appears as an image.
The primer theme appearing as shown not as it is shown in demo
Can you give a little more detail. Normally themes are generally blank and often never look like the picture. Its up to you to use the themes composer, purchase a composer if your theme does not have one, or hand codde the site only using the theme for an overall look. For instance my theme I use a mix. I installed it and got a blank theme. I then used the composer to add elements and build out the page. Some themes even offer templates which is likely what you saw when you bought the theme. Your theme should have some sort of templates for free or premium templates for purchase you can add on top of your theme to get a prebuilt layout. I would highly enocourage watching a few youtube videos over themes and customizations and using envato.com to our advantage. Wordpress is a beast most people dont realize. Its not a change words and done. There are multiple other sites for that. I just finished my first one and its a bear. It take patience creativity and a basic understanding of Wordpress to operate, and some coding experience would greatly benefit to.

Convert Magento theme to wordpress theme?

I had a Magento theme downloaded and i want to use it to my wordpress site. I searched wordpress version of the theme but no luck. Is there a way i can convert magento theme to wordpress theme?
There is no automatic way to do that, you will need to migrate your theme manually, with that I mean, you will need to code the theme in WordPress.
There's no way of magically rewriting a Magento theme into a Wordpress theme.
Like Enrique said, you will need to recode the entire thing.. well, almost, at least. This really depends on whether or not you simply want them to look the same or to actually be structured identically. The former is easier.
You can most likely salvage the majority of the skin folder, especially css and js. Then it's a matter of matching up Magento element names to corresponding Wordpress element names. An example might be .button and .btn.
As far as the structure, you may want to simply view source on the theme as it renders on the actual site, grab the source and do some heavy analysis. Figure out which portions render in the header, content and footer and try to piece them into the corresponding Wordpress files. It's a daunting task but believe it or not, I've done similar things before.
Note that Wordpress is nowhere near as complex in terms of application structure as Magento, so you'd really be dumbing down the Magento theme to accomplish this.
To convert your theme unfortunately you will have to manually rebuild it line by line for Wordpress. You said that you could not find the wordpress version of the theme but if possible the theme vendors might have HTML or PSD versions of the theme which would be a much closer starting point than Magento to Wordpress conversion.

HTML page, how to convert it to a theme

I have developed a website's "index.html" with all the sections (header, content, footer, etc) made with Bootstrap 3.
It is meant to be the "design" to show to the user.
Now I have to port it to make it a Wordpress theme (because we are using Wordpress).
This is the first time and I have to do it quick,
Does Wordpress offer a base skeleton to apply my HTML sections and CSS/JS? I mean just a "blank" theme, maybe object oriented (like Symfony).
Thanks
Yes. You can use starter themes to make your work easy and quick.
Find a list of starter themes below:
http://underscores.me/
https://roots.io/sage/
http://themble.com/bones/
The first one is my favourite though. But feel free to try them all out and make your pick.
Take a look at the WordPress Template Hierarchy; Will do u a lot of good:
https://codex.wordpress.org/Template_Hierarchy

Blank Theme for Wordpress

I need to build a new WordPress site form scratch. So I guess I need a blank theme to do that. I need to know where I can find such a theme like that, and I need a tutorial that can help me to create my first WordPress theme from scratch.
I'm new in that world. So please I need your help.
If you're starting with no WP knowledge, I believe you're better off modifying a blank theme than you are creating one from scratch.
Here is a great tutorial I used when I started doing custom themes. The HTML is getting outdated semantically, but it will teach you all working parts of a WP theme.
As a starter theme I use HTML5 Boilerplate which is full of quality HTML5 and additional features like file caching, cross-browser readiness, mobile device readiness, and file caching, to name a few. Also it's got a minimal default styling.
You may also find the wordpress site helpful. Cheers.
starting with twentyten or twentyeleven isn't a bad option either.
Whatever theme you choice make it a child theme.
It may seem like something complex at first but it will make things easier along the way.
Theme Hybrid has a great blank theme: http://themehybrid.com/themes/skeleton
I have a starter theme on github that was originally based off html5 boilerplate that you can check out.. https://github.com/FernE97/html5-blank-slate

Making WP Templates

I have a wordpress blog and I would like to make a custom design myself...
I dont want to pay a bunch of money for a company to make it for me
Why are the templates broken into a bunch of different files?
What are some tutorials you know of on how to make wp themes/templates?
Thanks
-Techy
1 minute of googling:
So you want to create WordPress themes huh?
Also: Word press templates are probably split into multiple files because parts of the theme are re-used on multiple pages. For example, if you want to change how the side bar looks you only have to change it in once place instead of on the main page, archive, and detail pages.
A lot of websites do this, it is a theme in computer software all together, it's called Don't Repeat Yourself (look it up on wiki).
another option is to use a theme framework. it becomes your main theme, and you create a CHILD THEME, with your desired style. I'd say that, if you are going to learn how to create a theme from scratch, learn how to work with a theme framework instead. They are a high quality base you can use as a starting point, are easier to work with, and are here to stay. Not to mention that once you get the hang of building child themes, building a second completely different theme will be much faster than starting another theme from scratch.
i prefer HYBRID, but there are comparisons of the main theme frameworks here:
http://www.wptavern.com/comparisons-between-most-popular-theme-frameworks,
http://www.smashingmagazine.com/2009/05/27/wordpress-theme-development-frameworks/
if you are going to build it from scratch, here is a PSD starting point:
http://www.area381.com/2007/07/10/wordpress-psd-framework/
If you're experienced in PHP, HTML and CSS it's quite easy to create your own WP Templates
To get you started
So you want to create WordPress themes huh?
Build a Basic Newspaper style layout with Wordpress and jQuery
I found both tutorials to be the best resources to build your own customized template.
I would like to point 5 videos from CSS Tricks that helped me creating my 1st WP theme. And then 2 more about the subject.
Video 25: Designing for Wordpress: Part I
Video 26: Designing for Wordpress: Part II
Video 27: Designing for Wordpress: Part III
Video 41: WordPress as a CMS
Video 65: Advanced Uses for Custom Fields in WordPress

Resources