- 63
- 18 982
Code R.E.D.
United States
เข้าร่วมเมื่อ 20 ก.พ. 2019
Learning Web Development
My 8 Commonly Used Keyboard Shortcuts
Learn some nice commands to help speed up your workflow:
Ctrl + Shift + T - Open last closed tab
Ctrl + W - Close tab or program
Alt + D - Enter cursor in the browser search bar
Ctrl + Shift + B - Toggle bookmarks
Ctrl + N - New window
Ctrl + Shift + N - New incognito window
Shift + Del - Remove item from results
Ctrl + Esc - Open start menu
Ctrl + Shift + T - Open last closed tab
Ctrl + W - Close tab or program
Alt + D - Enter cursor in the browser search bar
Ctrl + Shift + B - Toggle bookmarks
Ctrl + N - New window
Ctrl + Shift + N - New incognito window
Shift + Del - Remove item from results
Ctrl + Esc - Open start menu
มุมมอง: 12
วีดีโอ
WordPress 5.5 How To Move Blocks?
มุมมอง 5K4 ปีที่แล้ว
The latest version of WordPress changed the block layout again. Great changes, however, some are not very clear on how to do what we are used to. In this quick video I'll show you how to move blocks on the page.
Subresource Integrity (SRI) And Using In WordPress
มุมมอง 1.4K4 ปีที่แล้ว
Learn what the attribute is about and how we can use this with WordPress
Compare Gatsby vs WordPress PHP Site Speed
มุมมอง 1884 ปีที่แล้ว
Watch this quick video to compare how fast page speed is between a PHP side loading VS React and Gatsby.
How To Manually Convert HTML & PHP To JSX In React
มุมมอง 2.3K4 ปีที่แล้ว
We jump right in and explore converting PHP and HTML to JSX in React. This should give you ideas on how to keep your markup DRY and easier to control. See what attributes we change, how to create components, and more. This is great for beginners learning how the process works. Note: Yes I mistyped step 5 for 6.
What Is It Actually Like To Develop A Design In WordPress?
มุมมอง 74 ปีที่แล้ว
I created a design that we are going to implement in WordPress as a Custom Post Type. See what it is actually like to program a website and referencing the design for Front End development. We use some PHP, a lot of HTML, and we style it with CSS using SCSS.
Part 5: Maskcara Project AJAX with WordPress
มุมมอง 74 ปีที่แล้ว
See an example of using AJAX with WordPress. We cover the steps we need to take to set up the scripts properly and then how we can capture the information we need. In this example, we save information on the User's profile in WordPress.
Part 4: Maskcara Project Advanced Custom Fields Setup
มุมมอง 24 ปีที่แล้ว
I show how much basic markup is repeated and how we can clean that up using Advanced Custom Fields. This way the client can manage the content and our markup is much clearer.
Part 3: Maskcara Project Finalizing Mini Anchor Menu
มุมมอง 124 ปีที่แล้ว
See the small improvements made to the styles that I came up with when developing the mini menu. Scaling slightly provided a neat effect.
Part 2: Maskcara Project Beginning Markup & Styles
มุมมอง 24 ปีที่แล้ว
We begin implementing the markup and structure for the mini pin navigation and its styles. Nothing special about this video but it fills the gap before the next steps. A beginner might appreciate seeing the starting markup on a modified page template within a theme.
Part 1: Maskcara Project Design & Details Using Figma
มุมมอง 44 ปีที่แล้ว
This first part in the series will cover the project we are going to build and show the design ideas I built using Figma. We are building a custom page that a user can track their progress and save that to the WordPress user profile via AJAX.
How To Check WordPress For Insecure HTTP Only Links
มุมมอง 354 ปีที่แล้ว
We explore theme options, settings, widgets, and code to find any reference to insecure links to prevent mixed content warnings and errors in the console. The site then shows it's secure in the chrome browser.
How To Add Google Analytics To WordPress With Code
มุมมอง 124 ปีที่แล้ว
Learn a neat trick to check that your Google Analytics Code is tracking correctly. See a propagation problem and what I checked to make sure everything was ok.
WordPress Real Client Changes, Suggestions, Site Speed
มุมมอง 134 ปีที่แล้ว
WordPress Real Client Changes, Suggestions, Site Speed
WordPress Mini Menu Sticky Nav JS/CSS Code Explanation
มุมมอง 464 ปีที่แล้ว
WordPress Mini Menu Sticky Nav JS/CSS Code Explanation
How To Install And Use WP-CLI Basics On Windows
มุมมอง 7055 ปีที่แล้ว
How To Install And Use WP-CLI Basics On Windows
How To Copy WordPress Gutenberg Blocks To Another Page/Post
มุมมอง 1.3K5 ปีที่แล้ว
How To Copy WordPress Gutenberg Blocks To Another Page/Post
WordPress Posts & Block Editor For Beginners
มุมมอง 945 ปีที่แล้ว
WordPress Posts & Block Editor For Beginners
WordPress 5.2.3 General Settings And Overview For Beginners
มุมมอง 1.5K5 ปีที่แล้ว
WordPress 5.2.3 General Settings And Overview For Beginners
How To Create An SSL On Localhost Domain On Windows With MAMP PRO
มุมมอง 2.4K5 ปีที่แล้ว
How To Create An SSL On Localhost Domain On Windows With MAMP PRO
How To Install WordPress Locally with MAMP PRO
มุมมอง 1.4K5 ปีที่แล้ว
How To Install WordPress Locally with MAMP PRO
Mine doesn't allow me to move the image. It is in the center no matter where I try to move it. Is there a "lock position" mode?
Hey, I am not aware of a lock position. Images specifically can be more difficult, they have an align option but they can appear to always look centered in the editor. Scaling the images down might help. It could be theme related, plugin, CSS, or something else, hard to say.
I dont have that tool bar
my question is 3 years old ahead as I found this tutorial. But do you have a tutorial about installing this plugin SSH SFTP Updater Support and how to use its phpseclib?
Hi, sorry I don't! I haven't done PHP in awhile either, been learning React.
Cool. Was hoping you’d have more videos on this :(
On the latest chorme version is not possible to copy the certificate.
it works the same way by exporting it
the linked file no longer exists, you update the link please
Hi, I'm sorry I cleaned up some old snippets. I updated the description for you with the template you can use. The first line following the hash is what you will run in the terminal after the file is created. You will update "{custom}" (including the squiggly brackets) with the name of the file that you created.
What if you have containers And columns? I couldnt Find a solution For that
you compare a local website speed with a hosting server? put them on same computer.
My php.ini used: is empty, I’m also using MAMP on Windows. How to fix?
Reply to this after 2 years thank you.
You are very welcome, glad it helped!
Thanks for this info, im tearing my hair out trying to apply to a current site. Luckily I have all the hash values generated from a penetrationg testing report. How do you know which PHP to add it into please? Looks like its theme specific, im using Astra
Hi, you should have a functions.php file in your theme, you can your custom PHP to that file with your add_filter
@@coder.e.d.8060 Thank you for the reply, i will give it a go. Not very well versed in PHP so your video helped. I've already added some of the hash values in the page header and it only fixed 50% of them which is so strange, hopefully this will be more effective :/
How to increase Ram too
Thanks so much for posting. This was simple but so effective.
You are very welcome! Glad it helped someone!
Thank you! Been trying to work that out for ages, thank you, saved me so much time!!!
You are so welcome! It took me a bit to figure it out also, wasn't easy.
baler somadan dili sla takla kaj hoy na cheter bal abdul
You made my day !!!! Thank you so much ! We have to wait now for the next wordpress update ( wordpress.org/support/topic/cant-drag-and-drop-blocks-in-5-5/ )
great tutorial buddy :)
Thank you! Glad it helped.
Amazing that such a basic action was completely hidden like this. Why oh why would they have changed it from what it had before is absolutely baffling. Wordpress continually goes downhill with every update they release. It now takes about 3 centuries to actually build a page with Gutenberg blocks...
I agree. It's becoming difficult with each update to locate things. I've been exploring other options I'll share once I can demo the differences.
@@coder.e.d.8060 Our agency is currently testing out Grav and liking it. We're also going to be re-testing Concrete5 and ModX (we used to work with them quite a lot but haven't for a little while now). OctoberCMS is also on our radar to check out properly.
Thank you
You are welcome!
Thank you for this. This has been driving me nuts. I wish they would just put the little drag item thing back. That was totally intuitive.
You are welcome! I'm so glad this helped you! This feature was not intuitive at all to me either.
Thank you, thank you, thank you :D
I'm so happy you found this useful! You are welcome!
Have to say thank you as I finally have a local dev server on Windows 10 showing the https padlock and everything as it should be. It was difficult to read the small text but your instructions are spot on. I watched the video and created a list to follow, which is below: 1. Start Mamp 2. Install Wordpress 3. Change url in wordpress to https - this will break site. 4. Go to SSL section of Mamp Pro 5. Use template to create certificate and certificate key file. Do a Ctrl + F to replace {domain} with your required domain. api.cacher.io/raw/204cfaabcdfef9468dbb/9fb72530862a0b30fbbf/template.test.conf.txt 6. Go to following URL cmder.net/ and click button that says DownLoad Full (with Git for Windows). This installation will install opensll which will be required to create your certificates. 7. Open cmdr and change into directory where you want to store your created certificates (i.e ssl) and paste in following to generate files. Before pasting this into Cmdr you need to replace {domain} with your domain: openssl req -config {domain}.test.conf -new -sha256 -newkey rsa:2048 -nodes -keyout {{domain}}.test.key -x509 -days 1825 -out {domain}.test.cert {domain}.test.cert - certificate file {domain}.test.conf - conf file {domain}.test.key - key file 8. Go to Mamp Pro and choose the cert file and key file, then click save. Mamp server will reboot. 9. Go back to Wordpress site to continue with process. At this stage https will have red strike through as cert has not been installed into certificate store. Checking security tab in google dev tools ( Ctrl+Shift+I ) shows that the page is secure, but cert is missiing. 10. In Google dev tools click the view certificate button. This will show cert. 11. Click details tab, then copy to file button, then click next. 12. Select first option, then click next. 13. Click Browse and save to a specific place (I put it in downloads). Enter name to save i.e mydomain.test 14. Click next, then click finish 15. Double click certificate, click install certificate and install for Local Machine, click next. 16. Select Place all certificates in following store and browse to Trusted Root Certificate Authorities. 17. Refreshing the browser doesn't change anything. You need to close and then relaunch chrome browser. 18. Connection should now be secure and you should be able to log into wordpress. Checking Security tab in Google Dev Tool;s shos page is secure and padlock in the browser is ok too. PS Use Google Chrome browser for this, as it is easier than using Firefox. Hit Ctrl + Shift + I to open the Google Chrome Dev Tools.
Thank you for taking the time to list out the steps. I hope this helps others. I am sorry for the small text as I'm still learning to make videos better.
Definitely works but only on my computer (MAMP PRO 5). Is there any way I can access from another computer, mobile or tablet? I have tried with the local IP address or sharing the my mac over the LAN but nothing works. Any advice on how to move forward? I just want to have a SSL host to access from other devices (Mobile, Tablet ,VR Glasses) Best regards
Interesting question and a great one! Since the certificate is self-signed and you created it you should be able to install that on your device or project. I'm not sure how exactly as that depends on the device. It's also recommended to not use self-signed certs for actual security reasons so it might be best to use a real certificate with Let's Encrypt. letsencrypt.org/ This would be the route I'd go. Also, check out Browser Sync for sharing real-time www.browsersync.io/. This is how I pull up the project on my phone. I'll do a video on that.
@@coder.e.d.8060 Great! Thanks for your help!
Thank you.
You're welcome!
How can Remove Page Title Tag from the page
From the admin or from the front end?
@@coder.e.d.8060 Front End
@@WildWisdom-tv You can manually edit the page.php template and remove "the_title()" PHP function, or you can hide via CSS. This article has some other options that include a plugin if that is your only option: www.hostinger.com/tutorials/how-to-hide-page-title-wordpress
Thanks
Hi, this was very helpful thanks. I'm not a huge fan of Blocks, for this kind of reason, even though they make the page look nifty, modern, and all that. :-) What I'm wondering is whether you can copy an entire page (including any settings, seo, etc. I've done. So, once I get a page all set up like I want it, and want to create other pages just like it (as in, I have an expert-interview series and I've set up the first expert's page like I want it (or thereabouts! lol) and want to be able to clone the page entirely without having to add another plugin, so I can put the other interview videos and details on each page. So, the first page I created is my template. Do you already have a video that covers that? I'd gladly look at it and comment my thanks there, too! lol
Hi Natalie! I have a great plugin I use when I need to do what you are asking. It's called Duplicate Post. wordpress.org/plugins/duplicate-post/ This works great for copying meta fields, settings, etc. I know you said without another plugin, but this is the best reliable way that I know of. I hope this helps you out, let me know!
Damn the text size is so small, plz next videos increase the font size.
I'm very sorry. I tried to increase the size as best I could. When recording now I use my smaller monitor so it should be more readable.
hi i am not able to press on the ssl button on mamp pro 4.1
When you say SSL button, do you mean the tab at the top or the checkbox in that section?
@@coder.e.d.8060 I cannot click on on checkbox.
@@Daniel-qo9uv Make sure you have selected your custom URL first. You cannot select that checkbox for the localhost URL.
This was very helpful. I've been really struggling with WP, not because I don't understand it but because I can't focus as I'm too excited about the business prospects. However, learning to work with WP is the best investment of my time when it comes to learning a new skill, this has become obvious. I definitely want to learn enough so that I can really grill the developers I might hire in the future, but for now I just want to add a store to my already working blog at sparktwain.com. omg that site has so many problems it's like idek. I just write, you know? And I've got like 4k spam comments lol. So today I didn't bring my computer, but I'm going to watch this again with my computer in front of me, and I will probably come back with some specific questions. I use the Sydney theme. Watched a video like 3 years ago, set it up, and it's been rolling since. Now I've switched to site ground and I own like 12 other domains that I want to set up ecommerce stores/blogs with. Whew. It's a hella of a thing to throw all your wp problems to the winds of strangers on TH-cam.
Thank you for your comment! I know it can be overwhelming learning something new and asking questions to random people. Fear not, I'm here to actually help as best I can! To help you, I have a quick way to delete all unapproved comments via SQL. I can do a video on that. In short here is the SQL: DELETE FROM `wp_comments` WHERE `comment_approved` = 0; Keep in mind legit comments that might not be spam will be removed. In your case 4k comments probably indicate spam unless you really have an active blog. With WordPress I highly recommend WooCommerce: wordpress.org/plugins/woocommerce/ Ask away any questions you have. I hope this helps!
Wow over 300 views!!! 👏🏾👏🏾👏🏾👍🏾
Yes, it's very exciting for me! I appreciate the views and likes!
Your joke make me laugh out loud hahah thank you for these videos, they're super helpful!
Haha nice! Glad you liked it, I'll try and have good jokes each time.
I enjoyed the video. Keep making them on WordPress.
Hi James, Thank you! Let me know if you want me to cover anything specific.
You do such a great job teaching this stuff!
Thank you very much for saying that! I'm still new at teaching it so if you have any questions let me know!
Good job Rich! We love that wife and kids of yours :)
Haha Thanks! They are fun and keep me busy!
Rich I'm finally here! Excited to check out all your videos.
Glad to hear it! Enjoy the journey! Let's build some amazing things.