图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所示。