Тёмный
David Waumsley
David Waumsley
David Waumsley
Подписаться
Previously about learning WordPress with a focus on Beaver Builder. Now about using WordPress as a Static Site Generator.
Комментарии
@jone7414
@jone7414 Месяц назад
David, why would you get at 2:53 the text blok while on mine I don't ?
@DavidWaumsley
@DavidWaumsley Месяц назад
This is quite old and is showing the WordPress classic editor rather than the newer (Gutenberg) block editor. I don't use WordPress as much, but I still go back to the classic editor with this plugin wordpress.org/plugins/disable-gutenberg/
@KatieBurd
@KatieBurd 2 месяца назад
I'm looking for a way to configure a search bar for a membership site for a client that uses Beaver Builder, Beaver Themer with Access Ally. I'd wondering if you think WP Facet may be good to use? Right now they several courses but their biggest thing is they want mastermind clients to be able to use a search bar and search within the Mastermind content pages to find text on the page with the content they are looking for. I'm wondering if I could use WP Facet to categorize / tag the mastermind pages so the search would only pull up content from the mastermind? I'm going to start researching Facet but I'm love your insight thank you!
@pauls1883
@pauls1883 2 месяца назад
I don’t get it. 😢
@The_Beard_of_Wisdom
@The_Beard_of_Wisdom 3 месяца назад
fyi, they now have a migration key to help speed up the migration process...
@natebanker1263
@natebanker1263 3 месяца назад
1. The link doesn't display in the bottom left corner like a normal link does. 2. Any ideas on how you could make the <a href> text</a> change color on hover no matter where you are hovering over the column?
@DavidWaumsley
@DavidWaumsley 3 месяца назад
I did not understand 1. But 2. you should be able to do now with the new :has() pseudo-class. Something like this .clickable-col:has(:hover) a { color:red ; }
@natebanker1263
@natebanker1263 3 месяца назад
@@DavidWaumsley on chrome, when you hover over a link, it displays that link URL in the bottom left-hand corner of the browser. This doesn't happen on the column hover, but will happen if I hover over the text wrapped in the <a href>
@DavidWaumsley
@DavidWaumsley 3 месяца назад
@@natebanker1263 Oh I see. This shows the HTML title attribute that is in the element being pointed at i.e title=" this is my hover-over text". I'm not building with WordPress and BB anymore so I'm not sure how you could add this to a clickable column. I think there was an attribute plugin for BB on GitHub somewhere that allowed to to insert these any any module. I don't think it is an option by default on anything that is not a link in BB.
@dh7594
@dh7594 3 месяца назад
I dont see my fonts listed on that web page. Does than mean they offer no variable fonts ? UniversalSans
@DavidWaumsley
@DavidWaumsley 3 месяца назад
Universal Sans is not a Google fonts. I think it is a commercial font, but I have no idea if they have made a variable version. I would guess not.
@chickengamer8727
@chickengamer8727 3 месяца назад
Anyone know how I’d do this
@chickengamer8727
@chickengamer8727 3 месяца назад
Anyone used this recently?
@EdwardYYZ
@EdwardYYZ 3 месяца назад
David, you've long been my first choice as a resource for when I have been in search of solution to a WordPress/Beaver Builder/other things quandary (I've made many a Google search where I type in the subject of my question and add, hopefully, "Walmsley" to the end of it), mainly because you both figure things out and have a knack for explaining it with clarity. So of course I'm quite interested in whatever it is that you're undertaking here, and I can already see that whatever free time I might have had available next weekend is rapidly being spoken for. However, my piqued interest is tempered by a slight degree of bafflement. Clearly there are some web trends I've not kept up with. Help me catch up here... Is a static WordPress one without a database?
@AIContentHacker
@AIContentHacker 5 месяцев назад
Many thanks for this! Just into this industry, but will go for this as a part of my toolbox.
@walikhanomari8348
@walikhanomari8348 5 месяцев назад
much more confusing
@YabeWP
@YabeWP 6 месяцев назад
Hi David, while the goal of not using any plugin, we have made a more convenience way to self-hosting Google Fonts (and new variable fonts), with the help of Yabe Webfont
@ServerAcademy
@ServerAcademy 6 месяцев назад
This is a fantastic deep dive into this topic. I really appreciate the work you put in here, David!
@DavidWaumsley
@DavidWaumsley 6 месяцев назад
Thanks so much 🙂
@yordi3945
@yordi3945 6 месяцев назад
my columns are not placed side by side but on top of eachother can anyone help?
@user-iv8sb2fd6q
@user-iv8sb2fd6q 7 месяцев назад
The first link is dead. Is that content still available somewhere?
@DavidWaumsley
@DavidWaumsley 7 месяцев назад
I'm sorry it's gone for good.
@DerekAmsterdam
@DerekAmsterdam 8 месяцев назад
Thank you for this great and helpful video. Very well explained!
@DavidWaumsley
@DavidWaumsley 8 месяцев назад
Thanks Derek
@renkessler5476
@renkessler5476 9 месяцев назад
I am doing my first Woo store and Googled WooPack. Guess what came up? Thanks for the overview. It doesn't look like the basic features in WooPack have changed very much since release.
@louisandphoebepetboutique
@louisandphoebepetboutique 10 месяцев назад
Hi David, I use Breeze on my website but this morning this came up not sure how to rectify it. Status: Not connected Drop-in: Valid Disable An object cache error has occurred: Failed to initialize object cache: Connection refused Have tried trouble shooting but cant find any thing. Thank you
@brendaconzi2773
@brendaconzi2773 10 месяцев назад
3 minutes spent and no solution about the google fonts :/
@benjamincloud4330
@benjamincloud4330 10 месяцев назад
Menu building with beaver builder is an absolute chore, I don't know why they don't work on a better way to make these.
@hfaith
@hfaith 10 месяцев назад
Your Demo website doesn't seem to be working anymore 😞
@DavidWaumsley
@DavidWaumsley 10 месяцев назад
I'm sorry. I had to take my demos down as it was too much to maintain with false accounts being set up. This video is quite old and I'm not not using a page builder any more.
@hfaith
@hfaith 10 месяцев назад
That is understandable. I only wish the code was saved via github or something so that the information would still be usable because this is exactly the type of thing I was looking for.@@DavidWaumsley
@bst8596
@bst8596 11 месяцев назад
Perfect - thank you David! One issue that I've found comes with the Astra Theme (Maybe with other themes too). You need to check if a parent container has an overflow property set. If so "sticky" won't work. For instance, with the Astra theme, there is an "overflow:hidden" for the HTML Tag in the default CSS of the theme. Simply unset the overflow property and it will work fine.
@DavidWaumsley
@DavidWaumsley 11 месяцев назад
Thank you Great tip. Much appreciated.
@JulianChown
@JulianChown Год назад
Thanks for your video. Am just wondering if this is also possible with linked images too because the theme I am using doesn't allow image selection with Beaver Builder.
@DavidWaumsley
@DavidWaumsley Год назад
Hi Julian. Thanks for watching. I see no reason why not. One thing that was not around when I did this was fetch priority (web.dev/fetch-priority ). Worth checking out - although this is probably even harder to implement via WordPress. I am out of touch now as I decided scrap using a builder. With all the cool new stuff browsers are supporting hand coding started to appeal.
@user-vq8kr8yt6t
@user-vq8kr8yt6t Год назад
Thank you worked 100%!
@DavidWaumsley
@DavidWaumsley Год назад
Great, Thank you too.
@plmcreative
@plmcreative Год назад
Stunning progress you've made David. You should be very proud of yourself. His was very inspiring. And also made me laugh out loud a few times with some of the comments and rationale... I'm talking about things like "learning CSS was easier than learning Gutenberg" and the React being a mistake, and JS Devs trying to figure out how to output html Lol. Hearing you joke about these things shows you've moved on from all the Gutenberg trauma and can make light of it all now with it firmly in the rearview mirror. Looking forward to more videos!👏
@DavidWaumsley
@DavidWaumsley Год назад
Thank so much Paul. Not just for this, but for being a supportive friend who just gets the dilemmas. You may not realize this but you flipped things the most. I was using the HTLM module in Beaver Builder for lots of things and you said if doing that you dont really need Beaver Builder. I need to tighten things up and battle test it some more, but the nice response makes me want to do more content again.
@47melvin
@47melvin Год назад
That is another excellent video, David. I appreciate your effort in creating this video. 🙏🏻 I don't mind paying you a fee if you were to start a detailed step-by-step course on how you converted an entire WP site to a static site. PS: And thanks for introducing WPCodebox. I've been using it daily ever since I got it through your link a few months ago.
@DavidWaumsley
@DavidWaumsley Год назад
Hi Melvin thank you so much. That is great to hear, I was wondering if it might be worth setting up some kind of life membership where I shared everything I did with on going tutorials. I think I would have to provide a version that did it all via the theme so folk did not have to use WP Code Box. It is just a thought. at this moment I have 5 projects running now to learn from so I don't think I will get anything done quickly.. I would like to get to the point where I know what I have is solid and faster then using a page builder.. Thank you again.
@jata1
@jata1 Год назад
Admin Page Spider is another way to get wp working faster
@DavidWaumsley
@DavidWaumsley Год назад
I used to use it, and did a video on it ages back. This video is about page load.
@thisweblabvideos
@thisweblabvideos Год назад
Loving this setup.I like how you think about the stack in terms of it being resiliant to unforseen changes. I also like how the entire github setup works and the fact you can end up having free hosting for clients. Moving site edits to you also opens up a wass horizon as well. All this is a real food for taught. Though at the moment manz of my clients really fo update the sites on their own. So will have to think of this. Love the classless (or low class component drive coding approach) too. I want more of this.
@DavidWaumsley
@DavidWaumsley Год назад
I really appreciate this comment. Thank you. Clients needing to change their own content is a real weakness in this. Presently, I would be the bottleneck in the situation where the client needed to quickly up date content for visitors. So far, for me that type of content has just been booking or calendar stuff which is done via a 3rd party. I thought I would end up limiting my type of work. Which was fine me me. I passed on a WP membership site that was broken, but luckily found out that it was only a directory and that updates were not often. Users struggled with the complexity and restriction of fields and some had to be banned for messing up the site (I think funky copy and paste text). Before going this route I would have looked to rethinking the fields and adding safeguards. After I just asked could they just not do it via Google docs or via a feedback overlay (Userback or Project Huddle). That was preferred. I am not done, but it has got me really thinking about where and when a client really needs a CMS. Anyway there still is a route either the Jamstack way or reverting some things and putting the WordPress site live. I think we are in the middle of quite a division of approaches. I think I will be some months learning from some new projects before I could come back with more detail, but wanted to see if there was any interest in this.
@thisweblabvideos
@thisweblabvideos Год назад
​@@DavidWaumsley this video inspired me to show some of the things I keep thinking about in regards to approach we have with Builderius site builder. Specifically HTML first approach. You control all the html and css, so you build it all as if its a static html site, and then we simply pull dynamic data where we need it. This makes it really easy to create stuff using modern css and html approaches without the complexity of blocks and other simiar stuff. The entire thing becomes so much simpler. I want to try and make a video about this to communicate some of excitement I have about it. :)
@DavidWaumsley
@DavidWaumsley Год назад
@@thisweblabvideos That sounds fabulous. I will be really interested in that. I was always interesting in what you were doing with Builderius, but it was only today that I followed your RU-vid channel. I'm amazed this video has got good views. It looks totally mad from serious developers point of view, but I perhaps I'm not the only WordPress person who feels first they need to level their CSS and HTML skills first in familiar surrounding in bite sizes pieces. Still, even if I was a wiz kid with npm, right now I have a few jobs to do with 100's of WP pages and posts on the existing sites.
@DavePerth
@DavePerth Год назад
Thanks David, very interesting stuff - I too have looked at Astro - but I've not found the time to investigate fully yet! One question - how does this affect client editing, and client pushing updates ?
@DavidWaumsley
@DavidWaumsley Год назад
Nice to see you Dave. There's is no CMS with this WP approach so clients give me what needs to be updated. One advantage of Astro (and other SSG's) is that you can add editable areas (to their "front matter") and use Netlify's CMS option to give client access. Most JamStack CMSs are really expensive! I could talk about this a lot. It took me a long while to realize that a CMS was not what my clients actually wanted for the HTML type content. Actually, either they never used it or really got into it and started messing things up. I have had jobs where the original dev restricted what the client can edit (with ACF) and that client has come to me to get the restrictions removed. Much later after a proper chat with the person behind one of those those jobs it was not as I thought. The restriction were just too much, but they would rather someone else was altering the site for them. With new clients it is easier as over the build time we are working with shared Google docs so this is how they tell to make changes. For one site with many people needing to give feed back on what needs altering I am considering using UserBack or Project Huddle for it. Things like taking payment and bookings are all coming via other API so they have their own accounts to manage that. I can't do a full ecommerce site, because I don't have the skills to connect the Stripe API to the HTML, but it would be that way would go if needed.
@DavidWaumsley
@DavidWaumsley Год назад
Just to follow up - I could put my local site on to a server for clients and let them adjust this. I think the Simply Static Pro plugin would allow the client to push the static version to where it needs to be. I have not needed to do this as clients have been keen to just communicate with me. I think I would be back to square one if I did this. I would be dependent on a plugin (which recently has let me down) and fixed to WordPress. With the new sites I chose my tool - WP or Astro and should be able to swatch with the client not knowing or caring.
@DavePerth
@DavePerth Год назад
@@DavidWaumsley Thanks for the replies David - trust all is well with you?
@DavidWaumsley
@DavidWaumsley Год назад
@@DavePerth Thanks. yeah all is good here . A bit more work than I would like but I am more excited to be doing it than I have for a while.. I got my Facebook hacked account and saw it as a good time to get off it.
@stevendavis7628
@stevendavis7628 Год назад
What do you do for backend database...email, forms processing...?
@DavidWaumsley
@DavidWaumsley Год назад
Hi Steven, sorry I need to get this out as a blog post as I don't show everything I mention. I use Formspark which actually still is on a deal: www.dealify.com/formspark/
@DavidWaumsley
@DavidWaumsley Год назад
Sorry, what do you mean by database? Local WP provide MySQL for WordPress.
@stevendavis7628
@stevendavis7628 Год назад
@@DavidWaumsley - I think a separate video on your full stack (and development environment) would be great. I'm using FluentCRM currently...so I can't go truly static...but I'm interested in how far I could push it..and see what my options are in a serverless model.
@DavidWaumsley
@DavidWaumsley Год назад
@@stevendavis7628 Ah yes I see what you are saying. I have a new client who relies on a CRM, but luckily it is 3rd party and so I will have to connect FormSpark to Zapier to his CRM. I don't know yet as I have not started that job.
@stevendavis7628
@stevendavis7628 Год назад
Very interesting...I'm going to have to dig into this further. Big move from your Beaver builder stuff!
@DavidWaumsley
@DavidWaumsley Год назад
Indeed it is a massive change. In some ways I started this with my Beaver Junction project. That got me thinking that I could manage code in small sections. Thanks so much for watching and commenting.
@DavidWaumsley
@DavidWaumsley Год назад
Blog post is here: simplerevolutions.design/static-wordpress-with-wp-code-box/ Special 25% off coupon: “beaverjunction” for the best discount available for wpcodebox.com/
@miksologia
@miksologia Год назад
Oh man! Finally a video that helped me understand how this works. Thank you so much!
@DavidWaumsley
@DavidWaumsley Год назад
Thank you. That is so kind of you and appreciated. All the best David
@mariapiamario
@mariapiamario Год назад
Awesome...!!! Thank you very much!
@DavidWaumsley
@DavidWaumsley Год назад
Thanks Maria.
@erichepperlewp
@erichepperlewp Год назад
2:30 - Good general info on why exporting generated code to a plugin is useful, but this is for #GenerateWP, not #Elementor or #CPTUI native
@47melvin
@47melvin Год назад
Thanks for the discount code, David. It worked! I bought the Agency plan via your affiliate link. :)
@DavidWaumsley
@DavidWaumsley Год назад
Thanks very much Melvin. I saw it come in. This video is a bit dated, but I actually love WPCB even more now. I'll do more content soonish.
@risenphoenix9612
@risenphoenix9612 Год назад
Ftp noy showing
@DavidWaumsley
@DavidWaumsley Год назад
Are you sure?. It was 2 weeks ago when I last used it.
@rizafarheen7262
@rizafarheen7262 Год назад
Such a great explanation. Thanks David.
@reachco_andrew
@reachco_andrew Год назад
Do you still have this code somewhere? I noticed the old site is gone.
@DavidWaumsley
@DavidWaumsley Год назад
Hi Andrew, so about this. Hopefully this will do: github.com/DavidWaumsley/BeaverJunction/blob/master/animated-hamburger-icon-for-the-beaver-builder-theme I have a back-up of the site, but I grabbed this from web.archive.org/web/20220627074501/only.beaverjunction.com/animated-hamburger-icon-for-the-beaver-builder-theme/
@pauls1883
@pauls1883 Год назад
WYSIWHYG = "What You See Is What You HOPE You Get"? LOL. Great video David. I'm infatuated with REMs but I can understand that the average punter only knows PX, from their experiences with Word Doc editing, mostly.
@DavidWaumsley
@DavidWaumsley Год назад
Thanks for this Paul. Indeed, I find it really hard to think in relative units. We now have a whole bunch of new ones with container queries arriving. developer.mozilla.org/en-US/docs/Web/CSS/CSS_Values_and_Units
@EdwardYYZ
@EdwardYYZ Год назад
Pathetic as it sounds, for some reason the process for inserting child columns will not stay in my memory and I have to watch this video twice a month. I hope you never take it offline, David!
@DavidWaumsley
@DavidWaumsley Год назад
On my! That's sound like torture. Thank you though. I am very pleased it has been useful.
@PeteConnorsMarketing
@PeteConnorsMarketing Год назад
Very nice! Been digging around and knew something like this was possible... Finally found it. Thanks a bunch for the simple tutorial.
@DavidWaumsley
@DavidWaumsley Год назад
Thanks Pete.
@lalettrec
@lalettrec Год назад
It doesn't keep property customisation on infinite scroll. If you check "hide short description", it's only going to work for the first batch of posts, try scrolling and it will display "short description" regardless. Not. Cool.
@DavidWaumsley
@DavidWaumsley Год назад
Thank you, that is good to know. Have you reported it?
@yoyoma17
@yoyoma17 Год назад
Are you sure this still works if there are multiple modules in the sidebar?
@DavidWaumsley
@DavidWaumsley Год назад
I did this a while ago so am not so fresh on the topic, but as long as modules are not (invisibly) taking up whole of it's container's height it should work. All I can really say is everything on my demo works. designs.beaverjunction.com/sticky-columns/ . If you have a link to a page where it is not working I can have a look at the source code to see if a spot any issue.
@NOALNOM
@NOALNOM Год назад
Amazing! this is so much helpful! Thanks for sharing! Nice channel.
@NOALNOM
@NOALNOM Год назад
Amazing! Thanks for sharing!!!
@ahmed-Alziyadi
@ahmed-Alziyadi Год назад
How did you disaplay them in front page?
@bolumstar
@bolumstar Год назад
Does it migrate email accounts?
@DavidWaumsley
@DavidWaumsley Год назад
It is only for migrating WordPress websites.
@bySterling
@bySterling Год назад
Wow this looks amazing!
@rafaelsandovalmolina
@rafaelsandovalmolina Год назад
Hi! I just added the code to Global Settings, but columns did not become clickable. I must be doing something wrong. Where are the links supposed to be? I thought having them in the title or text box inside the column was enough. Apparently, it isn't. What can I do about it? Thanks in advance for tour input.
@DavidWaumsley
@DavidWaumsley Год назад
That's odd. Do you have a link you could share so I can see the source code?. The link can be anywhere on in the column which needs to have the “clickable-col” class assigned to it .