Community Forums › Forums › Archived Forums › General Discussion › How to go about creating a website like this?
Tagged: slideshow
- This topic has 13 replies, 3 voices, and was last updated 11 years ago by weslinda.
-
AuthorPosts
-
March 22, 2013 at 4:36 pm #30578computerkittenMember
What suggestions do you have for building a website similar to this? More specifically the layout structure, theme, slideshow. I have used Slider Pro and just downloaded Royal Slider (both Code canyon)... thoughts are that this is a full width slideshow with layers of text on top (layers of text placed in the slideshow setup).
But looking for opinions of others of how they would go about building something like this. The "look" is nice with the giant slideshow... would need to be sure its responsive (those 2 plugin sliders are)... but what theme of StudioPress would be appropriate too for this?
http://tinyurl.com/3cpbcq6
Thanks,CK
March 23, 2013 at 8:58 am #30673weslindaMemberProbably the closest starting point is the stretch theme (http://my.studiopress.com/themes/stretch/). Would obviously require some customzations to get to the point of the theme you are linking to.
As for sliders, there is the Genesis Responsive Slider and the Soliloquy plugin. Both are solid responsive slider, but I think the theme does what you're looking for, and then you can style it up as you want.
Loving the Genesis Life!
March 23, 2013 at 12:38 pm #30748computerkittenMemberDoes Soliloquy allow to have text layers on top that can be hyperlinks to other pages? Example Slider Pro has "layers" that allows any text that can be placed on top. I assume Soliloquy can be fully stretched as well. Sounds like it may be better than Royal Slider and SliderPro in your opinion correct?
Thanks for your feedback.
CK
March 23, 2013 at 1:49 pm #30764weslindaMemberSoliloquy allows you to set a title and text over the image. And you can style that as you wish. There is a lite version that you can toy with in the plugin directory (http://wordpress.org/extend/plugins/soliloquy-lite/).
I don't have experience with Royal Slider or SliderPro, so I can't compare which is better. I have full confidence in Soliloquy and use it in many places.
Loving the Genesis Life!
March 23, 2013 at 1:52 pm #30765computerkittenMemberThank you for writing back. Wonder what the difference is between the lite and regular version. I will find out. Would need to be able to optionally play videos. So here is my next question... use a slider such as Soliloquy WITH a Genesis theme say... Stretch theme to achieve the "look" I want from the website I mentioned?
Thanks for all your help.
CKMarch 23, 2013 at 2:36 pm #30774weslindaMemberSoliloquy can handle videos, so that option is there. The stretch theme will allow you to set a specific background image on each page if you like. So that will help with the style of design you're trying to recreate. To create the look you want would take some work via development and CSS but I'm sure it can be done. The fastest way to get this done is to work with a designer/developer familiar with Genesis to complete the project. Obviously there would be a cost to this, but it could be done.
Loving the Genesis Life!
March 23, 2013 at 8:20 pm #30816AnitaKeymasterI would actually start with Minimum theme and use Carrie Dils instructions on removing the static image and placing the Genesis Responsive Slider in there full width. You could then remove the grid from the front leaving only the footer. Use that as a starting point.
Love coffee, chocolate and my Bella!
March 23, 2013 at 9:37 pm #30821weslindaMemberAnitaC, what would be your solution for full width background images in Minimum? Always use a slider?
Loving the Genesis Life!
March 23, 2013 at 11:08 pm #30826computerkittenMemberWell what I'm sorta confused on is that the 1st slide of that website is a video that can be played...then the slider moves on where the other 3 are full width background pictures. I would think it would be best to utilize a slider entirely with no background image under it since the images would need to lay on top (since there is a video involved).... am I correct? However the video in this example does not stretch...its not playing right on my Iphone.
I could try out the Soliloquy. I know CSS very well so could style any text laying on top.
Thanks,
CK
March 24, 2013 at 5:51 am #30845weslindaMemberGood morning. So the homepage is definitely a slider. However, there are other pages on the site that are not sliders, and have text over images like a traditional post, thus the reason I recommended using the stretch them as it achieves this with great ease.
http://www.eksobionics.com/about-us
As for the homepage, you can absolutely setup a full width slider on the homepage using soliloquy. All it would take is creating a template for the homepage. There is a nice instructional video on this from StudioPress.tv (http://studiopress.tv/custom-home-pages/).
By doing that you can create any theme you want. The primary that I was concerned with implementing was the full width background that is used on a number of pages on the site.
Creating a custom home page can be done with ANY theme.
Loving the Genesis Life!
March 24, 2013 at 8:16 am #30863computerkittenMemberMorning! Bought a copy of that Soliloquy and wow that is neat. I think I better get the Add-ons though... I need text to occur over the home page slider. I assume that is what I need as I saw no other way of getting slider text. So will get the developer license.
Being up late last night I got the home page working and had used the Minimum theme. On the other pages now I could just put a background image on those pages, each one, via custom CSS per page. Basically achieving the same result right of implementing full width background on a number of pages. Please tell me if it would be worth switching over to stretch now that I have the home page looking great on minimum. And it collapses nicely on the Iphone. Thank you for all your feedback too.
March 24, 2013 at 11:54 am #30923weslindaMemberGood afternoon. My preference is to go the route of least resistance. Since Stretch had that built in, I'd use that so I didn't have to rebuild it. So if you're okay with doing the background image with CSS, that's fine. The primary reason I would pick stretch is that it's automatically resizing the background image based on the device without me having to write any CSS or scripting to achieve the results. It also allows me to set the background image of a page from within the WordPress admin, making administrating those backgrounds a little easier than using CSS as I can do it in the editor vs CSS file.
At the end of the day, you should do what makes you happy. If you're happy with what you've achieved using Minimum, then run with it. Both themes are responsive and should work just fine. If you are happy with your results with Minimum, roll with it. Won't offend me any. :0)
Regarding the Soliloquy slider you should not need the developer options of Soliloquy to add text over the images. The Image Caption is where you can put any text / html that you want to overlay on that image. Then you'll just need to style it as you desire. Takes a level of coding to manage, but pretty straight forward.
Loving the Genesis Life!
March 25, 2013 at 7:52 am #31100computerkittenMemberYou made some great points and I think I will back it up, restore it to another location, and switch the themes to try that out. Its possible they might not want a background on those non-Home pages so will see. But thanks that makes a lot of sense!
By the way take a look here to see how it looks now! Pretty happy with it...however I have no clue how this looks on a resolution larger than 1920x??. I only viewed it up to 1920pixel width. How do you test your stuff if its larger than that?
Oh you just saved me some money too... I didn't see that caption for the Images until looking in the properties. I styled that with CSS. Thanks again!
CK
March 25, 2013 at 1:56 pm #31166weslindaMemberAs I shared, if it's doing what you want, rock it out. My initial response was based on the desire to recreate the other site and they had some specific features that I felt Stretch fit best.
Viewing above 1920px is tough unless you have a computer that does that. There are resources like BrowserShots.org that allows you to see how things look in various browsers and operating systems. Unfortunately it doesn't go up to the screen resolution you are seeking.
Glad I saved you some money. I own the developer license for Soliloquy as it's a great little plugin. Love it a ton!
Loving the Genesis Life!
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.