How can I add sidebar manually?
Hello.
I want to add sidebar manually at the right side because sidebar widget is not working. Currently I’m editing `base.php` inside of default theme.
<?php dynamic_sidebar( 'ap-top' ); ?>
<div style='width:100%;height:30px;background:#333;'>
</div>
<div id="ap-lists" class="clearfix" style='width:80%; float:left;'>
<?php ap_questions_tab(get_permalink()); ?>
<?php if ( $questions->have_posts() ) : ?>
<div class="question-list">
<?php
/* Start the Loop */
while ( $questions->have_posts() ) : $questions->the_post();
global $post;
include(ap_get_theme_location('content-list.php'));
endwhile;
?>
</div>
<?php
ap_pagination();
?>
<?php
else :
include(ap_get_theme_location('content-none.php'));
endif;
?>
</div>
<div style='width:20%;height:100px;background:#444;float:right;'>
`Can I add here sidebar widget ?`
</div>
Thank you very much.
Okey, Janob simply do this:
Create a new directory in active theme (not child theme) as anspress now copy base.php file to newly created folder.
Now pastes this code to base.php:
<?php dynamic_sidebar( 'ap-top' ); ?>
<div id="ap-lists" class="clearfix">
<?php ap_questions_tab(get_permalink()); ?>
<?php if ( $questions->have_posts() ) : ?>
<div class="question-list">
<?php
/* Start the Loop */
while ( $questions->have_posts() ) : $questions->the_post();
global $post;
include(ap_get_theme_location('content-list.php'));
endwhile;
?>
</div>
<?php
ap_pagination();
?>
<?php
else :
include(ap_get_theme_location('content-none.php'));
endif;
?>
</div>
<!-- Here goes your custom sidebar, add styles by yourself -->
<div class="my-sidebar">
<?php dynamic_sidebar('my-custom-sidebar' ); ?>
</div>
and now paste this code in your WordPress theme functions.php
add_action( 'widgets_init', 'mysite_widgets_positions' );
function mysite_widgets_positions(){
register_sidebar( array(
'name' => __( 'My Custom Sidebar', 'ap' ),
'id' => 'my-custom-sidebar',
'before_widget' => '<div id="%1$s" class="ap-widget-pos %2$s">',
'after_widget' => '</div>',
'description' => __( 'Widgets in this area will be shown in questions page sidebar.', 'ap' ),
'before_title' => '<h3 class="ap-widget-title">',
'after_title' => '</h3>',
) );
}
Hi Janob,
I think this is a general WordPress question and there may be better locations to ask this question.
The base.php is part of the AnsPress theme an not the right place to add sidebars.
Look on the internet how to add a sidebar to your WordPress theme, or use a theme that already has a right-side sidebar, such as the default and free WP theme “Twenty Fourteen”.
It has a “Content Sidebar”. You can add (AnsPress-) Widgets to that sidebar in the Appearance > Widgets settings.
