Difference between revisions of "Sidebar Widgets in WordPress"

From Help Wiki
m
 
(15 intermediate revisions by 4 users not shown)
Line 1: Line 1:
__NOTOC__
+
 
<div class="row-fluid"><div class="span8 ">
+
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-md-8">
 
<div class="lead">
 
<div class="lead">
[[Image:Blue-l.png|left|75px]] Add functionality to your site's sidebar(s) using widgets.
+
Add functionality to your site's sidebar(s) using widgets.
 
</div>
 
</div>
<div class="gradientshadow"></div>
+
 
 
===Working with sidebar content or "Widgets"===
 
===Working with sidebar content or "Widgets"===
WordPress Widgets allow you to add elements of your site's sidebar
 
 
#From the Dashboard, go to '''Appearance > Widgets'''
 
#From the Dashboard, go to '''Appearance > Widgets'''
 
#Drag and drop the widgets you want to use into the appropriate sidebar container.  
 
#Drag and drop the widgets you want to use into the appropriate sidebar container.  
#Some widgets have settings you can control.
+
#Some widgets have settings you can control
  
==Help with Widgets==
+
===Help with Widgets===
*See http://codex.wordpress.org/Widgets_SubPanel for detailed usage instructions.
+
*See [http://en.support.wordpress.com/widgets/ Wordpress's widget information page]  for detailed usage instructions.
  
 +
[[File:Wp-widgets.png|700 px|thumbnail|left]]
  
Watch to following video for an introduction to working with widgets in your Wordpress site.
 
{{#ev:youtube|geWLGoAw53o}}
 
  
http://www.youtube.com/watch?v=geWLGoAw53o
+
<!-- end col-md-8 -->
 
+
<!-- end span8 -->
+
 
</div>
 
</div>
<div class="span4 gradientbox">
+
<div class="col-md-1"></div>
{{WordPress Help Sidebar}}
+
<div class="col-md-3 sidebar">
 +
{{WordPress Tutorial Header}}
  
<!-- end span4-->
 
</div>
 
<!-- end row-fluid -->
 
</div>
 
  
 +
{{WordPress DesigningYourSite Sidebar}}
  
  
 +
----
  
 +
{{WordPress AddingFunctionalityToYourSite Sidebar}}
  
  
 +
----
  
{{WordPress Help}}
+
 
 +
{{WordPress Help Sidebar}}
 +
 
 +
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 
[[category:Wordpress]]
 
[[category:Wordpress]]
 
[[category:Wordpress Tutorial]]
 
[[category:Wordpress Tutorial]]

Latest revision as of 13:34, 2 October 2018

Add functionality to your site's sidebar(s) using widgets.

Working with sidebar content or "Widgets"

  1. From the Dashboard, go to Appearance > Widgets
  2. Drag and drop the widgets you want to use into the appropriate sidebar container.
  3. Some widgets have settings you can control

Help with Widgets

Wp-widgets.png