How to Build Peter Mckinnon's Photography Website using Wordpress

Фильм және анимация

👉 Sign up for my newsletter www.pootlepress.com/sign-up-t...
Peter Mckinnon is one of the best KZreadrs 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 Жыл бұрын

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

  • @jamiewp

    @jamiewp

    Жыл бұрын

    thank you , it's great to hear 😀

  • @christopherwells7295
    @christopherwells7295 Жыл бұрын

    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.

  • @derek-hanson
    @derek-hanson Жыл бұрын

    @petermckinnen is one of my favorite KZreadrs! 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 👍

  • @muhsinlk
    @muhsinlk Жыл бұрын

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

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Thank you so much 😊

  • @chnoco
    @chnoco Жыл бұрын

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

  • @KrastyoKrastev
    @KrastyoKrastev Жыл бұрын

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

  • @jamiewp

    @jamiewp

    Жыл бұрын

    👍 planning the next one now 🤔

  • @KrastyoKrastev

    @KrastyoKrastev

    Жыл бұрын

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

  • @imkavindu
    @imkavindu Жыл бұрын

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

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Thank you 🙏

  • @catchnote2
    @catchnote2 Жыл бұрын

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

  • @jamiewp

    @jamiewp

    Жыл бұрын

    thank you

  • @mattisdaae8145
    @mattisdaae8145 Жыл бұрын

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

  • @jamiewp

    @jamiewp

    Жыл бұрын

    thank you

  • @migueldemaria3830
    @migueldemaria383010 ай бұрын

    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!

  • @SaR3News
    @SaR3News Жыл бұрын

    Love from Egypt

  • @tomfraser3086
    @tomfraser3086 Жыл бұрын

    For brilliant parallax effects I use the Greenshift animation blocks

  • @KenWanovichMusic
    @KenWanovichMusic Жыл бұрын

    Awesome video, Jamie!

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Thanks Ken

  • @visualmodo
    @visualmodo Жыл бұрын

    Top content!

  • @tomplayersong
    @tomplayersong Жыл бұрын

    Brilliant stuff!

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Thanks Tom 😀

  • @andrewf.7813
    @andrewf.78136 ай бұрын

    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 :)

  • @amehokwori9376
    @amehokwori937610 ай бұрын

    tnk u

  • @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?

  • @krisfaith8039
    @krisfaith80397 ай бұрын

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

  • @ShaunBennett
    @ShaunBennett9 ай бұрын

    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.

  • @davidjboozer
    @davidjboozer Жыл бұрын

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

  • @jamiewp

    @jamiewp

    Жыл бұрын

    I'm gonna check those out today

  • @davidjboozer

    @davidjboozer

    Жыл бұрын

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

  • @jamiewp

    @jamiewp

    Жыл бұрын

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

  • @Bigfarmffs
    @Bigfarmffs5 ай бұрын

    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 😁

  • @user-cb5wn5fs3m
    @user-cb5wn5fs3m Жыл бұрын

    I am learning

  • @jamiewp

    @jamiewp

    Жыл бұрын

    Great to hear

  • @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
    @robertsprasath89018 ай бұрын

    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 👍

  • @CarVideography
    @CarVideography7 ай бұрын

    Hi how does this method work for mobile UI too?

  • @Hebhansen
    @Hebhansen Жыл бұрын

    Cool Tutorial 👍

  • @jamiewp

    @jamiewp

    Жыл бұрын

    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?

  • @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

    Жыл бұрын

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

  • @salsel82
    @salsel82 Жыл бұрын

    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

    Жыл бұрын

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

  • @hiddelevering
    @hiddelevering11 ай бұрын

    McKinnon*

  • @jamiewp

    @jamiewp

    11 ай бұрын

    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

Келесі