Wordpress TUTORIALS – KNOWLEDGE 2 SHARE http://blog.aiwsolutions.net www.aiwsolutions.net Fri, 05 May 2017 01:49:06 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.3 Adding a simple product to WordPress- Configuring WooCommerce /2016/11/28/adding-a-simple-product-to-wordpress-configuring-woocommerce/ /2016/11/28/adding-a-simple-product-to-wordpress-configuring-woocommerce/#respond Mon, 28 Nov 2016 03:25:41 +0000 https://blog.aiwsolutions.net/?p=697

Adding a simple product is similar to writing a post in WordPress. Hover over the Products menu, then select Add Product. You then have a familiar interface and should immediately feel at home. Especially where you see to type the product title and description.

WooCommerce Add Product - Familiar Interface
A familiar interface for adding product information

Under the editor is the Product Type panel. Define the product type (as outlined above) and whether it is a downloadable (digital) or virtual (service) product. Just note virtual products don’t require shipping — an order containing virtual products won’t calculate any shipping costs.

 

Deleting a product

delete-product-woocommerce

To delete a product:

1. Go to: WooCommerce > Products.

2. Find the product you wish to delete.

3. Hover in the area under the Product name and click Trash.

Configuring WooCommerce Settings

 

Checkout Settings

check out more at https://docs.woocommerce.com/document/managing-products/
https://docs.woocommerce.com/document/configuring-woocommerce-settings/

]]>
/2016/11/28/adding-a-simple-product-to-wordpress-configuring-woocommerce/feed/ 0
How to Add a Profile Image in WordPress Sidebar Widget /2016/01/03/how-to-add-a-profile-image-in-wordpress-sidebar-widgett/ /2016/01/03/how-to-add-a-profile-image-in-wordpress-sidebar-widgett/#respond Sun, 03 Jan 2016 01:43:58 +0000 https://blog.aiwsolutions.net/?p=545 How to Add a Profile Image in WordPress Sidebar Widget
How to Add a Profile Image in WordPress Sidebar Widget

There are 2 ways to add Profile Image in WordPress Sidebar

1. Adding a Profile Image in WordPress Sidebar Using Image Widget Plugin

Step 1. install and activate the Image Widget plugin.

Go to Dashboard> Plugins> Add New and search Image widget. Install and activate the downloaded Image Widget Plugin.

Step 2.  go to Appearance » Widgets.  Simply drag and drop this image widget to your WordPress sidebar.

Adding an Image in WordPress Sidebar Using Image Widget Plugin
Adding an Image in WordPress Sidebar Using Image Widget Plugin

Here you can  use the media uploader to upload your image , Add the Title, Caption…. Save and Done

Adding an Image in WordPress Sidebar Using Image Widget Plugin

2.  Adding Profile Image in WordPress Sidebar Widget using simple HTML code

Step 1- upload the image to your WordPress site and get Image Link.

Simply go to Media » Add New and upload your image file. After uploading the image you need to click on the Edit link next to the image to get image link

add profile image usingcodeStep 2 – Drag-drop a text widget to your sidebar 

Go to Appearance » Widgets screen and drag-drop a text widget to your sidebar where you want to display the image.

add profile image

 

Copy and Paste below code to Text box area of the widget.  Download code here

<div><img src="http://theme21.aiwsolutions.net/wp-content/uploads/2015/07/1935c03e6e11c2eb28cfefa90390ccd3.jpg" scale="0">

<p><p>hello & welcome to Asley Moore, a responsive WordPress theme designed by aiwsolutions. You can write a short blurb here about yourself.
</div>

image-widget-

Click save and done

]]>
/2016/01/03/how-to-add-a-profile-image-in-wordpress-sidebar-widgett/feed/ 0
Theme 21 – How to Add sticky posts slider /2016/01/01/theme-21-how-to-add-sticky-posts-slider/ /2016/01/01/theme-21-how-to-add-sticky-posts-slider/#respond Fri, 01 Jan 2016 15:26:38 +0000 https://blog.aiwsolutions.net/?p=538 wordpress theme for girl

Step 1. Add featured image for your post, max width size of featured image is 1100px  .

Open your  post and scroll down a little to see a box called featured images on the right hand side of the screen. See below image

featured-image-wordpress

 

Step 2. Create a sticky post 

Dashboard> Posts >All Post. Choose the post you would like to make sticky post. Click on quick Edit >  Make this post sticky.

stickypost

 Step 3.  Show sticky posts slider

Dashboard> Appearance > Customize >Featured Content>Slider .  Press “Save” and Done

slider

 

]]>
/2016/01/01/theme-21-how-to-add-sticky-posts-slider/feed/ 0
Theme 35 – How to use /2015/12/03/theme-35-how-to-use/ /2015/12/03/theme-35-how-to-use/#respond Thu, 03 Dec 2015 05:45:00 +0000 https://blog.aiwsolutions.net/?p=512 simplicity lover

theme35

1. How to remove the side bar

Step 1. Please set up this plugin Display Widgets to hide or show the right side bar

Display Widgets https://wordpress.org/plugins/display-widgets/ –Strategy11

Step 2. Please remove all the widgets in the main sidebar or Adds checkboxes to each widget to  hide on site pages.

 

Hide the sidebar from the home page, blog page...
Hide the sidebar from the home page, blog page…

2. How to add social icons under the header image like the demo use  HEADER AREA WIDGET

See the instruction here https://blog.aiwsolutions.net/2015/10/13/how-to-add-icons-to-your-extra-widget-under-header/ 

3.  How to add  Instagram, Pinterest slider to FOOTER TOP WIDGET

Plugin Used:    Instagram Slider Widget and Pinterest RSS Widget

 

Please email me at shami84@gmail.com, if you need any help from me.

 

]]>
/2015/12/03/theme-35-how-to-use/feed/ 0
Theme 33 – How to create a Static Home Page /2015/11/06/theme-33-how-to-create-a-static-home-page/ /2015/11/06/theme-33-how-to-create-a-static-home-page/#respond Fri, 06 Nov 2015 04:34:10 +0000 https://blog.aiwsolutions.net/?p=467 wordpress-template

Step 1. Create  a blank Home Page

Go to Dashboard > Pages >  Create a page called homepage, and choose  “Home Template” from the Template drop box. See below Image

homepage-template

Step 2:  Upload Image to Library

You will upload all Your images for the home page to Library. Go to Dashboard > Media > Add New.

addimagetolibraryClick on image to get your image url, you will need image url to add images to widgets at step 3

text-widget-

Step 3: Add images to Widget using “Text” Widget

Here is the home page structure

homepage You will add text Widget to  above Widget areas , and insert images to text widget

text-widget Please add below code to each text widget

<a href="paste-your-blog-link-here" >
 <img src="paste-your-image-link-that-you-have-copied- from-step-2-here" alt=""></a>

front-page

Step 4. Set Front page displays

Dashboard > Appearance > Customize.  Click on Static Front Page > Choose “A Static Page” and “Home page” as “Front Page” . Save and Preview

homepage-

Note:

–  Slider plugin for home page image you can use :  SOLILOQUY SLIDER

image width is 1100px

Download SOLILOQUY SLIDER  https://wordpress.org/plugins/soliloquy-lite/

Create a slider then coppy the short code and paste to the tex widget

how to add slider images to wordpress
how to add slider images to wordpress

– Newsletter Register form used in theme33 – MailChimp for WordPress https://mc4wp.com/#utm_source=wp-plugin&utm_medium=mailchimp-for-wp&utm_campaign=plugins-page

Please add below code to widget area 5

<div id=”text-14″>[PASTE THE SHORTCODE HERE]</div>

widget 5

– Recent Posts Widget With Thumbnails – Please search “Recent Posts Widget With Thumbnails” plugin and don’t forget to add featured image for your post to show the post thumbnail  https://wordpress.org/plugins/recent-posts-widget-with-thumbnails/

Your can try  to search “Advanced Recent Posts” Plugin http://demo.lp-tricks.com/recent-posts/responsive-grid-light/  with responsive grid layouts

Please Let me know if you have any questions or you can buy add on $25 for homepage design and set up + plugins setup + Contact page + banner design.

]]>
/2015/11/06/theme-33-how-to-create-a-static-home-page/feed/ 0
How to split the menu with a logo in the middle /2015/10/15/how-to-split-the-menu-with-a-logo-in-the-middle/ /2015/10/15/how-to-split-the-menu-with-a-logo-in-the-middle/#respond Thu, 15 Oct 2015 06:13:54 +0000 https://blog.aiwsolutions.net/?p=448 Check out theme31.aiwsolutions.net for the demo

menu split

 

Step 1. UPLOAD YOUR LOGO

– Dashboard > Appearance >  Customize

– Click on AIWS Menu Settings > Upload your logo. Please make sure your logo size smaller than 200 px width.

LOGO SETTING

 

– Uncheck “Display Header Text”

sitetitle

Step 2. CREATE A MENU

1. To get started creating a custom menu, log in to your WordPress site and go to Dashboard> Appearance> Menu. You’ll now see the Menus editor page.

logo split menu

2. Please make sure your  menu name is ” Primary Menu“. This menu name is very important.

Menu Structure : Drag each item into the order you prefer. Click the arrow on the right of the item to reveal additional configuration options.

4.  Click on the check box  “Primary Menu” in Menu Setting and click “Save Menu”

 

]]>
/2015/10/15/how-to-split-the-menu-with-a-logo-in-the-middle/feed/ 0
Add social media icons to navigation bar /2015/10/13/add-social-media-icons-to-navigation-bar/ /2015/10/13/add-social-media-icons-to-navigation-bar/#respond Tue, 13 Oct 2015 05:41:52 +0000 https://blog.aiwsolutions.net/?p=439 This post will show you how to add social media icons to navigation bar on the theme Starward – http://theme30.aiwsolutions.net/

Add-menu-bar

 

Dashboard > Appearance>Widget>Extra Social Widget area on nav bar

Here you can add your social widget plugin or add your dowloaded icons to the right side of navigation bar.

1. In your WordPress dashboard go to Media > Add New.

2. Upload  Social Icons in Icon folder to your hosting.

Go to Dashboard\Media\Library, Click on image and get the image url.

3.  Add text widget to the The Extra social widget area on nav bar

4. Add below code to your text widget

<a href=”your-social-link-here” target=”_blank >
<img src=”paste-your-social- image-link-that-you-have-copied-here” alt=””></a>

5. Save the text widget and review.

 

add social widget icon to nav

 

 

]]>
/2015/10/13/add-social-media-icons-to-navigation-bar/feed/ 0
How to add social icons to your extra widget under header /2015/10/13/how-to-add-icons-to-your-extra-widget-under-header/ /2015/10/13/how-to-add-icons-to-your-extra-widget-under-header/#respond Tue, 13 Oct 2015 02:29:45 +0000 https://blog.aiwsolutions.net/?p=418 blog-aiw

Please open the icon folder and do the following steps

1. Upload Social Icons to your hosting  : Dashboard>Media>Add new

2. Dashboard>Media>Library > Click on Edit icon > Copy the icon URL

ADD ICON TO WIDGETFILEURL3. Add text widget to the The Extra Header Widget Area

ADD TEXT-WIDGET
4. COPY this code and paste  to your text widget

 

<div style="text-align:center;">

<a href="your-facebook-link-here" target="_blank" >
 <img src="your-facebook- icon-url-that-you-have-copied-at-step2" alt=""></a>

<a href="your-instagram-link-here" target="_blank" ><img src="your-instagram-icon-url-that-you-have-copied-at-step2" alt=""></a>
<a href="your-pinterest-link-here" target="_blank" ><img src="your-pinteret-icon-url-that-you-have-copied-at-step2" alt=""></a>
</div>

Download example code here

add social icon to widget
add social icon to widget

5. Save the text widget and see the result

simple wordpress theme

 

 

 

]]>
/2015/10/13/how-to-add-icons-to-your-extra-widget-under-header/feed/ 0
How to add menu and change the order of the menu /2015/10/13/how-to-add-menu-and-change-the-order-of-the-menu/ /2015/10/13/how-to-add-menu-and-change-the-order-of-the-menu/#respond Tue, 13 Oct 2015 00:14:15 +0000 https://blog.aiwsolutions.net/?p=412 – Dashboard > Appearance > Menu

– Select the Pages that you would like to add to the menu, Click on the “Add to Menu” button

– Drag each item into the order you prefer.

– Check the  “Top Primary Menu”  check box> “Save Menu” and DONE

how to add menu to wordpress theme

]]>
/2015/10/13/how-to-add-menu-and-change-the-order-of-the-menu/feed/ 0
How to create home page with Front Page Widget /2015/10/12/how-to-create-home-page-with-front-page-widget/ /2015/10/12/how-to-create-home-page-with-front-page-widget/#respond Mon, 12 Oct 2015 07:23:42 +0000 https://blog.aiwsolutions.net/?p=401 Today I will show you how to create a home page similar as below image

home-page for wordpress theme

Step 1.

– Dashboard > Pages> Add new page.  Create a page with no title and choose as ” Front Page Template”

step1

Step 2.

Dashboard>Widgets> Add “Text” widget to “First Front page Widget Area” and  “Second Front page Widget Area”.

WORDPRESS-homepageHere you can add images, or text, links… to your front page widget

Adding Image code

<a href="your link here" target="_blank" >
 <img src="Image URL- paste-your-image-link-here" alt=""></a>

You can get the Image URL by going to your Media Library and clicking on the photo you want to insert into your sidebar.
After clicking on the picture, at the right part of your screen you will see a box similar to this one:

You will want to copy the File URL by right-clicking or using CTRL + C on your keyboard.

Step 3.

Dashboard>Appearance> Customize> Static Front Page >Select the front page > save and done

static front page

 

]]>
/2015/10/12/how-to-create-home-page-with-front-page-widget/feed/ 0