![[prov_or_city]网站制作咨询电话](/template/default/index/img/ren.png)
![[prov_or_city]网站制作](/template/default/index/img/menu.png)
下面开始为：RiPro 主题美化教程添加资源VIP角标—免费教程
添加资源VIP角标
步：主标题录 -> inc ->theme-functions.php ，搜索“// 获取图片高度”，在“< div class=”entry-media”>”后添加如下代码
2
3
4
5
6
7
<pre class="line-numbers language-php"><code class=" language-php"><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token function">_get_post_shop_hide</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token operator">||</span><span class="token punctuation">(</span><span class="token function">_get_post_price</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">!=</span><span class="token number">0</span><span class="token punctuation">)</span><span class="token operator">&&</span> <span class="token function">_cao</span><span class="token punctuation">(</span>‘grid_is_price’<span class="token punctuation">,</span><span class="token boolean constant">true</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token keyword">echo</span> ‘<span class="token operator"><</span>i <span class="token keyword">class</span><span class="token operator">=</span>”vwip30″<span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>i<span class="token operator">></span>’<span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token keyword">else</span><span class="token punctuation">{</span>
<span class="token keyword">echo</span> ‘<span class="token operator"><</span>i <span class="token keyword">class</span><span class="token operator">=</span>”vwip10″<span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>i<span class="token operator">></span>’<span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token delimiter important">?></span></span></code></pre>
<pre class="line-numbers language-php">
第二步：主标题录 -> assets -> css -> diy.css 添加如下样式
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<pre class="line-numbers language-css"><code class=" language-css"><span class="token selector">.vwip30</span> <span class="token punctuation">{</span>
<span class="token property">background–position</span><span class="token punctuation">:</span> –40px 0
<span class="token punctuation">}</span>
<span class="token selector">.vwip10,.vwip30</span> <span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">z–index</span><span class="token punctuation">:</span> 10<span class="token punctuation">;</span>
<span class="token property">border–radius</span><span class="token punctuation">:</span> 5px 0 0 0
<span class="token punctuation">}</span>
<span class="token selector">.vwip10,.vwip30</span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline–block<span class="token punctuation">;</span>
<span class="token property">background–image</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>../images/xxx.png<span class="token punctuation">)</span></span><span class="token punctuation">;</span>
<span class="token property">background–size</span><span class="token punctuation">:</span> auto 40px<span class="token punctuation">;</span>
<span class="token property">vertical–align</span><span class="token punctuation">:</span> middle<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> 40px<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> 40px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">.vvip10,.vwip10</span> <span class="token punctuation">{</span>
<span class="token property">background–position</span><span class="token punctuation">:</span> 0 0</code></pre>
<pre class="line-numbers language-php">
这张图你另存为后名字可能会和我的不一样，本身改掉就好，xxx.png,改成你本身图片的名称。
第三步：主标题录 -> assets -> images 放入如下图片
