隽永东方设计工作室
Eastern Design Studio Menu

隽永东方基于WordPress的基本开发手册

   隽永东方内训教程   标签: WordPress开发手册   277   //   评论数   //   参与数

head头部

head开始需要放置

特别声明的是,在360内核下,可能由于部分网页的样式没有写好或者是其他兼容性问题,需要对不同内核进行规避操作:

若页面需默认用ie兼容内核,增加标签:

<meta name=”renderer” content=”ie-comp”>

若页面需默认用ie标准内核,增加标签:

<meta name=”renderer” content=”ie-stand”>

若页面需默认用极速核,增加标签

<meta name=”renderer” content=”webkit”>

head结尾部分有两个注意

第一点是引入CSS样式

 

第二点是设置favicon

 

主体部分

h1标签

当前页面H1标签有且只能有一个;

在首页,h1标签一般放置在logo上

<h1>

<a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” >

<img width=”宽度大小” height=”高度大小” alt=”<?php bloginfo( ‘name’ ); ?>” src=”<?php echo esc_url( get_template_directory_uri() ); ?>/images/logo.png” >

</a>

</h1>

在内页,h1标签一般放置在当前页面的标题上,这时候需要将logo上的H1拿掉,即设置两种头部,首页的page-head-home.php ,内页是page-head.php

例如在about us页面, <h1><?php the_title(); ?></h1>,这边的<?php the_title(); ?>会直接读取到页面“about us”的名字;

a标签

首先当a是出站链接的时候,需要rel=”nofollow”属性

例如社会化分享图标,<a href=”https://www.youtube.com/channel/ “  rel=”follow” title=””follow””>;

当a站内链接的时候则不需要,

例如获取产品的链接,<a href=”<?php echo get_permalink($post->ID) ?>” title=”<?php echo $post->post_title ?>”>;

img标签

img是需要设置width和height属性的;

针对本地图片,直接<img width=”宽度大小” height=”高度大小” alt=”<?php bloginfo( ‘name’ ); ?>” src=”<?php echo esc_url( get_template_directory_uri() ); ?>/images/图片名称.png” >

针对wordpress后台媒体库需要动态调取的图片,我们需要先通过FTP上传timthumb.php到相应目录下(timthumb能够实现WordPress缩略图截取)

<img width=”图片宽度” height=”图片高度” src=”<?php bloginfo(‘template_url’)?>/timthumb.php?src=图片地址&h=图片高度&w=图片宽度&zc=1″ alt=”图片名称”/>

其中,h为缩略图的高度,w为缩略图宽度,zc有两个属性值,1表示裁剪,0表示按设置的高宽压缩,不裁剪。

获取wordpress可编辑部分内容

 

面包屑

 

Content部分小功能

针对产品页面列出post

 

针对分类页面列出默认post分类以及其下的posts

 

针对分类页面列出自定义post分类以及其下的posts

 

限制字数

 

QQ弹出框

qq:<a href=”http://wpa.qq.com/msgrd?v=3&uin=2755814742&site=qq&menu=yes” target=”_blank”>在线咨询</a>

杂类

 

子类page获取父类page的名称以及链接

 

引用百度地图

<iframe title=”上海瑞深电子科技有限公司” src=”../baidumap.html” width=”100%” height=”300″ frameborder=”0″>上海瑞深电子科技有限公司</iframe>

footer尾部

注明版权,加上工作室链接

<a href=”http://www.eastdesign.net/”>Supported by Eastern Design Studio</a>

引入引用js

   

       

头像
作者:


  售前在线询价单
  全网营销套餐
  隽永东方学院