|
<b>[文章目录]</b>
<ul id="index-ul">
<li>第一步:复制下面的代码添加到functions.php文件里</li>
<li>第二步:在显示友情链接的地方进行调用即可</li>
</ul>
</div>
同学们大家好,今天<span style="color: #ff0000; font-size: 14pt;"><strong>吾爱互联</strong></span>将与大家分享如何制作下拉友情链接功能实现方法
先看下效果图,可以有些同学不知道什么是下拉
如图
<img class="aligncenter size-full wp-image-986" src="http://www.wpjiaocheng.com/wp-content/uploads/2014/09/下拉友情链接的实现方法.jpg" alt="wordpress中创建下拉友情链接的功能实现方法" width="310" height="225" />
这个功能感觉还是不错的,但是在友情链接比较多的情况下可以使用,而且只有通过下拉才可能看到友情链接里的网站,这样感觉不好
而不是直接显示在底部友情链接的位置,如果别人给你交换友情链接的时候,肯定不想把网站给隐藏起来,而是想别人看到
好了,实现这个功能的方法如下:
<h2 id="title-0">第一步:复制下面的代码添加到functions.php文件里
<div class="dp-highlighter">
<div class="bar"></div>
<ol class="dp-c" start="1">
<li class="alt"><span class="keyword">function</span> dropdown_links(){</li>
<li><span class="keyword">global</span> <span class="vars">$wpdb</span>;</li>
<li class="alt"><span class="vars">$sql</span> = <span class="string">"SELECT link_url, link_name, link_description FROM $wpdb->links WHERE link_visible = 'Y' Order By link_name"</span>;</li>
<li><span class="vars">$results</span> = <span class="vars">$wpdb</span>->get_results(<span class="vars">$sql</span>);</li>
<li class="alt"><span class="keyword">if</span> (!<span class="vars">$results</span>) {</li>
<li><span class="keyword">return</span>; }</li>
<li class="alt"><span class="vars">$output</span> ='<form action=<span class="string">""</span> name=<span class="string">"dd"</span>></li>
<li><select name=<span class="string">"dd2"</span> onchange=<span class="string">"document.location=dd.dd2.options[selectedIndex].value"</span> ></li>
<li class="alt"><option value=<span class="string">""</span>>Select ... </option>';</li>
<li><span class="keyword">foreach</span> (<span class="vars">$results</span> <span class="keyword">as</span> <span class="vars">$row</span>) {</li>
<li class="alt"><span class="vars">$the_link</span> = '#';</li>
<li><span class="keyword">if</span> (!<span class="keyword">empty</span><span class="func">empty</span>(<span class="vars">$row</span>->link_url)){</li>
<li class="alt"><span class="vars">$the_link</span> = wp_specialchars(<span class="vars">$row</span>->link_url);</li>
<li>}</li>
<li class="alt"><span class="vars">$desc</span> = wp_specialchars(<span class="vars">$row</span>->link_description, ENT_QUOTES);</li>
<li><span class="vars">$name</span> = wp_specialchars(<span class="vars">$row</span>->link_name, ENT_QUOTES);</li>
<li class="alt"><span class="vars">$title</span> = <span class="vars">$desc</span>;</li>
<li><span class="keyword">if</span> (<span class="string">''</span> != <span class="vars">$title</span>) {</li>
<li class="alt"><span class="vars">$title</span> = ' title=<span class="string">"' . $title . '"</span>';</li>
<li>}</li>
<li class="alt"><span class="vars">$alt</span> = ' alt=<span class="string">"' . $name . '"</span>';</li>
<li><span class="vars">$output</span> .= '<option value=<span class="string">"'. $the_link .'"</span>>'.<span class="vars">$name</span>.'</option>';</li>
<li class="alt">}</li>
<li><span class="vars">$output</span> .= '</select></form>';</li>
<li class="alt"><span class="func">echo</span> <span class="vars">$output</span>;</li>
<li>}</li>
</ol>
</div>
<h2 id="title-1">第二步:在显示友情链接的地方进行调用即可
<div class="dp-highlighter">
<ol class="dp-c" start="1">
<li class="alt"><?php dropdown_links(); ?></li>
</ol>
</div>
里面的css样式自己可以定义,好吧
|
|