Joomla 菜单项添加rel=nofollow

偶看在使用Joomla制作网站的过程中,有时候需要nofollow菜单项中的外链,查看了Joomla 3的mod_menu模块代码,修改mod_menu模块,添加rel有点麻烦,偶看决定曲线救国。

由于站外链接使用的是新窗口打开,偶看通过研究发现可以使用“模板覆盖”的方法实现Joomla 3菜单项添加rel=”nofollow”

将/modules/mod_menu/default_url.php复制到/tmpltemplates/模板文件夹/html/mod_menu/default_url.php 找到

<a <?php echo $class; ?>href="<?php echo $flink; ?>" target="_blank" <?php echo $title; ?>><?php echo $linktype; ?></a>

修改为

<a <?php echo $class; ?>href="<?php echo $flink; ?>" target="_blank" rel="nofollow" <?php echo $title; ?>><?php echo $linktype; ?></a>

即可完成Joomla 菜单项添加rel=”nofollow”

以下为错误方案,针对搜索引擎无效

一、在需要添加rel=”nofollow”的菜单项中——链接类型选项——链接的CSS样式,添加“wl”样式。

joomla-menu-rel

二、打开当前使用的模板首页文件,例如:/templates/oukan/index.php,在文件结尾处添加代码

<script>
jQuery(document).ready(function(){
  jQuery(".wl").attr("rel","nofollow");
});
</script>

通过使用jQuery代码,给 class=”wl” 的A标签添加 rel=”nofollw” 属性,不需要修改任何Joomla系统文件,方便升级。当然,前提是要加载jQuery框架。

2014-04-09更新

WordPress添加返回顶部小火箭

偶看介绍的Wordpress添加返回顶部小火箭是通过JQuery配合CSS来实现,可以适用于任何Wordpress模板,而不单单只适合萧涵主题。

一、下载返回顶部小火箭压缩包:rocket小火箭素材,里面有两个文件btop.js和rocket_up.png,均放置到主题文件夹下的 images 目录,例如:/wp-content/themes/xiaohan3/images/

二、打开萧涵主题文件夹下的/wp-content/themes/xiaohan3/footer.php,在文件结尾处添加

<div id="scrollTop" >
    <div class="level-2"></div>
    <div class="level-3"></div>
</div>
<script language="javascript" type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.6.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="/wp-content/themes/xiaohan3/images/btop.js"></script>

三、打开萧涵主题文件夹下的/wp-content/themes/xiaohan3/style.css,在文件结尾处添加

/*top*/
#scrollTop{cursor:pointer;display:block;height:180px;overflow:hidden;position:fixed;right:-42px;top:80%;width:149px;z-index:11;margin:-124px 0 0;padding:0}
#scrollTop,#scrollTop .level-2{background:url(images/rocket_up.png) no-repeat 0 0;}
#scrollTop div{left:0;overflow:hidden;position:absolute;top:0;width:149px;margin:0;padding:0}
#scrollTop:hover{background-position:-149px 0;}
#scrollTop .level-2{background-position:-149px 0;display:none;height:180px;opacity:0;z-index:1}
#scrollTop .level-3{background:none;cursor:pointer;display:block;height:180px;z-index:2}

这样就完成了Wordpress添加返回顶部小火箭,具体效果看下图,也可以查看偶看博客的右侧。

返回顶部小火箭

Joomla 3.1建设企业网站——三鸭智能家居

三鸭智能家居(http://www.sanya-dyg.com/)的老网站是用.NET语言做成,由于网站源代码有加密,偶看无法修改。为了便于维护,偶看沿用其模板,而将网站内核改为Joomla。

三鸭智能家居

三鸭智能家居使用的Jomla最新版本3.1.5,配合K2 2.6.7制作而成。

在原生的Joomla系统上,偶看还开发和修改了一下内容

一、基于Jquery.anyslider 1.6.1版本开发了首页幻灯片模块——mod_oukan_anyslider

二、产品展示页面使用K2,在产品详情页上,通过代码添加自定义模块,使之在产品主图右侧显示“同类产品”

三、通过Jquery实现简洁的Tab标签详情页

三鸭智能家居整体十分简洁,未来可能还会添加其他功能页面。

在Codecademy完成jQuery的学习

上个月,偶看完成《在Codecademy学习HTML+CSS》,最近在入门JavaScript和jQuery。今天,偶看终于在Codecademy把jQuery相关入门练习完成。包括:

Introducing jQuery, 14 练习

In this lesson, you’ll learn about the Document Object Model (DOM), how to manipulate HTML elements with jQuery, and create web page elements that change opacity when you hover over them.

2 jQuery Functions, 13 练习

Now that you know some jQuery basics, we’ll dive into some of the details relating to fundamental jQuery actions (called functions). We’ll even make a sliding panel for a website!

3 Dynamic HTML, 14 练习

In this course, we’ll cover how to create dynamic HTML (DHTML), including how to add and remove classes (and even entire elements!) to and from our site, ultimately creating an updatable list for our webpage.

4 jQuery Events, 12 练习

You already know a few jQuery events. In this lesson, we’ll learn additional events and use them to animate a video game character.

5 jQuery Effects, 14 练习

You already know several jQuery effects. In this lesson, we’ll learn additional effects (including jQuery UI effects) and use them to create an interactive menu for our website.

6 Code ‘n Tell

Use what you’ve learned to create your own custom web application!

jQuery_Codecademy

偶看下一步要完成的是JavaScript。