Community Forums › Forums › Archived Forums › Design Tips and Tricks › Creating Custom Page Templates?
- This topic has 8 replies, 3 voices, and was last updated 9 years, 9 months ago by briansabbas.
-
AuthorPosts
-
January 3, 2014 at 2:13 am #82852Henrik BlomgrenMember
Hello all,
I am a first time Genesis buyer and since no theme from the themes section was that "wow this is exactly what I wanted" I vowed to simply buy Genesis and then develop my own design based on my own ideas.
I´ve done some fiddling in theme development before, one such alster you can see currently being used on my homepage http://henrikblomgren.se. So I am not completely new to developing themes.
What I would like to do is create a couple of page templates.
archive/timeline: much like I have on http://henrikblomgren.se/arkiv/ I would like to transfer this onto my new Genesis based theme. Is this possible? Or do I have to find a Genesis developer? Had it been any other theme I could just have copied the file I am using, changed a bit of css classes and voila it would have worked. But for Genesis I am all but lost.
index/front page: For the design that I have in my mind the frontpage will change. It will be a one column 800px wide centered site design. Blog posts and portfolios will be shown in a grid much like how the Agency Pro theme displays it´s "our latest work" section. But I will have support for audio, aside and standard post formats and they will all be displayed according to what type of post format they are and if they have a featured post or not.
Had it been any other theme or child theme I would simply have made a front-page.php and then added the usual get_header and then got to work on how to display everything. Does this way of working with page templates work in Genesis as well or is it some special roundabout way?
I would also like to ask if there is any easy way of adding the mobile friendly navigational design from the 411 Pro theme and just about all other themes than the Genesis base theme uses? Just a simple hook or short code in a functions.php or how? I cannot find that info either in the tutorial area of the Studiopress site. Or I am simply blind.
As these are questions I don´t have a URL to include to a project since well yeah I have a idea on how a theme would look and wanted to use Genesis for a base of that idea. Then create the templates needed and such.
Thanks in advance for any kind of help.
Best Regards
-Henrik Blomgren
January 3, 2014 at 12:27 pm #82957Sridhar KatakamParticipantCan you paste the code present in your theme's arkiv_template.php at http://www.pastebin.com and give us a link?
Here is a basic custom Page template: https://gist.github.com/srikat/7998307
front-page.php, if present, will be used for the display of site's homepage. You can see sample usage of this file in themes like Agency Pro.
I would also like to ask if there is any easy way of adding the mobile friendly navigational design from the 411 Pro theme and just about all other themes than the Genesis base theme uses? Just a simple hook or short code in a functions.php or how? I cannot find that info either in the tutorial area of the Studiopress site. Or I am simply blind.
See if this helps: http://sridharkatakam.com/make-header-menu-genesis-mobile-responsive-similar-beautiful-pro/
January 3, 2014 at 12:38 pm #82959Henrik BlomgrenMemberYes I can post the code on a pastebin from my arkiv_template.php. I should have thought about that on my own.
http://pastebin.com/r5zJCMjS is where I have uploaded it.
Thank you for the links. I´ll check into them and learn as much as I can from them. otherwise I´ll be back for more questions!
edit - Well, the link where you posted how you turned the Agency Pro into a responsive header has some faults. I only have the original genesis package. No other theme, no Agency Pro nor access to the responsive-menu.js file so I´m at my wits end there. But thanks for the link!
January 4, 2014 at 9:48 am #83133Sridhar KatakamParticipantJanuary 4, 2014 at 9:53 am #83135Sridhar KatakamParticipantWell, the link where you posted how you turned the Agency Pro into a responsive header has some faults. I only have the original genesis package. No other theme, no Agency Pro nor access to the responsive-menu.js file so I´m at my wits end there. But thanks for the link!
By "some faults", are you talking about the fact that code is to be taken from Agency Pro?
There are several tutorials on how to make nav menu mobile responsive in Genesis.
Ex.:
http://bradpotter.com/responsive-mobile-navigation-menu-for-the-genesis-theme-framework/
http://youneedfat.com/genesis-responsive-design-menu/
More here: https://www.google.com/search?q=genesis+mobile+responsive+nav+menu
January 4, 2014 at 10:24 am #83149Henrik BlomgrenMemberThanks for the custom archive page. The whole hooks thing is pretty new to me. I´m used to making templates instead so it´s a fresh experience. But then i understand it a bit better since you basically told genesis to remove all type of content from the page and then called a function that is basically the code that I used to display all posts and such. Coolers!
"faults" was a badly chosen word. For this I say I´m sorry. It works splendid if you have the files which I do not. I should have typed it out as that instead. So indeed you are correct.
My google fu is very rusty so therefore I asked. Since google doesn´t concern itself with genesis versions and whatnot. And I´d love to have it as easy as possible. Which sometime can be a bit to much when looking trough google.
I´ll probably get back to you with a question about the sidr functionality you showed if I want to use it on the header navigation. I´ll look at it a bit on my own first but if I can´t get it to work I´ll ask.
Thank you so much for the help and the links!
January 4, 2014 at 7:10 pm #83292Sridhar KatakamParticipantBut then i understand it a bit better since you basically told genesis to remove all type of content from the page and then called a function that is basically the code that I used to display all posts and such. Coolers!
Yes. Once you get used to the Genesis way of doing things you will start liking it. The great thing to realize here is that you still have access to the loop if you want to. See this post for an example.
“faults” was a badly chosen word. For this I say I´m sorry. It works splendid if you have the files which I do not. I should have typed it out as that instead. So indeed you are correct.
No problem. My advice is to get all the child themes from StudioPress. You can learn a lot by going through the code in them, see how they are put together to mix and match them.
My google fu is very rusty so therefore I asked. Since google doesn´t concern itself with genesis versions and whatnot. And I´d love to have it as easy as possible. Which sometime can be a bit to much when looking trough google.
Go ahead and try following one of those mobile responsive nav menu tutorials I linked above. I think Brad Potter's is more recent. If it doesn't work, leave a comment over there or try reaching him through other channels like Twitter. If still no dice, post back here and I can see if I can put some instructions together.
January 4, 2014 at 8:05 pm #83310Henrik BlomgrenMemberIf I had enough money I would think of the theme pro package as a sound investment as Studio Press is making a lot of nice themes.
I can see some interesting parts about Genesis and using hooks. But it makes it a bit complicated to change things as I want it. From the look on things I will have to do a mix up of Genesis hooks and my old knowledge(mixing in get_the_template_part(content...) for making Genesis support the variations of post format that I have and the way I want to style them.
But I will learn. It would make me a bit more interesting on my resume to have "Genesis framework" as one of my abilities 🙂
Thanks for your time. Have a good evening!
February 10, 2015 at 9:48 am #140335briansabbasParticipantHi all. I'm wondering if someone could help me with a seemingly simple custom archive issue ...
I'm using Sridhar Katakam's custom archive template but I'm wondering how I would retain the current template style but add a section above for categories and tags. If possible, I'd like to format this new section in paragraph form, each tag/category separated by coma or /.
I'm new to Genesis and php so I thought i'd throw the question out here first.
Thanks in advance!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.