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.
Related
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.
I started using WordPress just a few hours ago because I need to develop a couple of blogs to a client. I understand that WordPress is the best solution if you want something fast but flexible. But, the first thing that I wanted to do was just change the font of the post and I didn't find how to do it (for all the posts, because I changed it on this one using the HTML editor). I've read something about editing the CSS, but it turns that I need to buy the Pro upgrade to be able to use the custom design.
Is this the same if I use WordPress in my server?
I need someone to guide me on this one. I need WordPress as customizable as it can be. But, I prefer not to pay! :) Unless that's the only way to do it.
If you use WordPress on your own server, you can do anything you like to it - it's open source. The "Pro" upgrade is just for WordPress blogs hosted on the commercial WordPress.com platform.
Do note that running your own installation means you're responsible for adding plugins, themes, keeping the code up-to-date, etc. That has a cost too, even if it's not money directly out of your pocket.
If you are using wordpress on your own server - you are free to do anything with it. The best way to customize your site then is using a child theme. It will contain your customization, overriding styles from previously loaded parent theme (and/or adding some scripts). You will be able to upgrade parent theme then without loosing your customization (until parent theme owners deprecate something you use, but it must not happen often). There are some plugins for simplifying working with it as well. There are also some easier customization ways, if you want just minor changes - such as Custom CSS in Jetpack plugin, which works in similar way, as far as I know.
If you're using a wordpress.com account, you have less freedom in modifying things, consider using paid custom CSS plugin maybe. Or maybe mentioned above jetpack will do.
Also, as mentioned in other answers - there are wordpress codex, wordpress.org forums, and wordpress stackexchange, they seem to be better place for such questions.
In your wordpress admin section of your site (usually www.yourdomain.com/wp-admin) on the left hand side nav bar, you will find a section called "appearance", if you expand this and click "editor" you can edit all of the files that your current theme uses. A quick warning, if you are doing this on a live server, the changes you make are live as soon as you save them!!
Hope this helps
I'm pretty sure you do not have to pay to customize CSS. Check your server installation... particularly in the folder $wordpress_install_home/wp-content/themes/default.
You should have access to all the CSS files in there.
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
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