189 8069 5689

wordpress主题定制 wordpress主题divi

如何构建WordPress主题选项 Theme Options

用WordPress的Settings API是最精简的方法,定制化最高,对编程要求也高。

专业领域包括网站设计、成都网站制作成都商城网站开发、微信营销、系统平台开发, 与其他网站设计及系统开发公司不同,创新互联建站的整合解决方案结合了帮做网络品牌建设经验和互联网整合营销的理念,并将策略和执行紧密结合,为客户提供全网互联网整合方案。

用Options Framework Theme是最简单的方法,不需要知道什么编程技巧,装上了就可以用,很像傻瓜照相机,所以也不能对定制化和性能有过高期望。

用主题框架,前提用这个框架构建主题,很多优秀的框架开源却不免费。

易用性和性能的平衡

如果既要追求易用性又要追求性能,需要了解一些代码又不用玩命读文档,那还有一个不错的选择,该方法来自这里。

首先下载示例文件,该文件是twentyten的Child Theme,安装方法参考如何安装WordPress主题。

激活主题后,在外观选项看下就会出现Theme Options选项卡。

这个主题选项页面主要是又文件夹下的theme-options.php控制的,打开这个文件看看如何通过修改文件来定制我们需要的主题选项界面。

如何使用theme-options.php

1. 引入文件

将theme-options.php放到主题目录下,通过下面代码引入

require_once ( get_template_directory() . '/theme-options.php' );

如果是Child Theme

require_once ( get_stylesheet_directory() . '/theme-options.php' );

2. 修改textdomain

WordPress的多语言主题必须有textdomain,这个示例文件中的textdomain是sampletheme,全文替换成自己主题的textdomain即可。

3. 修改外观选项卡下的Theme Options菜单名称

13-18行的代码用于产生Theme Options名称

/**

* Load up the menu page

*/

function theme_options_add_page() {

add_theme_page( __( 'Theme Options', 'sampletheme' ), __( 'Theme Options', 'sampletheme' ), 'edit_theme_options', 'theme_options', 'theme_options_do_page' );

}

使用的函数是add_theme_page,函数定义如下,根据定义修改

add_theme_page( $page_title, $menu_title, $capability, $menu_slug, $function);

$page_title控制页面title,$menu_title控制菜单名称

4. 生成选项

select下拉菜单和radio单选按钮通过定义数组产生,分别是$select_options和$radio_options。

select、radio、input或checkbox等HTML结构均在函数theme_options_do_page()中输出。

5. 调用主题选项中的项目

$options是一个数组,输出主题选项页面所有的选项,以安装后默认的选项为例,$options的内容如下

Array

(

[sometext] =

[selectinput] = 0

[sometextarea] =

[option1] = 0

[radioinput] =

)

6. 更改存储在wp_options表中的主题选项名称

如果你不想用sample_options作为选项名称,可以修改成自己主题的名字,假设你的主题叫greattheme,将下面的代码

function theme_options_init(){

register_setting( 'sample_options', 'sample_theme_options', 'theme_options_validate' );

}

替换为

function theme_options_init(){

register_setting( 'greattheme_options', 'great_theme_options', 'theme_options_validate' );

}

进行全文替换,将sample_options全文替换为greattheme_options,将some_theme_options全部替换为great_theme_options。

register_setting是WordPress Settings API中的一个函数,用来注册选项并通过回调函数(callback)输出HTML结构,函数原型如下

register_setting( $option_group, $option_name, $sanitize_callback );

如何自己写wordpress主题

1、创建所需的文件

在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。创建设置选项页的代码需要放置在主题目录下的functions.php文件中。如果我们的模板名为“OptionPage”,那么functions文件的路径为:wp-contentthemesOptionPagefunctions.php。

我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。

2、建立设置选项页

首先第一步需要在后台建立一个空白页面供我们使用。我们通过add_aaction来实现这一步。Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。因此,可以利用这些来实现我们所需的功能。这是我们创建选项页的最基本的功能。

?php

// 设置选项页

function themeoptions_admin_menu()

{

// 在控制面板的侧边栏添加设置选项页链接

add_theme_page(“主题设置”, “主题选项”, ‘edit_themes’, basename(__FILE__), ‘themeoptions_page’);

}

function themeoptions_page()

{

// 设置选项页面的主要功能

}

add_action(‘admin_menu’, ‘themeoptions_admin_menu’);

?

themeoptions_admin_menu()是在控制面板的侧边栏中添加一个链接,指向我们创建的选项页:themeoptions_page。

add_theme_page() 的参数为:

页面标题:主题设置

菜单标题:主题选项(p.s.为了区分显示,页面与菜单标题我做了不同我命名)

作用功能:edit_themes;

Handle(句柄):当前文件;

执行的函数:themeoptions_page;

wordpress怎么自己创建主题和设置主题

首先,打开wordpress后台

按提示输入需要的东西

要牢记你的用户名和密码

以后随时都要用到

不然你就进不去你的网站后台了

点击“外观”

“主题”,就是给网站添加一个基本的框架。

点击"添加”,记住要添加一个适合你的网站的主题,不能操之过急。

然在点击“上传主题”

如果想用wordpress里的主题就不用在去网上下载啦

如果是淘宝客的话你可以去百度看看

也可以去淘宝网里购买一个网站模板

然后在百度上搜索主题下载

看看你需要什么样的主题模板。

注意必须是zip压缩格式的

不是zip压缩格式的可以把他转换成zip压缩格式的

不然就会上传失败

失败因素也有很多种,一定要注意上传之前的注意事项,这样可以节省你的时间。

然后就点击“现在安装”就行了。安装完成之后你要添加你要发布的文章,可以控制你的网站进行创作。

wordpress怎么更改子页面的背景图

WordPress.com 托管您的 WordPress 网站,还是使用自我管理的服务器,本教程都适合您。您将学习以下为 WordPress 网站设置背景图片的方法:

添加带有 WordPress 主题设置的背景图片

使用 WordPress 插件添加背景图片

使用css添加背景照片

选项 1. 使用 WordPress 主题设置添加背景图像

许多免费的 WordPress 主题可让您设置背景图像。我正在使用二十一二十一主题,这是博客、portfol ios和小型企业的简单首选主题。此主题还允许您拥有背景图像。

登录到您的 WordPress 网站的管理部分。您可以从这里处理大部分 WordPress 设置。 

WordPress 如何登录到您的 WordPress 网站 管理仪表板 Adi Purdila

单击外观,其中包含您网站外观的所有设置。系统会要求您选择一个主题。选择二十一二十一作为您的主题(或任何其他允许您拥有背景图像的主题)。  

现在,将鼠标悬停在外观菜单上,然后单击背景。将出现主题定制器窗口,让您选择背景图像。

现在,选择图像,然后从 WordPress 库中选择图像或上传图像。

您可以设置背景图像的详细信息,例如替代文字、标题、标题和说明。如果您的重点是 seo,添加替代文本总是一个好主意。

选择图像并保存设置后,您的 WordPress 背景图像将发生变化。现在,您可以探索不同的预设选项(填充屏幕、适合屏幕等),这将使您的背景图像看起来完全符合您的要求。

请记住单击左上角的保存更改按钮,否则您的更改将不会被保存。

选项 2. 使用 WordPress 插件添加背景图像

仅当您拥有一个自我管理的 WordPress 网站或者您已从 WordPress.com 购买了付费计划时,才建议使用插件来更改您网站的外观。如果您选择通过免费的 WordPress.com 帐户使用插件,您的域将从 .wordpress.com 更改为.wpcomstaging.com,这并不理想。  

插件为您的 WordPress 网站提供了许多特性和功能。例如,使用背景插件,您可以在网站的多个区域添加不同的背景:帖子、页面和类别。您还可以使用一个插件将 YouTube 视频设置为背景。插件还可以为手机调整图像和视频的大小,以便您的观众可以轻松地通过手机欣赏您的网站。

对于本教程,我们使用了一个非常基本的免费插件。它被称为简单的全屏背景图像插件。

激活插件后,将鼠标悬停在appearance上。现在,单击新选项Fullscreen BG Image。

然后,单击选择图像并上传您想要作为 WordPress 背景图像的图像。如果您之前在其中添加了首选背景图像,您也可以从媒体库中选择图像。

您可以根据需要添加图像的替代文字、标题和描述等详细信息。单击使用图像,然后单击保存选项。

现在,前往您的网站查看您的 WordPress 背景图片的外观。

选项 3. 使用 CSS 添加背景照片

同样,要使用 CSS 添加背景图像,您需要拥有一个自托管的 WordPress 站点,或者在 WordPress.com 上订阅付费计划。自定义 CSS 不仅允许您添加背景图片,还可以对网站的外观进行各种更改,使其看起来完全符合您的要求。

导航到 WordPress 仪表板,然后单击外观 附加 CSS。

现在,在 CSS 字段中添加这些代码行来设置 WordPress 背景图像。

body {

background-image: url("");

background-position: center center;

background-size: cover;

background-repeat: no-repeat;

background-attachment: fixed;

}

替换 为您要用作 WordPress 背景图像的图像的 URL。

您还可以在 WordPress 网站上的各个帖子中添加自定义背景和图像。为此,您将需要以下代码:

body.category-slug {

background-image: url("");

background-position: center center;

background-size: cover;

background-repeat: no-repeat;

background-attachment: fixed;

}

就像以前一样,您必须替换为要使用的图像的 URL。您还必须替换slug为您网站上现有类别的名称。

在 CSS 中完成更改后,不要忘记单击Save Changes按钮来存储所有修改。现在您可以访问您的网站以查看新的背景图片!

注意图像尺寸

在将任何图像上传到 WordPress 网站之前,请关注其大小。添加高质量的视觉效果很诱人。但是,这可能会提高您网站的加载速度。这听起来没什么大不了的。但是,您的网站越慢,跳出率就越高,这意味着更多的人在阅读或查看其内容之前离开您的网站。反过来,这会影响您的转化。谷歌曾表示, 两秒是理想的网站速度,尤其是在您开展业务的情况下。  

但是,另一方面,仅仅为了缩小尺寸而添加质量较差的图像也会对用户体验产生负面影响。因此,理想的做法是保持平衡并添加高质量的图片,但仅在必要时——即当它们为您的内容增加价值时,并且仅增加所需的分辨率。

概括

在本教程中,我向您展示了设置 WordPress 背景图像的三种方法。

通过主题外观设置添加背景图片

使用插件添加背景图片

添加自定义 CSS

您可能需要也可能不需要 WordPress 网站的背景图片。但是,如果您选择使用背景图片,请知道它是为您的受众设定品牌风格的重要元素。因此,请确保您的 WordPress 背景图片反映了您的品牌形象。


文章名称:wordpress主题定制 wordpress主题divi
转载源于:http://cdxtjz.cn/article/doppjph.html

其他资讯