2019.2.21 对自定义页面的修改

1、修改mtwo的foot模块：

1、如图删除底部的buy按钮：

• 在widgets 小工具里面可以找到自定义的MTWO Solution（Footer）的小部件，buy是foot模板的静态HTML代码表现，在里面的源代码删除：

<div class="col-sm-4">
<div class="row round-line row-no-gutters">
<div class="col-sm-12">
<div class="text-center"><a class="btn btn-clean btn-rd btn-medium-persian-blue top-margin2 btn-lg width-80pc" href="/buy-contact-us/"> BUY NOW</a></div>
</div>
</div>
</div>

buy消失

2、删除buy now按钮

• 同理需要找到buy now所在的模块，
  查看含有buy now 按钮的page下面的源代码发现buy now不是一个菜单模块，是每个所属页面自己添加的静态代码块，就需要找到每个存在buy now按钮的界面，删除buy now 按钮连接；
  在这个block里面修改css样式，使删除后的两个按钮居中：
  由于这里是使用bootstrap栅栏样式，原来每个按钮所在的栅栏数col-sm-4，删除了一个按钮，修改其余两个按钮所占栅栏各为col-sm-6，剩下两个按钮宽度边长，居中样式。

3、将/buy-contact-us和/buynow页面移到回收站，实现页面清楚（buy的页面和buynow指向的页面）

2、为特定的page页面的内容添加相应的css代码和JS代码

用你常用的代码编辑器打开你的 WordPress 主题的 header.PHP文件，找到<?php wp_head(); ?>这句代码，在其后面添加上：

<?php if (is_single() || is_page()) {
    $head = get_post_meta($post->ID, 'head', true); 
    if (!empty($head)) { ?> 
        <?php echo $head; ?> 
<?php } } ?>

代码中的head是自定义字段的名称，可以自定义；

在文章页面或独立页面添加自定义字段
在 WordPress 后台编辑文章的页面的编辑器下面，有一个“自定义域”的小窗口，在名称处输入head，在值处输入你要在你所添加位置输出的代码；

点击了添加自定义域之后，更新你的文章就可以在你主题放置代码的地方输入这些自定义域的值了;

  
<script type="text/javascript">...</script>

或者

  
<style type="text/css">...</style>

参考链接：https://blog.csdn.net/csnewdn/article/details/54346783