How to Build Peter Mckinnon's Photography Website using Wordpress

Поділитися
Вставка
  • Опубліковано 1 гру 2022
  • 👉 Sign up for my newsletter www.pootlepress.com/sign-up-t...
    Peter Mckinnon is one of the best UA-camrs out there, and in this video I try to create his amazing website www.petermckinnon.com/ in just 30 minutes using WordPress. His website is built using Squarespace, whereas I use WordPress and the Gutenberg Block Editor.
    Links
    The Gutenberg Parallax plugin I featured wordpress.org/plugins/paralla...
    👉 My Gutenberg plugins www.pootlepress.com/wordpress... 🔥
    👉 Sign up for my newsletter www.pootlepress.com/sign-up-t...
    👉 My WordPress and SEO courses www.pootlepress.com/our-wordp...
    👉 Contact me at: jamie@pootlepress.com
    👉 Join ClubPootle for more tutorials, free versions of the GeneratePress and Storefront block themes, and member discounts on training and consultancy clubpootle.com/
  • Фільми й анімація

КОМЕНТАРІ • 67

  • @JAMcRae
    @JAMcRae Рік тому +5

    I love watching this series of "recreate in 30 minutes". Am learning so many _practical_ things

    • @jamiewp
      @jamiewp  Рік тому +1

      thank you , it's great to hear 😀

  • @christopherwells7295
    @christopherwells7295 Рік тому +3

    Wow Jamie, 30 minutes, that is super fast, well done, loved the content and thank you for taking us through the process and steps as well.

  • @muhsinlk
    @muhsinlk Рік тому +2

    My favorite Photographer channel + My favorite Gutenberger channel! Thanks for the lovely video, Jamie!

    • @jamiewp
      @jamiewp  Рік тому +1

      Thank you so much 😊

  • @derek-hanson
    @derek-hanson Рік тому +1

    @petermckinnen is one of my favorite UA-camrs! Whenever he does a SS ad read I just keep dreaming of his site moving to WordPress. Your recreation matches quite well with very little fuss and showcases how quickly you can make a beautiful website in short order with WordPress.

    • @jamiewp
      @jamiewp  Рік тому

      Thank you Derek 👍

  • @KrastyoKrastev
    @KrastyoKrastev Рік тому +1

    That's great. Please keep this series alive :) can't wait for the next video

    • @jamiewp
      @jamiewp  Рік тому +1

      👍 planning the next one now 🤔

    • @KrastyoKrastev
      @KrastyoKrastev Рік тому

      @@jamiewp awesome :)
      Can't wait for your 10k special video also :)

  • @catchnote2
    @catchnote2 Рік тому

    Love these videos, so clever, just subscribed. I'm grateful to learn more webdesign skills.

  • @imkavindu
    @imkavindu Рік тому

    Thank you so much! These 30min videos are awesome!

  • @mattisdaae8145
    @mattisdaae8145 Рік тому

    This is The most useful wp video I´ve Steen in a long time!

  • @chnoco
    @chnoco Рік тому

    Criminal that this only has 199 likes.
    Absolutely incredible video. Really helped me learn a lot.

  • @migueldemaria3830
    @migueldemaria3830 10 місяців тому

    Love this series. A pleasant and effective way to learn my way around Gutenberg, which I don't find particularly intuitive.

    • @jamiewp
      @jamiewp  10 місяців тому

      Glad you enjoy it!

  • @KenWanovichMusic
    @KenWanovichMusic Рік тому

    Awesome video, Jamie!

  • @tomfraser3086
    @tomfraser3086 Рік тому +1

    For brilliant parallax effects I use the Greenshift animation blocks

  • @tomplayersong
    @tomplayersong Рік тому

    Brilliant stuff!

  • @davidjboozer
    @davidjboozer Рік тому +1

    Love the video! More of a Nigel Danson and Mark Denney fan though, LOL!

    • @jamiewp
      @jamiewp  Рік тому +1

      I'm gonna check those out today

    • @davidjboozer
      @davidjboozer Рік тому

      @@jamiewp You'll lov'em, and some James Popsys too!

    • @jamiewp
      @jamiewp  Рік тому +1

      @@davidjboozer cool - im already a big Popsys fan :)

  • @visualmodo
    @visualmodo Рік тому

    Top content!

  • @andrewf.7813
    @andrewf.7813 6 місяців тому

    What the actual F... you, Jamie, are an absolute wizard,..I would do myself a disservice if I wouldn't follow you from now on. Thanks for sharing these nuggets.

    • @jamiewp
      @jamiewp  6 місяців тому

      Great to have you onboard Andrew :)

  • @SaR3News
    @SaR3News Рік тому +1

    Love from Egypt

  • @gortime
    @gortime Рік тому

    Another great recreation video, thanks, Jamie! Which is your favorite tool for pulling the YT content?

    • @jamiewp
      @jamiewp  Рік тому

      Hi, sorry not quite sure what pulling youtube content means?

  • @amehokwori9376
    @amehokwori9376 10 місяців тому

    tnk u

  • @krisfaith8039
    @krisfaith8039 7 місяців тому

    Great video, how do you start with a blank theme?

  • @Hebhansen
    @Hebhansen Рік тому

    Cool Tutorial 👍

    • @jamiewp
      @jamiewp  Рік тому +1

      Thanks Henrik

    • @Hebhansen
      @Hebhansen Рік тому

      @@jamiewp You mentioned a couple of times how to force Header Cover block to top of page as opposed to an empty bar. Could you repeat that again?

  • @ShaunBennett
    @ShaunBennett 9 місяців тому

    I'm tying this in oct 23 w 6.2.3 and am havening some problem with the page option vs the site options. seem the editor has changed or at least moved.

  • @Bigfarmffs
    @Bigfarmffs 5 місяців тому

    I want this website so bad but im close giving up after 5 hours of pure frustration. It seems so much harder to find the process 1 year after. I pray you can make an updated version 😁

  • @hiperchou
    @hiperchou Рік тому

    Brilliant video Jamie. I've tried to replicate this on my website and had a few problems with the parallax effect plugin. Anyway, I've done the same using another plugin called Advanced WordPress Backgrounds and the result is the same. The only thing is when I open the website from the mobile the navigation menu does not appear and the images don't stack one after the other in the home page.

    • @jamiewp
      @jamiewp  Рік тому

      Cool tks for the Advanced Backgrounds info - will check it out 👍

  • @robertsprasath8901
    @robertsprasath8901 8 місяців тому

    Great Stuff, any chance you will be making a video on using envato theme kit and elementor for wordpress website?

    • @jamiewp
      @jamiewp  8 місяців тому

      Thanks - im focusing on gutenberg for now 👍

  • @user-cb5wn5fs3m
    @user-cb5wn5fs3m Рік тому

    I am learning

  • @fiqihalfarizy4843
    @fiqihalfarizy4843 Рік тому

    Hey Jamie thanks for this tutorial, I just found your channel and I love it, subscribed!. I wonder, is it possible to design block theme using gutenberg builder such as cwicly or kadence and then export it as wp theme without having to instal cwicly?

    • @jamiewp
      @jamiewp  Рік тому +1

      Hi , that’s a great idea but not possible at the moment ….but in principle this is exactly what’s so cool about using naked Gutenberg - eg you can design your theme using any block theme and the core Gutenberg blocks and then export it to create a brand new theme (or child theme) . Tutorial coming soon 👍

    • @fiqihalfarizy4843
      @fiqihalfarizy4843 Рік тому

      @@jamiewp thank you jamie!! wait it!!! 👍👍

  • @CarVideography
    @CarVideography 7 місяців тому

    Hi how does this method work for mobile UI too?

  • @salsel82
    @salsel82 Рік тому +1

    Hi Jamie, really thanks for this amazing video. I found it really useful! Just one question, I followed all your steps, but I got white spaces between the parallax blocks. Do you have any idea on how to remove them?

    • @jamiewp
      @jamiewp  Рік тому

      It may be some setting in your theme - what theme are you using ?

    • @danakhalaf1845
      @danakhalaf1845 Рік тому

      @@jamiewp Jamie, I have the same issue. Using theme Twenty-Twenty Three.

    • @danakhalaf1845
      @danakhalaf1845 Рік тому

      @@jamiewp Figured it out. I just had to zero out the Block Spacing Padding in the Style layout of the Blank page template.

    • @jamiewp
      @jamiewp  Рік тому

      @@danakhalaf1845 great , well done 👍

    • @migueldemaria3830
      @migueldemaria3830 10 місяців тому

      brilliant! @@danakhalaf1845

  • @androidappmarkt3999
    @androidappmarkt3999 Рік тому

    Hi Jamie. Instead of the Parallax Section I try to use the Cover Block. However, the two columns for logo and navigation are not displayed full width when aligned top center. With the alignment middle center, however, they are. I do not know why? Kind regards, Markus

    • @jamiewp
      @jamiewp  Рік тому

      Hi Markus, yes i've seen this before. What theme are you using?

    • @androidappmarkt3999
      @androidappmarkt3999 Рік тому

      ​@@jamiewp Bricksy

    • @androidappmarkt3999
      @androidappmarkt3999 Рік тому

      ​@@jamiewp Bricksy. Do you have an idea if it works with the Cover Block or just with the Parallex Section? 🤷🏻‍♂️

  • @Line49Design
    @Line49Design Рік тому

    I would think it intuitive and desirable to use a block library plugin like Generate or Kadence, rather than fish around for one-off or CSS solutions to core block limitations. No?

    • @jamiewp
      @jamiewp  Рік тому +1

      Hi, well if you only need one thing then sometimes a 'one block' solution also works ;)

  • @hiddelevering
    @hiddelevering 11 місяців тому

    McKinnon*

    • @jamiewp
      @jamiewp  11 місяців тому +1

      thanks - updated!

    • @hiddelevering
      @hiddelevering 11 місяців тому

      @@jamiewp great video btw! Is it possible to make it in Elementor as well?

    • @jamiewp
      @jamiewp  11 місяців тому

      Im sure it is@@hiddelevering