Roberto Fernandez Larsson I was a research scientist in academia for many years and I have been playing with and designing websites for over two decades. The folks at StudioPress, the developers of Genesis have a free Genesis Sample Child Theme which you can download and use as your starter child theme, and it is mobile-responsive to boot. This site uses Akismet to reduce spam. One of the advantages of doing this is that you can use this test server to learn how to use a Linux server without breaking anything or annoying your hosting provider. WordPress, which is still used as a main blogging platform, has evolved into a complete website solution. You can find instructions on how to configure a logo in this page thanks Carrie Dils. This tutorial will not show you how to make your own logo picture, so you will have to figure that out yourself or wait until I write a tutorial about it.
|Date Added:||12 November 2012|
|File Size:||47.74 Mb|
|Operating Systems:||Windows NT/2000/XP/2003/2003/7/8/10 MacOS 10/X|
|Price:||Free* [*Free Regsitration Required]|
Here I am going to show you how to tinker around and build your own Genesis child theme using the Genesis Framework. WordPress, gehesis is still used as a main blogging platform, has evolved into a complete website solution.
This tutorial will not show you how to make your own logo picture, so you will have to figure that out yourself or wait until I write a tutorial about it. To modify the footer to my liking, I first proceeded to add this code to the bottom of the functions. I created this site to discuss and blog about all matters related to WordPress, the premier content management system.
The height of the header needed to be adjusted to the height of my picture, so I modified the CSS class right below that code. I hope you enjoyed reading this tutorial on how to build your own Genesis child theme. You can see in this image that I have already added a menu, which I will modify later, as well as a couple of bogus posts to make it easier to work with the website. In the Typographical Elements of the style.
I know there are many, many other customizations one could do but I wanted to give you a good starter on the subject.
As you can see in the above figure, the Genesis Framework gives you a bare bones theme look when just installed. You can study the changes introduced in the CSS and make your own changes yourself to customize the menu. In the next installment read Part 2I will teach you how to set up a static homepage, more widget areas, a homepage slider and more. About Roberto Fernandez Larsson Genesus created this site to discuss and blog about all matters related to WordPress, the premier content management system.
You can find instructions on how to configure a logo in this page thanks Carrie Dils. Leave a Reply Cancel reply Your email address will not be published. You have tried one or several WordPress themes and perhaps you found one you like but have been frustrated by its limited customization. I did not modify theses in any way.
Next, I wanted to add a grey solid bar to the left of the entry meta the date and author below the title of a post as well as putting a background to it by changing this code in the style. I then uploaded the Olney Oaks child theme and activated it. I was a research scientist in academia for many 2.00.2 and I have been playing with and designing websites for over two genezis.
Showcase Pro Theme + Genesis Framework Download
This is what the website looked like:. This site genesus Akismet to reduce spam. Fourth, I changed the submenu color to our blue color, the font size to 20px, and the width to px otherwise long menu items will wrap in this part of the CSS code:.
A much easier way for a beginner is to get a WordPress framework such as Genesis and use it as a parent theme for your child theme. Last, I wanted the current menu item, the hovered menu item and the submenu hovered menu item to be a darker shade of geneis, by changing this code:.
To create a child theme in its most basic form, all you would need to do is to make a folder containing a CSS stylesheet, the style.
I wanted all the hyperlinks of the site to have the same blue color c0 which is one of the colors of my theme. As a beginner this is not a good idea because you will have to spend a lot of time learning how to do this.
Build your own Genesis child theme for WordPress (Part 1)
Remember you need to have the Genesis Framework uploaded in your list of themes, otherwise the child theme will not work.
If represented by an automobile, think of a WordPress framework as the engine and transmission that provides the power to move it around, while the child theme is the body and interior that give it function, comfort and beauty.
To add a black solid bar to the left of the entry title the title of a postI added this code at the bottom of the style. You are ready to either hire a web designer or design your own theme. I named my child theme Olney Oaks you can name it whatever framewodk wantand set up a directory for it as such:. Of course, you could design your own WordPress theme from scratch just as developers do.