为wordpress主题添加侧边栏目录 - 野生猿博客

其他技术类

为wordpress主题添加侧边栏目录

2020-02-26

字数：554 阅读时间：3min

阅读量：36181

当我们的博客文章写的比较长时，为了方便阅读，往往要在文章侧边加上目录，这样读者就可以快速翻到想要阅读的内容。想要添加侧边栏目录我们要有自动生成目录的插件(这里提供 Table of Contents Plus 提取码：mmnn)，还要有侧边栏，而侧边栏又在小工具里

情景一：主题有侧边栏，只是没启用

这个好办我们能只需要激活小工具，打开xftp链接远程主机找到functions.php中注册一个侧边栏就可以激活小工具

//functions.php 注册小工具侧边栏
function twentyfourteen_widgets_init() {
register_sidebar( array(
'name'          => __( 'Primary Sidebar', 'twentyfourteen' ),
'id'            => 'sidebar-1',
'description'   => __( 'Main sidebar that appears on the left.', 'twentyfourteen' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget'  => '</aside>',
'before_title'  => '<h1 class="widget-title">',
'after_title'   => '</h1>',
) );
}
add_action( 'widgets_init', 'twentyfourteen_widgets_init' );

1

2

3

4

5

6

7

8

9

10

11

12

13

//functions.php 注册小工具侧边栏

function twentyfourteen_widgets_init() {

register_sidebar( array(

'name' => __( 'Primary Sidebar', 'twentyfourteen' ),

'id' => 'sidebar-1',

'description' => __( 'Main sidebar that appears on the left.', 'twentyfourteen' ),

'before_widget' => '<aside id="%1$s" class="widget %2$s">',

'after_widget' => '</aside>',

'before_title' => '<h1 class="widget-title">',

'after_title' => '</h1>',

) );

}

add_action( 'widgets_init', 'twentyfourteen_widgets_init' );

这样小工具便被激活了，并且有了一个名为primary-Sidebar的侧边栏；然后再去sidebar.php文件加入

//sidebar.php
<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>//添加到最大div或者li外边
<div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
<?php dynamic_sidebar( 'sidebar-1' ); ?>
</div><!-- #primary-sidebar -->
<?php endif; ?>//添加到最大闭合的div或者li外边

1

2

3

4

5

6

//sidebar.php

<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>//添加到最大div或者li外边

<div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">

<?php dynamic_sidebar( 'sidebar-1' ); ?>

</div>

<?php endif; ?>//添加到最大闭合的div或者li外边

最后打开小工具，把我们的TOC+放入到我们新注册的这个侧边栏中就可以了

情景二：Oh My God 我的主题木有侧边栏~~~

万一万一我们的主题木有设置侧边栏(没有sidebar.php文件)；辣么怎么办?自己动手丰衣足食；其实很简单，自己创建一个sidebar.php文件就是了；重复情景一的步骤；然后，你想在哪里显示侧边栏就在哪个文件里调用sidebar.php就好

get_sidebar()//eg1:在index.php里调用 主页显示
<?php get_sidebar();?>//eg2:在single.php里调用 文章页显示

1 2	get_sidebar()//eg1:在index.php里调用主页显示 <?php get_sidebar();?>//eg2:在single.php里调用文章页显示

最后再修改整理目录的样式布局就可以了

野生小园猿

励志做一只遨游在知识海洋里的小白鲨

查看“野生小园猿”的所有文章 →

相关推荐

野生小园猿

谷歌浏览器BUG处理

野生小园猿

wordpress一键式转移站点

野生小园猿

登录谷歌浏览器并开启同步功能

<	2025 年 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100		4 月 1 2 3 4 5 6 7 8 9 10 11 12	>		今天
9		2025		蛇	乙巳
9		APRIL
MON	TUE	WED	THU	FRI	SAT	SUN
31	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	1	2	3	4