Categories
Website Design

1 Trick To Creating Awesome Websites! (JS ANIMATIONS!) [Video]

Check out my courses to become a PRO! https://developedbyed.com/ Today I am going to share with you my number one tip to improve the feeling/first impression of a website. Of course we are talking about adding awesome animations with javascript to improve your website presentation. Support me on Patreon for exclusive episodes, discord and more! https://www.patreon.com/dev_ed Code for you to download https://github.com/developedbyed/website-animation-trick Follow me on: Twitch: https://www.twitch.tv/developedbyed Twitter: https://twitter.com/developedbyed Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/developedbyed/ #programming #javascript

Categories
Website Design

How to Add a Downloadable File in WordPress Quick & Easy! [Video]

Get our NEW Course https://link.websitelearners.com/WordPress-Course Learn WordPress and create any Website in less than 7 days with our "Make A Pro Website" WordPress course Learn how you can add Downloadable FIle to your WordPress website. By adding a Downloadable file to your site, Your visitors can Download Files from your Site. Lets get Started! Table of Contents: 00:00 Intro 00:57 Upload the File to your website 01:37 Add the File to your website 04:34 How to add a Downloadable File to a page which is built using Elementor To add a Downloadable File to your Site, you have to do 2 Steps. Step 1: Upload the File to your Site. To upload the File, Go to WordPress Dashboard Media Add New. Drag and Drop the file from your Computer which you want to upload. And the File will be uploaded. Step 2: Add the File to your Site. Go to the Page where you want to add the File. Click Edit Post. Go to the Place where you want to add the File. To add a File you need a Download Button. To add a Download Button, Click on the Plus (+) icon. And select the Button Element. Enter the Button text you want. To add your File to this button, Click on the Link icon. It will ask you to Enter the Link of the File. To get the File Link, Go to WordPress Dashboard Click Edit next to your File. You will see the Link on the Right Side. Click Copy URL to copy the Link. Go back to your Page and Paste the Link on the Box. And the File will be added to your Button. If you want your File to opened in a New Tab when someone clicks the Button, Click Open in a New Tab option. To Save the Changes, Click Update. This is how you can add a Downloadable File to your WordPress website. If you want to add a Downloadable FIle to a Page which is built using Elementor. Click Edit with Elementor. Go to the Place where you want to add the File. Just like before, you have to add a Download Button. To add the Button, Just drag the Button element from the Left side and Drop where you want. To change the Text, Click on the Button and enter the Text you want. To add the Downloadable File, you need to enter the File link on the Left side of the Elementor Edit Page. To get the File link, Go to WordPress Dashboard Media. Click the File which you want to add. You will see a Link on the Right side of the Page. Click Copy URL to copy the Link. Go back to the Elementor Edit Page and Paste the link on the Box. If you want your File to be Opened in a New Tab, Click Open in a New Tab option. Click Update. Thats it Guys! This is how you can add a Downloadable File to a Page which is built using Elementor. —————————— The Tools we use: Get the best tools for your website https://websitelearners.com/tools/ Video Gear We Use https://kit.co/websitelearners/video-gear-we-use/ Our Video Editing Tool https://bit.ly/2Od546p Officially: We’re Hiring: https://websitelearners.com/careers/ Want your website developed by us? Email us your requirements to contact@websitelearners.com Follow & Chat with us: ———————————- Instagram: https://www.instagram.com/websitelearners/ Facebook: https://www.facebook.com/websitelearners/ Twitter: https://twitter.com/websitelearners/

Categories
Website Design

Programming Tech I Like and Dislike [Video]

Check out my courses to become a PRO! https://developedbyed.com/ Today we are going to be talking about my likes and dislikes with popular programming languages, frameworks and random technologies. Support me on Patreon for exclusive episodes, discord and more! https://www.patreon.com/dev_ed Follow me on: Twitch: https://www.twitch.tv/developedbyed Twitter: https://twitter.com/developedbyed Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/developedbyed/ #programming #tech

Categories
Website Design

How To Display WordPress Posts In a Grid Layout [Video]

Get the Pro Plugin https://wl.tools/contentviewspro Get our NEW Course https://link.websitelearners.com/WordPress-Course Learn WordPress and create any Website in less than 7 days with our "Make A Pro Website" WordPress course. Learn how you can display the posts on your website in a grid layout. Lets say youve a website and youve published posts in it. Now if you display your posts in a grid layout which looks more organized, and anyone visiting your website can easily go through your posts and find what they ‘re looking for. You can do this by following our 4 simple steps. So lets get started. Table of contents 0:00 Intro 1:15 Install Content Views plugin 2:12 Create a layout for your posts 4:15 Add the layout to your website 5:37 Add the page to your menu 7:30 Outro Step 1 : Install Content Views plugin. To display your posts in grid layout, first you need to install a plugin. To install the plugin, go to WordPress Dashboard Plugins Add New Now search for Content Views and click Install & Activate. Once youve installed the plugin, you can go to the next step. Step 2 : Create a layout for your posts. So to create a layout, Go to WordPress Dashboard Content Views Add New Now enter a title for your layout. Next in Advance select which posts you want to display in the layout. You can select the posts by categories, tags, author, keyword etc. Once youve selected, go to Display Settings. Now in Layout select Grid and enter the number of posts you want to display in a row. To complete creating the layout, Click Update Preview and Save. And now youve successfully created the layout. Step 3 : Add the layout to your website. To add the layout, Copy the shortcode which is shown on your site. Now to add the layout, you need to create a page. To create a page, go to Pages Add New Now give a title to your page and paste the shortcode which youve copied. Now to publish your page, click Publish. Step 4 : Add the page to your menu. To add the page youve created to your menu, Go to WordPress Dashboard Appearance Menus Now select the page youve created and click Add to menu. Once youve added your page click Save Menu to save the changes. Now youve successfully added the page to your menu. Now if anyone visits this page they can view your posts in grid layout. Now if you want to change the layout of an existing page without creating a new page, and add more exciting layouts to your page, you need to get the Pro version of Content Views plugin. To get the Pro version of Content Views, click here https://wl.tools/contentviewspro So thats it guys. This is how you can display the posts on your website in a grid layout. —————————— The Tools we use: Get the best tools for your website https://websitelearners.com/tools/ Video Gear We Use https://kit.co/websitelearners/video-gear-we-use/ Our Video Editing Tool https://bit.ly/2Od546p Officially: We’re Hiring: https://websitelearners.com/careers/ Want your website developed by us? Email us your requirements to contact@websitelearners.com Follow & Chat with us: ———————————- Instagram: https://www.instagram.com/websitelearners/ Facebook: https://www.facebook.com/websitelearners/ Twitter: https://twitter.com/websitelearners/ If you have any doubts related to WordPress, Please mail us at contact@websitelearners.com

Categories
Website Design

How to make HighEnd Website Design Template with all the modern Technologies in 2021 [Video]

Get 9+ Complete Responsive Web Design course 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_ROCK ——————- Full Course -https://youtu.be/pNcAuqInG6s ———————- Like our page – https://www.facebook.com/indiandesignr Join our group – https://www.facebook.com/groups/328971707545530

Categories
Website Design

React Course Is Coming! Life Update. [Video]

Check out my courses to become a PRO! https://developedbyed.com/ Support me on Patreon for exclusive episodes, discord and more! https://www.patreon.com/dev_ed Follow me on: Twitch: https://www.twitch.tv/developedbyed Twitter: https://twitter.com/developedbyed Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/developedbyed/ #programming

Categories
Website Design

How to Increase Maximum Upload File Size in WordPress [Video]

Get our NEW Course https://link.websitelearners.com/WordPress-Course Learn WordPress and create any Website in less than 7 days with our "Make A Pro Website" WordPress course Learn how to Increase Maximum File Upload size in WordPress. Lets get Started! Table of Contents: 00:00 Intro 01:36 Install the Plugin on your site 02:20 Increase the Maximum File Upload size To Increase Maximum File Upload size, you have to do 2 Steps. Step 1: Install a Plugin on your Site. Go to WordPress Dashboard Plugins Add New. Search for Tuxedo. Click Install Now and then Activate. You have successfully Installed the Plugin on your Site. Step 2: Increase the Maximum File Upload size. Go to WordPress Dashboard Settings Media. Enter the Maximum Upload size you want. Click Save Changes. And the Maximum Upload size will be Increased. Thats it Guys! This is how you can Increase Maximum File Upload Size in WordPress. —————————— The Tools we use: Get the best tools for your website https://websitelearners.com/tools/ Video Gear We Use https://kit.co/websitelearners/video-gear-we-use/ Our Video Editing Tool https://bit.ly/2Od546p Officially: We’re Hiring: https://websitelearners.com/careers/ Want your website developed by us? Email us your requirements to contact@websitelearners.com Follow & Chat with us: ———————————- Instagram: https://www.instagram.com/websitelearners/ Facebook: https://www.facebook.com/websitelearners/ Twitter: https://twitter.com/websitelearners/

Categories
Website Design

Reacting To What People Assume Of Me (Developer Edition). [Video]

Check out the SPECIAL DISCOUNTS to learn web development! https://developedbyed.com/ Support me on Patreon for exclusive episodes, discord and more! https://www.patreon.com/dev_ed Follow me on: Twitch: https://www.twitch.tv/developedbyed Twitter: https://twitter.com/developedbyed Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/developedbyed/ #programming #react

Categories
Website Design

How to Integrate SMS Gateway in WordPress E Commerce Website [Video]

SMS Alert website https://wl.tools/smsalert Get our NEW Course https://link.websitelearners.com/WordPress-Course How to Make an E-Commerce Website https://www.youtube.com/watch?v=8wA6uPEu9hM Learn how you can send SMS Notification from your E-Commerce Website. Enabling SMS notifications to your customers will help you to reach out to them and improve the customer experience. Table of Contents: 0:00 Intro 0:45 Create an Account on the SMS Alert website 01:49 Connect the Account with WordPress 04:25 Enable the SMS Notification for the Customers 06:14 How to verify a Customer before they Purchase a Product 06:44 Enabling the OTP Feature 09:23 How to notify a Customer about a Product which is Back in Stock 09:45 Enabling the Back in Stock SMS Feature 12:12 How to receive an SMS Notification when a Customer places an Order 13:17 Buy More SMS Credits To add the SMS Feature, you have to do 3 Steps. Step 1: Create an Account on the SMS Alert website. To Create an account, Click the link above. And it will take you to the SMS Alert website. Click Register & enter your Details. You will get a Prompt to Enter the OTP sent to your Mobile Number. Enter the OTP on the Field. Click Validate OTP. Now you have successfully created an account on the SMS Alert website. Step 2: Install a Plugin in WordPress. To Install a Plugin, Go to WordPress Dashboard Plugins Add New. Search for SMS Alert. Click Install and then Activate. You have successfully Installed the Plugin in WordPress. To Connect this Plugin to your Website, You have to Login to the SMS Alert Plugin. Now go to Woocommerce SMS Alert. Enter the Login Details of your SMS Alert account. After you create your SMS Alert account, you will receive Login details to your Email. Open the Mail which you just received from SMS alert. You will be able to see the Login details in the Mail. Copy the Login details on your mail and Paste it in the SMS Alert Plugin page. Click Verify and Continue. And then Click Save Changes. Now You have successfully connected your SMS Alert account to your Website. Step 3: Enable SMS Notification to your Customers. To enable the SMS Notification, Click Customer Notifications on the SMS Alert Plugin Page. You will get a list of options to choose when you want to send the Notification. Select when you want to send the Notification. Click Save Changes. You have successfully enabled & added the SMS Notification to your Customers. Now If you want to Verify your Customer before placing an Order, you can do that by sending an OTP to your Customers Mobile Number during the time of Purchase. To enable the OTP function, Go to WordPress Dashboard OTP Settings. Click OTP for Checkout. Click Enable OTP only for Selected Payment Options. Choose the Payment method by clicking the box next to it. To show OTP Verification like a Popup, Click Verify OTP in Popup. To show the Verify OTP button instead of Proceed to Checkout Button. Click Verify Button at Checkout. Then Click Save Changes. This is how you can verify your Customer before they Place an Order on your Site. Now if you want to Notify your Customer about a Product which is Back in Stock, Go to WordPress Dashboard Back In Stock. You will see two Options, Select both the Options. Click Save. The Back in Stock SMS Feature will be enabled on your Site. If you want to receive SMS notification when a Customer places an Order on your Site, Go to WordPress Dashboard Admin Notifications. You will get a list of options. Choose when you want to receive the SMS Notification. Click Save. And now when a Customer places an Order, you will start receiving SMS Notification. If you have a Trial account (Free) on SMS Alert website, this means you will only get 5 SMS credits, To buy more SMS Credits, Go to WordPress Dashboard SMS Credits Click the Link. You will be directed to the SMS Alert website. Click Buy SMS. Enter the Details and enter the number of SMS Credits you want. Click Proceed to Checkout. Once youve got the Credits, you can start sending SMS to your Customers. This is how you can send SMS Notification to your Customers. —————————— The Tools we use: Get the best tools for your website https://websitelearners.com/tools/ Video Gear We Use https://kit.co/websitelearners/video-gear-we-use/ Our Video Editing Tool https://bit.ly/2Od546p Officially: We’re Hiring: https://websitelearners.com/careers/ Want your website developed by us? Email us your requirements to contact@websitelearners.com Follow & Chat with us: ———————————- Instagram: https://www.instagram.com/websitelearners/ Facebook: https://www.facebook.com/websitelearners/ Twitter: https://twitter.com/websitelearners/ If you have any doubts related to WordPress, Please mail us at contact@websitelearners.com

Categories
Website Design

Animated Colorful Ring Loader using PURE CSS [Video]

Get 9+ Complete Responsive Web Design course 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_ROCK ——————- Full Course -https://youtu.be/pNcAuqInG6s ———————- Like our page – https://www.facebook.com/indiandesignr Join our group – https://www.facebook.com/groups/328971707545530

Categories
Website Design

The Creative React Course AVAILABLE NOW [Video]

EARLY DISCOUNT COUPON! https://developedbyed.com/p/the-creative-react-and-redux-course/?product_id=2592704&coupon_code=YTEARLY Learn To Create Amazing Web Applications With React Today! This course will teach you everything you need to know about React. Get started now with 0 experience in React, we will take it step by step from the beginning, understanding basics concepts to creating complex web apps with Redux. We will learn React React Router Styled Components Framer Motion Intersection Observer Complex React Topics Redux Thunk and more! Support me on Patreon for exclusive episodes, discord and more! https://www.patreon.com/dev_ed Follow me on: Twitch: https://www.twitch.tv/developedbyed Twitter: https://twitter.com/developedbyed Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/developedbyed/ #programming #react

Categories
Website Design

How To Make a WordPress Website (in 25 mins) Simple & Easy [Video]

Start here https://websitelearners.com/video/make-a-wordpress-website/#start Buy domain and hosting from Bluehost using the above link and get our Make a Pro Website WordPress course for Free Get Domain Name https://websitelearners.com/domain-checker/ Looking to make a WordPress website? You can make any kind of website like Blog, Ecommerce, Business, Entertainment etc. Learn how you can quickly make a WordPress website by following our simple and easy steps. So lets get started. Table of contents : 0:00 Intro 0:19 Pick a name for your site 1:02 Get domain name & hosting 3:53 Create an Account on Bluehost 4:58 Install WordPress 5:56 Launching your site 6:45 How to control your website 8:12 Build your website 8:30 Import the design 9:53 Choose a design 11:34 Edit the content 14:07 Changing Header 15:12 Creating a New Page 20:41 Adding the page to menu 23:26 Editing the page for mobile view ===== Part 1 : Launching Your WordPress Website ===== Now we’re going to make our website in 4 steps. 1. Pick a name for your website. Go to this link https://websitelearners.com/video/make-a-wordpress-website/ And then pick a name for your website and click Check Availability This will be the domain name for your website. Once it is available, you can now go to the next step. 2. Get Domain name & Hosting Domain name & Hosting are required for launching your website. Domain is the website name or address which is used to reach your website. Hosting is the place where your websites files get stored. Now click the Get Hosting & Domain button. And it will take you to the hosting & domain provider which is bluehost. Now click Get Started And then choose a plan based on your requirement. Once youve selected a plan, Next you need to enter your domain name which youve selected before and click Next Now fill up all the details, and select the period of your hosting validity. Enter the payment details and click Submit. Now youve got your domain and hosting. Now lets go to the next step. 3. Create an account on bluehost. To create the account, click Create Your Account. And create a password for login. Now you can login to your bluehost account with your domain name & password. Once youve created the account you can now go to the next step. 4. Install WordPress Once you install WordPress, you can start building your website. Now just click skip to install WordPress. Now to launch your website, go to bluehost dashboard and click Login with WordPress And click Launch your site. So! This is how you can launch your WordPress site, on the internet! ===== Part 2 : Customizing your default WordPress site into a Professional Website ===== You can do this in 2 steps. 1. Import a design. To import a design, first you need to install a theme. So to install a theme, Go to WordPress Dashboard Appearance Themes Add New Theme WordPress has thousands of themes. Find the perfect theme for your WordPress website. Astra is one of the most popular themes which has lots of pre-made website designs. Once youve selected your theme click Install & Activate. Now install a page builder which will help you to edit your design. We recommend Elementor which makes it easy to edit your pages. Next lets choose a design and import it to your site. So once youve got the design into your site, you can go to the next step. 2. Edit the content. To edit any page of your site, just click Edit with Elementor. Now you can edit any content on that page like changing the text, image or adding your own content. Once youre done with the changes, click Update to save it. Now if you want to change the logo or menu section, click the Customize option. Now if you want to create a new page, Go to WordPress Dashboard Pages Add New You can create your page using elements like text, image, video etc just by drag & drop. Also you can use a wide variety of blocks by importing it. And you can also import Page templates and start customizing. So this is how you can add a new page to your website. Now if you visit your website in mobile, you can see it is automatically optimised for mobile view. You can also customize your site for mobile view by changing the responsive mode to mobile in elementor. Thats it guys. This is how you can make a WordPress Website. —————————— The Tools we use: Get the best tools for your website https://websitelearners.com/tools/ Video Gear We Use https://kit.co/websitelearners/video-gear-we-use/ Our Video Editing Tool https://bit.ly/2Od546p Officially: We’re Hiring: https://websitelearners.com/careers/ Want your website developed by us? Email us your requirements to contact@websitelearners.com