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
Related
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.
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
first approach to CMS and wordpress I'm wondering if there's any predefined html structure and classes/IDs "must-be" reference that I can refer for making my own theme willing to change in the future for another wordpress theme
thanks
Luca
There are a few other 'template' themes that could get you started - if Starkers isn't quite your thing, you might find WP Framework a good alternative. Or - just start stripping down the Twenty Eleven theme to give you a base (which is just what the Starkers theme does, using the Twenty Ten theme as a base).
There's also quite a handy first-time guide on the WordPress Codex around theme development if you'd prefer to start from scratch.
Wordpress doesn't require you to have any specific classes or IDs in your theme in terms of the HTML and CSS, the only things WP needs are things like the wp_head function inside your element on every page. Having said that themes such as Starkers were created to enable developers to have a starting point instead of starting from scratch.
Now the above applies only to whatever code you write, there are however some functions in WP that will return standard code, for instance if you don't specifically create the comment thread code, WP will generate it for you, and that is really the only code that many themes will share.
I would say that if you are intending on making a number of blogging themes for instance, having a set of standard code might be a good idea, for the article pages for example, so that you don't have to re-write code over and over. Aside from that the only code I ever reuse when making themes is the CSS to style comments if I don't hand-code the comments section, this is a good idea as it will save you a lot of time.
Wordpress provide some functions which add CSS classes depending of page type, templete, conditional tags . . .etc.
These functions are body_class() and post_class().
For more info check:
http://codex.wordpress.org/Function_Reference/post_class
http://codex.wordpress.org/Function_Reference/body_class
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.
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