网页设计该用什么主题好

网页设计该用什么主题好,第1张

从零开始制作 WordPress 主题其实不难,只要你从现在开始认真阅读这个教程,一步一步认真学习,你就会成为一个 WordPress 主题制作高手。至少你会修改现有主题。

网络上已经有很多关于制作 WordPress 主题的教程,并且 WordPress 官方网站上也有指导文章。但是当你不懂这方面的术语的话,这些教程可能不一定会帮助你,甚至还会误导你,所以这个教程会真正从零开始教你如何创建 WordPress 主题。

所需的工具和准备

开始真正制作主题之前,你需要使用到下面这些工具:

为了测试方便和快速,你首先需要在本地安装 WordPress,至于如何在 Windows 系统上安装 WordPress,你可以参考这篇日志:在 WordPress 本地安装 WordPress。

如果由于某种原因不能在本地安装 WordPress,那么你也可以的服务器上安装一个测试版的 WordPress。这个时候你必须要有一个支持 WordPress 主机的服务器,一般我使用 LAMP 主机(Linux+Apache+MySQL+PHP)主机,Win+IIS 主机可能会有很多问题,调试也比较麻烦,而 LAMP 主机,从我个人使用经验来说,我推荐 (MT) Media Temple 主机。

代码编辑工具,如 NotePad++ 或者 Vim 都可以,主要是适合自己个人使用习惯。

FTP 工具,用于上传主题到服务器上测试,这方面的工具很多,如 Filezilla,SmartFTP 等,如果你先安装软件麻烦(对啊,现在是云计算时代,谁还装软件),你也可以安装 Firefox 的 FTP 扩展,Fireftp,直接在 Firefox 中上传文件到服务器上。

XHTML 验证器和 CSS 验证器。你将需要这些工具去验证你的主题是否符合 XHTML 和 CSS 标准,并且可以使用它查出奇正错误的地方。

下载教程源代码

整个教程中会用到一些源代码,请到这里下载从零开始制作 WordPress 主题的源代码,请保存好,以后教程中会用到。

这篇就介绍到这里,主要介绍了制作 WordPress 主题所需的工具和应该做哪些准备,下面就开始要了解和开始制作 WordPress 主题。

一、工具:wordpress

二、:登陆wordpress控制面板。

1在“添加新页面”菜单下新建两个页面。将其中一个页面命名为“Home”(其它名称也可),作为“静态首页”。

2将“Home”模板

设为默认模板或其它自定义模板

,根据自己的意愿在“Home”页面的正文部分中添加内容

3

发布“Home”页面

3将另一个页面命名为“Blog”(或“News”、“Articles”等),作为网站日志的预留位置。

不要为该页面使用自定义模板!

不要在Blog页面上添加内容。保留空白页面。页面上所有内容都将被忽略——页面标题除外。

发布“Blog”页面

二:在管理界面>设置>阅读菜单下

1设置“主页”页面。将“Blog”页面设为“显示最近文章”,并选择“Home”页面作为“静态首页”。

保存所做修改

2/indexphpp=423这样的链接会阻碍静态主页的形成,因此需要激活“固定链接”,在地址栏中显示“页面标题”。虽然叫做“静态主页”,但你只要通过修改Home页面就可以更改“主页”上的内容了。

注意事项:

不是所有WordPress主题都可以轻松转换静态首页。

  wordpress主题版权隐藏或删除的方法:

  wordpress默认主题功能模块调用的是wordpress原程序中wp-includes文件夹中的默认代码,我们修改的时候只需要找到原始文件,去除多余代码即可:

  1、用编辑工具dreamweaver或是UE等打开以下路径中的文件:wp-includesdefault-widgetsphp;

  2、Ctrl+F搜索“<php wp_register(); >”,找到以下代码:

  <ul>

  <php wp_register(); >

  <li><php wp_loginout(); ></li>

  <li><a href=“<php bloginfo(‘rss2_url’); >” title=“<php echo esc_attr(__(‘Syndicate this site using RSS 20’)); >”><php _e(‘Entries <abbr title=“Really Simple Syndication”>RSS</abbr>’); ></a></li>

  <li><a href=“<php bloginfo(‘comments_rss2_url’); >” title=“<php echo esc_attr(__(‘The latest comments to all posts in RSS’)); >”><php _e(‘Comments <abbr title=“Really Simple Syndication”>RSS</abbr>’); ></a></li>

  <li><a href=“<php esc_attr_e( ‘http://wordpressorg/’ ); >” title=“<php echo esc_attr(__(‘Powered by WordPress, state-of-the-art semantic personal publishing platform’)); >”><php

  / translators: meta widget link text /

  _e( ‘WordPressorg’ );

  ></a></li>

  <php wp_meta(); >

  </ul>

  其中如下的三句代码分别是控制“文章RSS”、“评论RSS”、“WordPressorg”输出的,删除即可:

  <li><a href=“<php bloginfo(‘rss2_url’); >” title=“<php echo esc_attr(__(‘Syndicate this site using RSS 20’)); >”><php _e(‘Entries <abbr title=“Really Simple Syndication”>RSS</abbr>‘); ></a></li>

  <li><a href=“<php bloginfo(‘comments_rss2_url’); >” title=“<php echo esc_attr(__(‘The latest comments to all posts in RSS’)); >”><php _e(‘Comments <abbr title=“Really Simple Syndication”>RSS</abbr>‘); ></a></li>

  <li><a href=“<php esc_attr_e( ‘http://wordpressorg/’ ); >” title=“<php echo esc_attr(__(‘Powered by WordPress, state-of-the-art semantic personal publishing platform’)); >”><php

  / translators: meta widget link text /

  _e( ‘WordPressorg’ );

  ></a></li>

  去除底部“自豪地采用 WordPress”版权信息:

  1、打开主题文件夹:wp-contentthemestwentyelevenfooterphp;

  2、搜索找到以下代码:

  <a href=“<php echo esc_url( __( ‘http://wordpressorg/’, ‘twentyeleven’ ) ); >” title=“<php esc_attr_e( ‘Semantic Personal Publishing Platform’, ‘twentyeleven’ ); >” rel=“generator”><php printf( __( ‘Proudly powered by %s’, ‘twentyeleven’ ), ‘WordPress’ ); ></a>

  3、删除这段代码即可,当然删除后会什么都不显示,这样不是很美观,我们可以自己添加下自己的版权信息,可以替换为以下代码:

  <a href=“<php echo get_option(‘home’); >” title=“<php bloginfo(‘name’); >” rel=“generator”><php bloginfo(‘name’); ></a>

欢迎分享,转载请注明来源:表白网

原文地址:https://h5.hunlipic.com/biaobai/4053015.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2024-04-12
下一篇2024-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存