WordPress美化给博客文章页添加个性名片

CCTW

WordPress给博客文章页添加个性名片

WordPress美化给博客文章页添加个性名片

将HTML代码插入到博客模板或者文件中

进入主题设置 –> 文章&列表 –> 文章页面 –> 文章插入内容 –> 在文章内容后-插入内容 –> 粘贴HTML代码

<div class="business-center">
  <div class="business-card">
    <div class="business-flip">
      <div class="business-front">
        <div class="business-strip-bottom"></div>
        <div class="business-strip-top"></div>
        <img
          class="business-logo entered loaded"
          width="80"
          height="80"
  <div class="business-card">0
  <div class="business-card">1
  <div class="business-card">2
  <div class="business-card">3
  <div class="business-card">4
  <div class="business-card">5
  <div class="business-card">6
  <div class="business-card">7
  <div class="business-card">7
  <div class="business-card">7
  <div class="business-card">7
    <div class="business-flip">1
    <div class="business-flip">2
    <div class="business-flip">3
    <div class="business-flip">4
    <div class="business-flip">5
    <div class="business-flip">6
    <div class="business-flip">7
    <div class="business-flip">8
    <div class="business-flip">9
      <div class="business-front">0
      <div class="business-front">1
      <div class="business-flip">9</path>
      <div class="business-front">0
      <div class="business-front">4
      <div class="business-flip">9</path>
      <div class="business-front">0
      <div class="business-front">7
      <div class="business-flip">9</path>
      <div class="business-front">9
        <div class="business-strip-bottom"></div>0
        <div class="business-strip-bottom"></div>1
        <div class="business-strip-bottom"></div>2
    <div class="business-flip">2
        <div class="business-strip-bottom"></div>4
        <div class="business-strip-bottom"></div>5
      <div class="business-flip">9<span class="business-end-date">08/08/2099</span>
    <div class="business-flip">2
        <div class="business-strip-bottom"></div>8
        <div class="business-strip-bottom"></div>9
        <div class="business-strip-top"></div>0
        <div class="business-strip-top"></div>1
    <div class="business-flip">2
        <div class="business-strip-top"></div>3
        <div class="business-strip-top"></div>4
        <div class="business-strip-top"></div>5
        <div class="business-strip-top"></div>6
        <div class="business-strip-top"></div>7
        <div class="business-strip-top"></div>8
        <div class="business-strip-top"></div>9
        <img0
        <img1
        <img2
          <div class="business-flip">9<center>关注微信公众号获取更多资源</center></a
        <div class="business-flip">9
      <div class="business-flip">2
    <div class="business-flip">2
        <img7
        <img8
        <img9
          class="business-logo entered loaded"0
          class="business-logo entered loaded"1
        <img8Welcome to Knlde's candyhome,wish you a nice day .</p>
    <div class="business-flip">2
        <div class="business-strip-top"></div>3
          class="business-logo entered loaded"5
          class="business-logo entered loaded"6
          class="business-logo entered loaded"7

引入CSS

进入主题设置 –> 全局&功能 –> 自定义代码 –> 自定义头部HTML代码 –> 引入CSS

          class="business-logo entered loaded"8

以下代码加入自定义CSS


文章版权声明:除非注明,否则均为云启博客原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
验证码
评论列表 (暂无评论,901人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码