• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

My first attempt. Needs work. But what?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Showcase and Feedback › My first attempt. Needs work. But what?

  • This topic has 3 replies, 3 voices, and was last updated 9 years, 4 months ago by dekraan.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 15, 2014 at 8:23 am #114389
    dekraan
    Participant

    Hi there!

    Normally I get cold feet and hesitations about my webdesigns by the time I'm almost done making it. I've been at it as an ameteur for years without launching anything. Except into the trashbin. This was about to happen again, but then I managed to convince myself that Rome was not built in one day, and published my first website.

    It is based on the Centric Theme, but in the end I might have done better at choosing the parallax theme.

    I've got a lot of pro's and con's myself. But am still curious to see what you think, and where you see improvements!

    The website is intended to show dutch businessmen, students etc a quick and easy way to get their writing checked and corrected. Through 3 easy steps.

    All critique is welcome!

    http://www.corrector.nl
    July 16, 2014 at 11:53 am #114556
    marybaum
    Participant

    All in all, not bad!

    On thing you might want to do is see if you can compress your big header image more. If you use Photoshop, try jpg Medium instead of High in the Save for Web & Devices dialogue box. And, personally, I only use .png if I have areas in an image I want to be transparent.

    If you don't, there are image-optimization services online, and Google can guide you to them.

    MB


    Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

    August 4, 2014 at 7:01 am #116954
    ᴅᴀᴠɪᴅ
    Member

    Long answer, sorry I started to write and write telling you exactly what I would do.. haha

    Design wise, there are only a few things i would say that need neatening up. .

    The extra padding on the header menu is causing the menu items to not exactly align with the site title so I would remove that.

    On small mobile widths, the responsive menu icon doesn’t have enough padding making it look cluttered so I would add some more padding there.

    The last thing is that when you visit individual pages of the site, for a split second as its loading you see a big jolt in the page where the layout has to quickly align itself and the page titles move.

    You can see it here..

    http://corrector.nl/waarom-corrector/ (if you dont see it, try clearing your browser cache and you'll see it the way a new visitor to the site would see it)

    For a second, the text ‘Houd je handen vrij’ is too close to the top of the screen then it drops back down a second later. This is because the javascript used to create the shrinking header effect is still being loaded even though you are no longer using that effect. There is a div created by the javascript called .bumper which is causing the problem as it being created as the page loads.

    I can see you have amended the javascript yourself to stop the effect, but unfortunately this only solves half the problem and causes the unsightly jolt.

    My honest opinion would be to install parallax pro instead. It has the parallax effect that you use on the front page already built in and if you follow this tutorial exactly...

    http://sridharkatakam.com/relocating-entry-title-header-genesis/

    You can make it exactly the same layout to what you have now. i nearly wrote a whole tutorial on how you would change what you have now to stop the jolt, but it became too big I realised it was the wrong solution, sorry,


    I love helping creative entrepreneurs build epic things with WP & Genesis.

    Follow on Twitter

    August 4, 2014 at 7:18 am #116958
    dekraan
    Participant

    Hi David,

    thank you for your honest critique. You are absolutely correct in your comments. Especially about the jumping part. I loved the large 'homepage' of the centric theme at first, but when I had the site done, I wanted the first line of the next box 'Klaar in slechts 3 stappen' to be visible as a trigger for my visitors.

    Because I am a beginner I had no idea how to do this properly. Somewhere along the way the thought of starting with Parallax occured to me as well, but I shrubbed it because it would cost me time (and a little money). But now that the site is live, the ideas about the second version are already bubbling up, and using the other theme probably is the right way to go.

    Thank you for your technical advice and pointers as well. I will definately use them, before I start 'building from scratch' again.


    @marybaum
    ,

    sorry for not responding sooner, these notifications end up in my spamfolder, I just found out! Also, thank you for your advice. I've noticed that it does take a long time to load. Luckily I have a friend who is in graphic design, I will ask her to compress it!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Showcase and Feedback’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble