隽永东方
隽永东方主菜单

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

文章

    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

       

    
      Google Ads 推广
      隽永东方全网营销
      隽永智库