How to go about creating a website like this?

Community Forums Forums General Discussion How to go about creating a website like this?

This topic is: not resolved

Tagged: 

This topic contains 13 replies, has 3 voices, and was last updated by  weslinda 1 year, 8 months ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #30578

    computerkitten
    Participant
    Post count: 102

    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

    #30673

    weslinda
    Participant
    Post count: 193

    Probably 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!

    #30748

    computerkitten
    Participant
    Post count: 102

    Does 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

    #30764

    weslinda
    Participant
    Post count: 193

    Soliloquy 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!

    #30765

    computerkitten
    Participant
    Post count: 102

    Thank 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.
    CK

    #30774

    weslinda
    Participant
    Post count: 193

    Soliloquy 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!

    #30816

    AC
    Blocked
    Post count: 7712

    I 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.

    #30821

    weslinda
    Participant
    Post count: 193

    AnitaC, what would be your solution for full width background images in Minimum?  Always use a slider?


    Loving the Genesis Life!

    #30826

    computerkitten
    Participant
    Post count: 102

    Well 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

    #30845

    weslinda
    Participant
    Post count: 193

    Good 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!

    #30863

    computerkitten
    Participant
    Post count: 102

    Morning!  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.

    #30923

    weslinda
    Participant
    Post count: 193

    Good 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!

    #31100

    computerkitten
    Participant
    Post count: 102

    You 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?

    http://tinyurl.com/d7qtlj4

    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

    #31166

    weslinda
    Participant
    Post count: 193

    As 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!

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.