How to Install Avada Wordpress ThemeInstalling Avada Wordpress Theme
Creating a Website with the Avada Theme
Once you have logged into your host client and chosen a domainname, the next stage is to install WordPress on your servers. Log in to your SiteGround site and choose the My Accounts tab. Then click on the "Go to cPanel" pushbutton. On the cPanel you will find under the section "Autoinstallers" or under the section "WordPress Tools" for the WordPress Installer.
Click the Installation tab in the installation program. Select a log for your website and determine whether you want to view the www. or not when visitors to your website. When you have purchased an SSL for your domains, you can select from the SSL Certificates option at https://
The next step, if you have more than one Domain in your profile, is to select the one where you want to install WordPress. The majority of folks will want their WordPress installations to be located directly on their primaryomain. Select an admin username. Select something special. Select a sophisticated and unambiguous username and password. 3. With SiteGround, you can install a plug-in named Limit Login Attempts.
My recommendation is that you have her install this plug-in. There is no need to choose a theme, as we will use our own theme to create our website. Click Install then. Once the install is completed, show a shortcut to the administrator area of your site, it's your domains followed by /wp-admin.
As soon as we have WordPress up and running, there are a few things we need to do to ensure that WordPress is clean and correctly set up. You will see a section named "Plugins" on the leftside of your administration control panels, click on this section to display the list of plug-in installations on your website.
Remove all pre-installed page contributions and commentaries. The most important thing to do when you configure WordPress is to make sure that you have the Permalink tree to " Post Name ". Select the Post Name checkbox. As soon as you have WordPress on your website and have it setup, it's your turn to install a design.
The WordPress theme is what gives your website its look and feel. A few designs are still designs with little or no controll over layouts, colours and styles. A few topics give you all kinds of creative freedom over your layouts, colours and styles. Well, I think I prefer subjects that give you a lot of choices.
We will use the Avada theme in this tutorial. Like you saw in the movie, this design allows you to make many different looks for your website. Please click here to test the Avada theme for yourself. Click on the above hyperlink to go directly to the Avada theme page on the Theme Forest Marketplace.
As soon as you have bought the Avada theme in the theme wood, you will see it under the downloading areas of your account. So if the size of the files you were downloading was more like 200 megabytes, you will need to extract that and find the Avada.zip files that you can post to your website. Zip up the Avada theme files.
Installation and activation of the theme after upload. This will take you to a monitor where you will be prompted to install the necessary theme plug-ins. Then click Go Install plug-ins and install the Fusion Core plug-ins. It will block the Page Builder plug-in as well as the Fusion Slider and the Elastic Slider.
Once the necessary plug-ins have been set up, you will be redirected to a page with extra plug-ins in a bundle. It is not recommended to install these plug-ins unless you need them. Do not install the plug-in if you do not need its features. We have now our theme up and running, it's finally here to begin with.
What's great about Page builder topics, and Avada in particular, is the way you can create and customise the look and feel of your website and every single page on your website. They can get a little help from the creators who created the Avada Theme demo. About how I got some hints from the Avada Theme Demo Page Designer.
The Avada menu has a tabs named "Install Demos". It is NOT recommended that you install these demonstrations where you create your home page, but you can install these demonstrations on a seperate WordPress install either on your host client or on your Mac or Windows computer.
Your favourite demonstrations, mounted on a WordPress installation, can then be used to undo the adjustments you used to create your favourite picture. If you' re willing to get more added to your website or get bogged down, think about taking a look at some of the great Avada Theme demonstrations and seeing how their creators got the looks they made.
My first thought when I set up a website is to set up the colours to reflect the corporate or organisational image for which the website is being made. I' ll support the major colours of the website highlights with the colour of the hotel logos.
From the Avada menu above or in the Dashboard. Choose Topic Options and then the Logon page. If you want to delete the Avada standard icon, click here. Load up your logotype. Standard colours of the Avada theme highlights are a luminous shade of lush greens. It makes it really simple to see where we need to switch the theme's standard colours to the colours we want to use.
From the Avada theme Optionen, go to the Styling page. Choose a design skin above. It is the primary wallpaper colour of your website. Option are bright or dim. Either a bright or black backdrop is provided for the primary site. Next choice is the predefined colour schemes.
This is a setup you can try out, but I suggest you just leave it as it is and change your pages manual to emphasize them. Note that once you have modified the colours of your website by hand, you do not want to choose an item from the colour theme as this will delete any user-defined changes you have made.
Choose the section Wallpaper colours on the Style page. Modify all vibrant greens to your prime highlights colour. You' ll notice that on the Style page, you need to modify the colours under Wallpaper colours, Element colours and Colours in the main menu. The rest has plain colours.
Next colours we need to modify are the colours of the standard design integrated button. On the Shortcodes page, open the Shortcode button section. Browse down to the colours Button Top Colour and Button Bottom Colour. If you want your keys to have a history, then select a different top and bottom.
When you want your key to have only one uniform colour, select the same colour for top and bottom. The next step is to select a pushbutton named Hiover-Colours. When you want to use 3D-styled icons, modify the icon slope colour. Once you have made these changes, be sure to click the Remember all changes icon!
Avada Theme provides many ways to create a customized look for your website, plus a comprehensive range of customization features to customize the look and feel of your website. You' ll find the type face setting in the Avada menu under Theme Option, then on the Type Face page. The Avada theme has a standard caption on each page.
Select this option from Topic Option > Delete Page Title, then select Hide Page Title Bar. When you have completed the configuration of the standard theme preferences, browse to the bottom of the Theme Option page and select the Back Up page. Our first steps to build our homepage are the creation of a new page in our WordPress Dashboard.
Pick the pages on the leftside. Click on the page of the Merge Builder to enable it. Go to Preferences in the dashboard main window and then Read. From the Front Panel Display section, browse to the option: For your title page, browse to the "Home" page you just set up, and for the Posts page, browse to the "Blog" page you just set up.
Set up a full-screen head picture on our homepage. The creation of a full-window headers picture or movie has become a favorite and efficient way to add a nice styling to your website. When you know the right attitudes and the right utilities, this is something that is easily achieved with the Avada Theme.
In order to do this, we will use the supplied Fusionlider, which is already part of the Fusion Core plugin. The first time the theme was downloaded, it was already there. Using a slide control, we can select whether we want to use several full frame frames or only one fixed frame.
For this example, we will only use a fixed picture. In order to get going, go to your WordPress Dashboard. Looking down, look at the bottom of the Fusion Slider's slider control panel to see the bottom of the keyboard thumbnail. The Parallax scroll effect was also chosen because I liked the look of the bottom contents when I scrolled over the coverscreen.
Under Fusion Slider on the menu on the far right of your desktop, choose Add or Edit Slides. Choose a background of the image that is the standard one. Enter the desired content as header for this transparency. Make sure that the heading background is Yes, which should be the case by default.
It will help keep our text separated from our wallpaper, making it easy for our audience to use. The next step, if you want to include one or two pushbuttons in your slideshow, is to do so in the Settings section. Below slidelink you can select if you want to hyperlink the whole slides to one location or if you want to have 1 or 2 badges linking to other sites.
When you select Buttons, the standard keyboard shortcut fills the Buttons #1 and #2 boxes. Incorporates by preference the highlighting colours you have already added to your website. In order to insert a shortcut into the speed dial number, look at the very beginning of the shortcut where it is located, click on the shortcut label = "", type in the address to which you want to insert the shortcut.
The next thing to look at is the very last part of the shortcut where it says: Text button[/button]. Substitute the words Text with the words you want the buttons to show. Clear the whole short code of #2, because in this example we will have only 1 buttom.
The next and most important thing is to put the picture on our film. At the top of the screen is the right side of the slideshow and there is a field called Features Images. Press the Set featured image pushbutton. It is recommended to upload an optimised picture of approx. 1400px width and a 500 - 900 high.
Whatever you type into the picture, it will scale itself to match your viewer's screen. Once uploaded, click the Set featured image icon at the bottom right of the screen. A field with the inscription is located above the field of Featured Images. Merge slider. From the WordPress Dashboard, go to the pages in the menus on the right.
Choose the home page that you previously made. Browse down and you will see a check mark labelled Fusion Page Options. The topmost page is namedlider. Choose this option. Normally the slide bar should be in the right place, or you can choose below. You should choose Fusion Sender as the type of slide.
Choose Fusion Slider and the Home or Home Page slider we have designed should be the same. We now have a full picture. All it would do to make it look better would be to delete the wallpaper colour from the headers and menus. Browse down to the fusion page options.
Choose the tab page Head. Locate the Background Opacity section and change it to 0. Scroll up and click in the Publish field on upd. Hint: If you have activated the sticksy headers, which is the case by standard, your menus always remain at the top of the screen. Create a homepage with the Avada theme using Fusion Builder.
Merge Page Builder does a good job assisting you in creating the page you want. Browse to the page editors and choose the start page. Ensure that the Merge Builder is on. If it is enabled, you can see that it is enabled because you see an editing section named Merge builder.
Click the Full Width container pushbutton with the column options chosen to apply a full-width container to your page. Append an artwork wallpaper to this section by selecting the Stylus tip symbol from the new Full width Containers upper pane. Choose the Background page at the top.
Then, in the Background Image section, click Upload. At the bottom right, click the Paste to Page icon. In the Fusion Builder field at the top, click the Builder Elements tool. Click the Image Frame item and drop it into the Full Width containers you just added to your page.
Move the mouse pointer over the new picture frame and choose the pencil symbol in the upper right corner. Browse down to the image section and choose Upload. Click the Paste to Page pushbutton. Choose the text block from the Builder elements. Drag-and-drop them under the Image Frame item.
Click the pencil symbol at the top of the text box to modify it. Press the Tool Bar Toggle tool to display the extra text design choices. Use the pencil symbol on this item to make changes to the separator item. Pick Single Border Solid under Styles. Modify the separator colour to your highlighted colour and then click on Save below.
Select the column options. We can now insert a pushbutton below the text. Click the Pad icon and dragging it under the text pad in the 1/3 area. You can use a # as a placeholder for entering the buttonsURL into an URL or if you do not have the page to which you want to use it.
Select Extra Large as the size of the buttons. Select Flat as the pushbutton group. Knob shape quadratic. Next, move down to the Text field and enter the text you want to appear on the Text field. Browse down to Gradient Top and Bottom buttons and use the main highlighted colour of your website or select the colour that you want it to have.
Pick your accent color and hover color. If you want, pick an item for your pushbutton, and then pick its place. Pull in a picture frame in the 2/3 area. From the picture frame setting, set the option. Upload your picture and click on Saving.
NOTE: Before proceeding, be sure to click the Refresh icon in the Edit Page section on the right. If you click Save, the information is only saved on a temporary basis until you click the Refresh button on the page. First, it would be great to have the background picture in the full width section of the screen as it is our picture on the first page.
The next thing to do is to have a little more room around the text blocks and picture sections so that they look more beautiful and have more distance to the wallpaper. As a result, our wallpaper in the Full Width section can really have full width. We need to create a little more room around the text and the buttons.
Navigate to the Background Colors item and use the Colors pane to choose whites or type the magic text #fff. In the Publishing section of the Page Editor, click the Refresh Refresh tooltip. Please click on the Full Width section icon or move it below our initial section. Press the Builder Element pushbutton to append the Tagline Box to our new Full Width Tag.
Change the Flat setting for the badge style, Place the badge style on Squares and Change the Badge colour to Standard. You use the highlighted colour of your pages for the clarifier colour. Dragging a picture frame into the 2/3 area. You can use the Stylus utility to customize the picture frame setting. Select Drop Shadow for Frame Style.
Select for the Hover type elevator up. Click the Stylus button and select the section entitled Wallpaper to insert a wallpaper to the first and last column. Select this option to load a wallpaper. Specify a wallpaper colour that complements the wallpapers on both sides. Select a one-piece volume for the part.
Make the colour look different from the wallpaper colour by changing it to black. Select all text and use the Text Colour on Whites option. Note that this makes the text look as if it has vanished because it fits into the editors blank area.
Customizing the copyrighted text of the bottom line and deleting information about the creator of the theme can sometimes be very tedious. Luckily, they made it very easy with the Avada theme. Navigate to the Avada menus, and then click Topic Options. Browse down to the options for the copyrights section of the bottom line. You can show or hide your copyrights here.
The Copyright Text area lets you customize the standard text to fit the information you want to display. The Avada theme has added a standard Blogside Bar Widget that will be displayed on your Blogsite, as well as 4 Footer widgets. However, if you only enter contents in e.g. 4 and do not enter anything in 1-3, 4 will be displayed by default only on the back of the display.
Avada Theme includes several useful Widget's that we can include in our bottom line. Let's begin with the Avada: Please click on the Avada: Well, I like seeing the Avada: When you are on Twitter, you can append the Avada: In the interior of the Avada: Then we' ll just put in the Avada:
Plenty of choices. Modify the WordPress Start Page on your website. Once you have added a few pages to your website, you will probably want to include these pages in the top level of your website menus. Click on the top shortcut that says: Make a new meal.
Assign a name to the submenu, some call it the "Main Menu", and then click the Create Menu tool. Let's now put some pages to our menue. Select the pages you want to include in your menus and click the Append to Menus buttons. Dragging one page under another slightly to the right will pull it in and make it a submenu or drop-down element in your currently posted menus.
Or you can click on any option and modify the name if you like. Click Save Menus below. I have given you an introductory course on creating a website with the Avada theme in this workshop. This theme gives you a great deal of versatility to build the kind of website and web pages that will make you and your business look good.