1626510969
How To Make A Website - Using Divi Theme (new)
Learn how you can make a website using the divi theme.
You can do that easily by following our simple steps,
So let’s get started
𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗰𝗼𝗻𝘁𝗲𝗻𝘁𝘀 :
00:00 Intro
00:38 Launch your WordPress website
04:00 Setup the Divi theme
05:59 Get Divi Theme
07:12 Download divi theme
07:44 Install and Activate divi in WordPress
10:02 Start Building your website
10:13 Create your homepage by Importing Layouts
15:04 Create new page from scratch
18:36 Create your menu
20:22 Change your Logo
21:22 To design page using Divi
Part 1: Launch your WordPress Website
Step 1: Choose Your Website Name
Go to ➜ https://my.webspacekit.com/
Now enter the name you want & click ‘Check Availability’.
Step 2: Get Hosting & Domain
click ‘Add to Cart’ & ‘Continue’.
Now choose a plan and fill up the details and make the purchase.
Part 2: Setup the Divi theme
You can setup Divi theme in 5 steps
Step 1: Login to your WordPress site
So to login to your site, just type your site’s address & add “/login”
And now enter your login details, check your mail for login details.
Now, you will be logged in to your WordPress site.
Step 2: Get the Divi theme
Click ➜ https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=31658&url=69834&tid4-YT-video_republis…
Now select a plan for divi & click signup
Fill up the details, and click ‘Complete registration’ & make payment.
Step 3: Download the Divi theme
Click ‘login’ & enter your login details and then click ‘download’.
Now divi theme will be downloaded to your computer
Step 4: Install the Divi theme
Go to Dashboard ► Appearance ► Themes ► Add New ► upload theme ► choose file
Now select the divi theme, and click ‘Install & Activate’
Now, if you go to your website, you would see the divi logo on your website.
Step 5: Activate the Divi theme
Go to dashboard ► Divi ► updates
Now enter username and API keys, to get API keys
Go to Divi Website ► My Account ► API keys
Now add the keys to the dashboard, and click ‘save’
And now you’ve activated the divi theme,
Part 3: Start Building Your Website
To build your website, You can follow 4 steps,
Step 1: create your homepage
To create homepage, go to Site ► New ► Page,
Now enter page title, & click ‘Use Divi Builder’
Now choose your option first let’s click ‘browse layout option’
And choose your layout & click ‘Use this layout’
And the design will be added to your page.
Now to change the text just select and type your text.
To change the button text double click on it & change the text
Like wise you can add image & change anything on the page.
Once done, click ‘Publish’
Now to set our page as home page
Go to Dashboard ► Settings ► Reading
Now in home page displays select ‘Static page’ & select the home page
Once done, click ‘Save’
Step 2: create new page from scratch
Go to New ► Page, now enter page title & click ‘Use divi builder’
Now choose ‘ Start Building’ option & click ‘Plus icon’
And choose option according to your website and design your page.
Once done, click ‘Publish’
Step 3: Create your Menu
Go to your Site ► Theme customizer ► Menus ► Create New Menu
Now enter menu name, & choose Menu location and then click ‘Next’
To add menu click ‘Add Items’ & select the menu items and click ‘Add items’
Once done, click ‘Publish’.
Step 4: Change Logo
Go to your site ► Dashboard ► Divi,
Under logo click ‘upload’ & then add your logo, and click ‘Save’
Next let’s see how you can design page using Divi
To make changes to a page just open the page, click ‘Enable visual builder’
To change the colour, size, font of the text click ‘settings & design’
You can change the design of different section on the page & then click tick icon.
Once you made all the changes, click ‘Save’.
So that’s it guys!
This is how you can design a page using divi.
#web-development #developer
What is GEEK
Buddha Community
1620729846
Why Use WordPress? What Can You Do With WordPress?
Can you use WordPress for anything other than blogging? To your surprise, yes. WordPress is more than just a blogging tool, and it has helped thousands of websites and web applications to thrive. The use of WordPress powers around 40% of online projects, and today in our blog, we would visit some amazing uses of WordPress other than blogging.
What Is The Use Of WordPress?
WordPress is the most popular website platform in the world. It is the first choice of businesses that want to set a feature-rich and dynamic Content Management System. So, if you ask what WordPress is used for, the answer is – everything. It is a super-flexible, feature-rich and secure platform that offers everything to build unique websites and applications. Let’s start knowing them:
1. Multiple Websites Under A Single Installation
WordPress Multisite allows you to develop multiple sites from a single WordPress installation. You can download WordPress and start building websites you want to launch under a single server. Literally speaking, you can handle hundreds of sites from one single dashboard, which now needs applause.
It is a highly efficient platform that allows you to easily run several websites under the same login credentials. One of the best things about WordPress is the themes it has to offer. You can simply download them and plugin for various sites and save space on sites without losing their speed.
2. WordPress Social Network
WordPress can be used for high-end projects such as Social Media Network. If you don’t have the money and patience to hire a coder and invest months in building a feature-rich social media site, go for WordPress. It is one of the most amazing uses of WordPress. Its stunning CMS is unbeatable. And you can build sites as good as Facebook or Reddit etc. It can just make the process a lot easier.
To set up a social media network, you would have to download a WordPress Plugin called BuddyPress. It would allow you to connect a community page with ease and would provide all the necessary features of a community or social media. It has direct messaging, activity stream, user groups, extended profiles, and so much more. You just have to download and configure it.
If BuddyPress doesn’t meet all your needs, don’t give up on your dreams. You can try out WP Symposium or PeepSo. There are also several themes you can use to build a social network.
3. Create A Forum For Your Brand’s Community
Communities are very important for your business. They help you stay in constant connection with your users and consumers. And allow you to turn them into a loyal customer base. Meanwhile, there are many good technologies that can be used for building a community page – the good old WordPress is still the best.
It is the best community development technology. If you want to build your online community, you need to consider all the amazing features you get with WordPress. Plugins such as BB Press is an open-source, template-driven PHP/ MySQL forum software. It is very simple and doesn’t hamper the experience of the website.
Other tools such as wpFoRo and Asgaros Forum are equally good for creating a community blog. They are lightweight tools that are easy to manage and integrate with your WordPress site easily. However, there is only one tiny problem; you need to have some technical knowledge to build a WordPress Community blog page.
4. Shortcodes
Since we gave you a problem in the previous section, we would also give you a perfect solution for it. You might not know to code, but you have shortcodes. Shortcodes help you execute functions without having to code. It is an easy way to build an amazing website, add new features, customize plugins easily. They are short lines of code, and rather than memorizing multiple lines; you can have zero technical knowledge and start building a feature-rich website or application.
There are also plugins like Shortcoder, Shortcodes Ultimate, and the Basics available on WordPress that can be used, and you would not even have to remember the shortcodes.
5. Build Online Stores
If you still think about why to use WordPress, use it to build an online store. You can start selling your goods online and start selling. It is an affordable technology that helps you build a feature-rich eCommerce store with WordPress.
WooCommerce is an extension of WordPress and is one of the most used eCommerce solutions. WooCommerce holds a 28% share of the global market and is one of the best ways to set up an online store. It allows you to build user-friendly and professional online stores and has thousands of free and paid extensions. Moreover as an open-source platform, and you don’t have to pay for the license.
Apart from WooCommerce, there are Easy Digital Downloads, iThemes Exchange, Shopify eCommerce plugin, and so much more available.
6. Security Features
WordPress takes security very seriously. It offers tons of external solutions that help you in safeguarding your WordPress site. While there is no way to ensure 100% security, it provides regular updates with security patches and provides several plugins to help with backups, two-factor authorization, and more.
By choosing hosting providers like WP Engine, you can improve the security of the website. It helps in threat detection, manage patching and updates, and internal security audits for the customers, and so much more.
#use of wordpress #use wordpress for business website #use wordpress for website #what is use of wordpress #why use wordpress #why use wordpress to build a website
1618667097
Responsive Personal Portfolio Website Using HTML CSS and JavaScript
Tutorial: https://youtu.be/9DDiorNZiyw
#create a portfolio website with html css javascript #personal portfolio complete website using only html css javascript #responsive portfolio website html css javascript #responsive personal portfolio website #portfolio website #responsive website
1608043308
Responsive Personal Portfolio Website using HTML CSS & JavaScript
#responsive website using html5 and css3 #responsive website html css #portfolio website #portfolio website design in html css #complete responsive website in html css javascript #one page personal website
1597003200
Apply Themes to a WPF Application Using Syncfusion Theme Studio
The Theme Studio for WPF has been completely revamped to a new structure in our 2020 Volume 2 release. It helps users to transform their visual presentation into a new theme in minutes without any code or designer involvement. The following new, built-in themes have been introduced, providing a rich UI:
- Material Light
- Material Dark
- Material Light Blue
- Material Dark Blue
- Office2019 Colorful
- Office2019 Black
WPF Theme Studio
Material and Office 2019 themes in WPF applications
The new Material and Office 2019 themes can be applied to an entire application, resulting in a change in the skin of the framework and the Syncfusion controls, making the application more attractive.
In this section, we will see how to apply these themes to an application step by step using the DataGrid control as an example.
How to apply themes to the Syncfusion WPF DataGrid control in your application
Follow these steps to apply themes to the Syncfusion WPF DataGrid control in your application:
Step 1: Please refer to this link to see how to get started with Syncfusion WPF DataGrid.
Step 2: Once the DataGrid is created, add the Syncfusion.SfSkinManager.WPF (Skin Manager Framework) assembly, which provides a convenient way to give both framework and Syncfusion controls an appealing appearance.
Step 3: Add the Syncfusion.Theme.MaterialDark.WPF theming assembly (or any other theming assembly of your choice) in order to use the dark theme effect. The libraries can be obtained from:
- Essential Studio suite (installed location and GAC)
- – Installed location: :\Program Files (x86)\Syncfusion\Essential Studio\WPF\18.2.0.44\Assemblies
- – GAC: :\Windows\Microsoft.NET\assembly\GAC_MSIL
- NuGet
- – Location: https://www.nuget.org/packages
Refer to the following screenshot.
Step 4: Now add a reference for the Syncfusion.SfSkinManager.WPF assembly to the application and import the SfSkinManager namespace in the main window.
Refer to the following code example.
<``**Window** x:Class``=``"GettingStarted.MainWindow"
xmlns``=``"http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x``=``"http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local``=``"clr-namespace:GettingStarted"
xmlns:syncfusion``=``"http://schemas.syncfusion.com/wpf"
xmlns:syncfusionskin``=``"clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF"``>
Step 5: Finally, set the SfSkinManager‘s attached property, VisualStyle, to “MaterialDark” for the entire window so that all the framework and Syncfusion WPF controls added to the application have the Material dark theme applied.
Refer to the following code example.
<``**Window** x:Class``=``"GettingStarted.MainWindow"
xmlns``=``"http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x``=``"http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local``=``"clr-namespace:GettingStarted"
xmlns:syncfusion``=``"http://schemas.syncfusion.com/wpf"
xmlns:syncfusionskin ="clr-namespace:Syncfusion.SfSkinManager;``assembly``=``Syncfusion``.SfSkinManager.WPF
syncfusionskin:SfSkinManager.VisualStyle``=``"MaterialDark"``>
<``**Window.DataContext**``>
<``**local:ViewModel**``/>
</``**Window.DataContext**``>
<``**Grid**``>
<``**syncfusion:SfDataGrid** x:Name``=``"dataGrid" ItemsSource``=``"{Binding EmployeeDetails}" />
</``**Grid**``>
</``**Window**``>
After executing this code example, we will get output like the following screenshot.
It’s that simple!
Now, you may ask, how do I change the primary colors used during hovering, selection, or other scenarios? And am I limited to built-in colors alone?
No, you ‘re not. For this, we have created our Theme Studio, where you can choose and change the primary colors as you like. Let’s see how it works.
#essential studio #syncfusion #theme #what's new #wpf #desktop #theme studio #what's new
1617634595
Build Glass Website with HTML, CSS and Bootstrap Tutorial 2021
In this tutorial we will create a modern beautiful, video background glassmorphism landing page for a Travel website using HTML, CSS, Bootstrap 4 and a little JavaScript.
Video Link
https://youtu.be/MsSlahoeeLo
#glassmorphism #glass morphism 2021 #how to make a website using html and css #how to create a website using html and css step by step website tutorial #video background website #glass website