Archive for the 'WordPress技术档' Category

杂志型 WordPress 主题集合

1. Arthemia

magazine-wordpress-themes

演示地址:Demo
阅读全文: ‘杂志型 WordPress 主题集合’

css 边框效果参数

今天来看看利用 css 制作边框效果的参数

1 . css 代码:

  1. p {padding: 15px; border: 1px solid black; } 
  2. h5{padding: 0px; border: 1px solid red;}

阅读全文: ‘css 边框效果参数’

css 背景的各种参数

利用 CSS ,你可以设置各种背景颜色或背景图片,下面的例子将告诉您如何设置这些参数

1 . CSS 背景颜色参数:

css 代码:

  1. h4 { background-color: white; }
  2. p  { background-color: #1078E1; }
  3. ul { background-color: rgb( 149, 206, 145); }

阅读全文: ‘css 背景的各种参数’

使用 css (sliding doors)制作好看的按钮

今天来说说如何使用 css (sliding doors 技术)制作好看的按钮

使用 css sliding doors 比使用图案来制作按钮有更大的优势:因为你可以将设定的按钮风格使用到任何的链接上面,而不用针对每个链接制作不同长度的图案按钮。

sliding doors 技术 的原理:

如果我们希望有一个宽度为动态的按钮,我们必须找到一种方法,使按钮的宽度能够按照我们的要求横向拉伸。这时我们需要创建两个按钮图像,通过 css 定义为按钮的左边和右边组成部分,如下图:
阅读全文: ‘使用 css (sliding doors)制作好看的按钮’

如何制作你的搜索框

如果你厌倦了 blog 页面里千篇一律的搜索框,那就跟随我下面的步骤,来制作你的搜索框,所做的只是修改 CSS 。

下面图片左边显示的是原来的搜索框,右边的图片修改后新的搜索框(主要是按钮修改)。

search_box_oldnew.png
阅读全文: ‘如何制作你的搜索框’

三种使网站背景图片自动适应浏览器大小的方法

由于显示器分辨率的不同,相同的图片在不同分辨率下有可能会出现只显示一部分或留部分空白的情况,今天我们就来看看如何使网站背景图片自动适应浏览器大小

这是最终的效果:What’s The Weather?

resizeablebackgroundimage.jpg
阅读全文: ‘三种使网站背景图片自动适应浏览器大小的方法’

通过一个小例子来说明 css 工作原理

打开你 blog 里的 css 样式表,你经常会看到ollip,今天来说说这些符号有什么用

1 . 先用下面的代码建立一个 HTML 文件

  1. <ol>
  2.   <li>
  3.     <p>This is line one</p>
  4.   </li>
  5.   <li>
  6.     <p>Here is line two</p>
  7.   </li>
  8.   <li>
  9.     <p>And last line</p>
  10.   </li>
  11. </ol>

阅读全文: ‘通过一个小例子来说明 css 工作原理’

如何制作 wordpress 分类的下拉式导航

最近在修改一个 wordpress 主题,准备开个新站,期间碰到一些之前没有碰到的问题,上网查了些资料,结合自己的实际使用,会陆陆续续写一些 wordpress 主题制作的文章。

今天先来说说 如何制作 wordpress 分类的下拉式选单

wordpress 默认的导航看起来很不爽(估计看多了),有一些网站里使用下拉式导航,觉得不错,决定将新站改成那样:

menu-pages-categories-wordpress.png
阅读全文: ‘如何制作 wordpress 分类的下拉式导航’

WordPress 的 7 种使用方式

自从 WordPress 升级到 2.x 以后,因为它的多功能性,这个博客平台越来越多的受到赞扬。根据您的创意,您可以在 wordpress 上修改出更多的非常灵活的平台。

现在我将l列出在 wordpress 基础上修改出不同使用方式(可能还有其它方式我没有列进去的):

1 . 博客平台

使用 WordPress 最多的主要还是作为博客
阅读全文: ‘WordPress 的 7 种使用方式’

如何在主页的文章之间加入 adsense 广告

这两天在修改 blog 版面,顺便把 google 广告也改了改,把原本在首页最后面的广告移到了第二篇文章后面,具体操作我在去年5月就说过了,今天把旧文章提到第一页来,应该有人会需要。

上次我写过 如何在你的 blog 里加入 Adsense 广告 ,这次再详细的讲一讲如何在主页的文章和文章之间加入 adsense 广告
如果你想在 blog 主页的文章和文章之间加入 adsense 广告(具体效果见我的 blog ),你就需要修改 wordpress 模版,不同的 wordpress 主题有着不同的差异,不过按照以下的步骤修改模版,应该都能成功:

1 . 进入你现在使用主题的 index.php 文件中,寻找:

  1. <?php if (have_posts()) : ?>

在它之前加上:

  1. <?php $counter = 1; ?>

阅读全文: ‘如何在主页的文章之间加入 adsense 广告’