图4-48
要修改主题内容,需要找到该内容所在的位置,在上图中的右侧可以切换主题中的文件,不同的内容在不同的位置需要自己慢慢查找,并没有其他快速的办法,但是可以根据内容所在的位置优先找到大致的文件。
比如左下角的文字应该属于页脚位置,因此选择“主题页脚(footer.php)”文件,这时可以看到以下的代码,如图4-49所示。
<?php printf( esc_html__( '%1$s by %2$s', 'blankportfolio' ), 'Blank Portfolio', '<a href="https://themeport.net" rel="designer">ThemePort</a>' ); ?>
图4-49
接下来修改左上角的LOGO,这里的LOGO相对比较复杂一些。
根据LOGO所在的位置应该可以在“首页页眉(header.php)”中找到,但是主题中的内容会根据网站的名字进行变更,可能并不能直接找到这部分代码所在的位置,这时就需要借助chrome的开发者工具。
在chrome中打开这个网站,然后执行“设置>更多工具>开发者工具”操作进入开发者模式,如图4-50所示。
图4-50
这时通过查看“全栈设计”这几个字快速定位其代码,可以看到这里是<h1>和<h2>标签,并且其class值分别为site-title和site-description,如图4-51所示。
图4-51
再回到Wordpress的编辑界面,在“首页页眉(header.php)”中就可以快速的定位到这里的代码所在的位置,如图4-52所示。