布局 – 塔克网 – WordPress主题 – 全自动采集发布整站模板

Beaver Builder允许您创建自定义的WordPress布局和设计，而无需编写任何代码。这里有一个完整的Beaver Builder回顾和操作指南。

2023 年 7 月 16 日

你想学习如何在WordPress中创建自定义页面布局吗?Beaver Builder允许您创建自己的页面布局，而无需编写任何代码。在本文中，我们将回顾Beaver Builder，并向您展示如何使用Beaver Builder在WordPress中创建自定义页面布局。为什么以及何时需要自定义页面布局许多高级WordPress主题都有现成的页面布局用于网站的不同部分。然而，有时内置布局可能不适合您的需要。您可以通过创建子主题然后添加自己的页面模板来在WordPress中创建自定义页面模板。但是您需要一些PHP、HTML和CSS的知识才能工作。这就是Beaver Builder的用武之地。这是一个拖放页面生成器插件的WordPress。它可以帮助您创建自己的自定义页面布局，而无需编写任何代码。 Beaver Builder Review Beaver Builder是非常容易使用和初学者友好的。同时，它装载了令人难以置信的功能，以创建专业的页面。它适用于所有WordPress主题，并有大量的模块，你可以直接拖放到你的页面上。您可以创建任何您想要的布局，并按照您想象的方式设置它。在这个Beaver Builder回顾中，我们将向您展示如何使用Beaver Builder在WordPress中创建自定义页面布局。让我们开始吧。设置Beaver Builder Plugin 首先你需要购买Beaver Builder Plugin。这是一个付费插件，价格从99美元起，无限制的网站。接下来，您需要做的是安装并激活Beaver Builder插件。有关更多细节，请参阅我们关于如何安装WordPress插件的一步一步指南。激活后，您需要访问设置»页面生成器页面输入您的许可证密钥。输入许可密钥后，您现在可以创建漂亮的页面布局了。使用Beaver Builder创建您的第一个自定义页面布局只需访问Pages »添加新强。你会注意到WordPress编辑器中出现了一个新的Page Builder选项卡。点击& # 8216;页面构建器# 8217;选项卡启动Beaver Builder。如果这是您第一次使用Beaver Builder，那么您将看到一个欢迎弹出为您提供导游。此时，您可以点击No Thanks按钮跳过游览。因为，我们将在本指南中介绍不同的功能，所以您不需要导览。之后，您需要单击顶部菜单中的Templates按钮。 Beaver Builder带有一些专业设计的模板，可以让您立即开始。 Don’别担心，您可以根据自己的喜好定制模板。这只是让你快速开始布局的一种方法。当你选择一个布局时，Beaver Builder会在预览窗口加载它。把你的鼠标到一个项目和海狸建设者将突出显示它。您可以简单地点击任何突出显示的项目扳手图标来编辑它。 Beaver Builder将显示一个带有不同设置的弹出窗口，您可以进行编辑。你可以改变文本，颜色，背景，字体，填充，边距等你也可以只是点击一个项目在实时预览和拖放移动它的页面。 Beaver Builder的布局是基于行的。您可以拖放以重新排列行。还可以删除或添加新行。 […]

WordPress CLS,PageSpeed Insights,累计布局偏移,网站优化文字详细教程

2023 年 6 月 11 日

想象一下：你正在加载一个网站，它看起来已经准备好了。您单击博客特色图片阅读文章，突然整个页面都发生了变化，因为刚刚加载了其他内容。然后您单击完全不同的内容并加载一个您从未想过的页面。如果您自己遇到过这个问题，您就会知道累积布局偏移 (CLS) 如何对站点的用户体验 (UX)产生负面影响。累积布局偏移，简称CLS，是谷歌Core Web Vitals的一个指标。简而言之，它衡量一个网页的内容有多少是 “意外 “移动的。一个高的CLS分数可以表明一个糟糕的用户体验，也可以拖累你的网站的SEO。累积布局偏移(CLS) 是页面布局在加载时发生多少偏移的术语，在本文中，我们将深入探讨它的含义。我们将向您展示如何衡量CLS，并解释什么是好分数。然后我们将讨论如何优化您网站的CLS分数。什么是累积布局偏移 (CLS)？累积布局偏移是衡量你的网站上的一个页面在用户访问期间意外移动的程度，由布局不稳定性API（一个标准化的性能测试API）来衡量。累积布局偏移（CLS）是谷歌核心网络生命力计划中的三个指标之一，另外还有最大内容绘画（LCP）和首次输入延迟（FID）。为了理解累积布局转移的含义，有必要从总体上讨论布局转移。当你的网站上的内容意外地 “移动 “或 “转移 “时，就会发生布局转移。或者，用技术术语来说，它是指任何在视口中可见的元素在两个框架之间改变其起始位置。一个常见的例子是，你正在阅读一个文本块……但随后一个迟来的广告突然出现，把文本内容推到了页面的下方。下面是谷歌提供的另一个例子，展示了这种情况的发生。谷歌提供的一个累积布局转变的例子在浏览网页时，你几乎肯定遇到过布局转移，即使你不知道它们的名字。一次访问可能有多个独立的布局转移事件。因此，累积布局转移指标旨在通过测量一个页面上意外布局转移的总量来捕捉整个画面*。 *在谷歌做了一些改变之后，确切的衡量标准变得更加技术化了，但这仍然是基本的想法。如果你对这些细节感兴趣，你可以在这里了解更多信息。没有比视觉示例更好的方法来说明高CLS分数（意味着来自Google PageSpeed Insights的任何超过0.10的任何内容）代表什么。这是一个布局随着页面加载而不断变化的网站。请注意，我们在捕获它时根本没有滚动。我们的视口保持不变，但页面本身发生了巨大的变化：作为访问此网站的用户，您可能不确定它何时真正完成加载。你可能会尝试点击一个新闻故事，但布局却发生了巨大的变化。结果你最终在错误的页面上，你不得不浪费时间回去。根据页面的不同，这可能会发生多次。如果是这样，你很有可能会离开。您的用户也将如此。网站越复杂，就越有可能获得高CLS分数。对于标志性的Google主页等简单布局，没有CLS，因为它们包含的元素很少：这并不是说所有复杂的网站都有很高的CLS分数。以亚马逊为例。没有人会说这家电子商务巨头使用简单的网页设计。然而，在浏览其目录时几乎看不到布局变化。布局变化的发生是因为浏览器倾向于异步加载页面元素。更重要的是，您的页面上可能存在初始尺寸未知的媒体元素。这种组合意味着浏览器在加载完成之前不知道单个元素将占用多少空间。因此，剧烈的布局转变。 CLS的有趣之处在于它可以使用各种工具进行客观测量，但它也是以用户为中心的，因为每个用户的设备都会影响您网站布局的变化方式。虽然您无法控制该方面，但您当然可以采取预防措施，使其影响最小。 CLS（英文全称Cumulative Layout Shift）是Google 衡量的三个核心Web要素之一，可帮助其确定您的网站是否提供强大的用户体验 (UX)。Core Web Vitals其他两个要素是First Input Delay (FID)和Largest Contentful Paint (LCP)，它们也绝对值得您为优化付出任何努力。为什么累积布局偏移是个糟糕的事情？累积布局偏移不好的主要原因是，它在你的网站上创造了一个糟糕的用户体验。在最好的情况下，它对你的访问者来说是温和的烦扰。在最坏的情况下，它可能导致访问者执行他们不想采取的行动。例如，想象一下，如果一个用户想点击 […]

页面关键词主要是为了帮助搜索引擎分析页面内容，如果你的关键词用得越贴切越符合搜索引擎标准，那么这就是一个加分项；反之，则有可能成为减分项，诸如关键词堆砌，关键词不准确及关键词占比不合理等等。

2023 年 6 月 6 日

关键词是人们在搜索引擎中输入的可以帮助他们找到所需内容的单词和短语。也就是说，关键词能够高度概括整个页面的核心的东西，就如我们写论文那样做。页面关键词主要是为了帮助搜索引擎分析页面内容，如果你的关键词用得越贴切越符合搜索引擎标准，那么这就是一个加分项；反之，则有可能成为减分项，诸如关键词堆砌，关键词不准确及关键词占比不合理等等。例如，如果你想买一件新夹克，你可以在Google中输入“mens leather jacket（男士皮夹克）”。即使这个短语由多个单词组成，它仍然是一个关键词。当然，除了SEO行业的人，没有人会使用这个术语。大多数人会称之为“Google搜索”或者“查询”。你只要知道关键词与“Google搜索”或者“查询”说的是一回事。在这篇指南中，你会学习到：为什么说关键词很重要如何让你的网站因关键词而展示在Google上如何查找关键词如何选择关键词如何优化关键词什么是长尾关键词为什么说关键词很重要？关键词至关重要，只要别人在搜索引擎中输入对应关键词，你的网站就会显示在搜索结果页面。例如，如果你在Google上搜索“how to do SEO（如何做SEO）”，我们就会出现在SERP的顶部：译者注：在Google浏览器中搜索“how to do SEO（如何做SEO）”，Ahrefs会出现在SERP的第一页的第一位。因为这个关键词在美国的月搜索量约为1,700次，所以出现在Google搜索结果的前三名会给我们带来很多访问者。事实上，在过去的一个月里，这个关键词给我们带来了900多次访问量。如何让你的网站因关键词而展示在Google上你的网站因一个相关的关键词而出现在Google搜索结果顶部，这可能会给你带来很多流量，但怎么做才能实现这一目标？有两种方法。点击付费（PPC）广告搜索引擎优化（SEO）点击付费（PPC） PPC指的是，通过付费给Google，你自己的网站可以显示在特定关键词的搜索结果页面。例如，如果你销售邮件营销软件，你就可以投标这个关键词，这样当人们搜索邮件营销软件的时候，你的网站可以出现在Google的搜索结果顶部位置。这也是Campaign Monitor在做的事情。译者注：Campaign Monitor是一家提供邮件营销服务的公司，搜索“email marketing software”的时候可以看到Campaign Monitor的付费广告。这就是点击付费（PPC）广告。你可以在Google的平台上选择关键词并投标出价。然后你的广告就会显示在Google的搜索结果页。每次有人点击广告并登陆你的网站，Google都会向你收费。你可以区分付费结果和自然搜索（非付费）结果，因为付费结果会被标记为广告。搜索引擎优化（SEO） SEO是优化你的网页以提高网页在Google自然搜索排名结果中的过程。而Google的工作就是为每个搜索查询排列出最好、最相关的结果。如果Google认为你的页面是关于这个搜索查询“最好”的结果，你的网站会得到源源不断的“免费”访问流量。例如，Ahrefs博客每月从Google那里获得大约383,000的自然搜索流量。我们排名第一的关键词比如“SEO audit”：译者注：关键词“SEO audit“的搜索结果概览中显示，排名第一的链接是Ahrefs的网站。关键词“Keyword research tools”：译者注：关键词“Keyword research tools“的搜索结果概览中显示，排名第一的链接是Ahrefs的网站。以及“local SEO”：译者注：关键词“local SEO“的搜索结果概览中显示，排名第一的链接是Ahrefs的网站。因为我们是销售SEO工具的，所有这些关键词都能吸引潜在客户，并为我们的最终盈利做出贡献。如何查找关键词大多数人对于他们想要在Google中获取排名的关键词有一些想法。但我们是不可能知道人们搜索的所有内容。这就是为什么值得去做一些研究来找到更多的关键词。 […]

将 WordPress 3.8 仪表盘设置为单栏布局

2018 年 11 月 29 日

WordPress 3.8 正式版已经发布，改版后的仪表盘默认只能2栏布局，而且”显示选项“中已经移除了布局选项。如果你习惯以单栏显示，可以将下面的代码添加到主题的 functions.php ，就可以恢复布局选项，你就可以选择单栏或2栏显示（测试最多只能2栏） 1 2 3 4 5 6 7 8 9 10 11 12 /** * 将 WordPress 3.8 仪表盘设置为单栏布局 * https://www.wpdaxue.com/wordpress-3-8-single-column-dashboard.html */ function wpdx_screen_layout_columns($columns) { $columns[’dashboard’] = 2; return $columns; } add_filter(’screen_layout_columns’, ‘wpdx_screen_layout_columns’); function wpdx_screen_layout_dashboard() { return 2; } add_filter(’get_user_option_screen_layout_dashboard’, ‘wpdx_screen_layout_dashboard’); /** * 将 WordPress 3.8 仪表盘设置为单栏布局 * https://www.wpdaxue.com/wordpress-3-8-single-column-dashboard.html […]

WordPress 主题教程 #11：宽度和布局

2014 年 5 月 1 日

宽度和布局是从零开始创建 WordPress 主题系列教程的第十一篇，这篇将介绍如何设置每个 DIV 的宽度和布局排版，并且也会展示如何让主题显示正确，并同时在 Firefox 和 IE 下兼容，显示一致。在我们开始之前，打开 Xampp Control，主题文件夹，Firefox 浏览器，IE 浏览器，index.php和style.css这两个文件。第1步：设置页面总体宽度现在我们首先要确定的是主题的总体宽度。我们使用 750px；主题的大小取决于博客绝大多数访问者的屏幕分辨率。需要避免的是使用过大宽度的的主题，如果博客的读者都大多数使用 800px × 600px 的屏幕，这样的话，如果是使用 900px 宽的主题将会有 100多像素超出他们的屏幕，显然这是对用户很不友好的。不管怎样，我们怎么样把主题的总体宽度设置为 750px 呢？我们需要把现在主题中的所有的东西（header，container，sidebar 和 footer）放入一个 750px 的 DIV 标签中。在 <body> 之后增加：<div id=”wrapper”> 在 </body> 之前增加：</div> 在 style.css 文件中输入以下代码： #wrapper{ margin: 0 auto 0 auto; width: 750px; text-align: left; […]

自定义Android标题栏TitleBar布局 Android开发技术

2013 年 6 月 21 日

很多网友发现自己Android程序的标题栏TitleBar区域很单调，如果想个性化一些可以通过下面的方法来为自己软件的标题定制一个layout布局文件，比如浏览器的标题栏，它包含了网站的Favicon，自定义的进度条，和不确定的进度指示等等，实现的方法自己控制吧。下面代码在onCreate中使用，同时顺序不要改变，Android123提示各位开发者否则将无法生效: requestWindowFeature(Window.FEATURE_CUSTOM_TITLE); setContentView(R.layout.main); //软件activity的布局 getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.titlebar); //titlebar为自己标题栏的布局

Android布局Java代码构造法 Android开发技术

2013 年 6 月 17 日

一般情况下对于Android程序布局我们往往使用XML文件来编写，这样可以提高开发效率，但是考虑到代码的安全性以及执行效率，可以通过Java代码执行创建，虽然Android编译过的xml是二进制的，但是加载xml解析器的效率对于资源占用还是比较大的，一般一个简单的TextView，比如 <TextView android:id="@+id/textControl " android:layout_width="100px" android:layout_height="wrap_content" /> 可以等价于下面的Java代码: LinearLayout.LayoutParams textParams = new LinearLayout.LayoutParams(100, LayoutParams.WRAP_CONTENT); //宽度为100px，高为自适应最小的高度 // setOrientation(VERTICAL); 设置布局为垂直 TextView textControl = new TextView(this);//如果从一个XXXLayout.，比如LinearLayout为View的基类时这里this应该换成为创建改类的Context textControl.setText("Android开发网欢迎您"); addView( textControl, textParams ); 当然Java处理效率比XML快得多，但是对于一个复杂界面的编写，可能需要一些套嵌考虑，如果你思维灵活的话，使用Java代码来布局你的Android应用程序是一个更好的方法。