php - 特定类别帖子中的 Wordpress 独特背景-6ren

php - 特定类别帖子中的 Wordpress 独特背景

转载作者：行者123 更新时间：2023-11-28 08:42:22

26

4

我有一个代码:

<body <?php if( in_category( 11446 ) ) { echo "style=\"background-image: url('my-background-url-of-image');background-repeat:repeat;\" onclick=\"window.open('http://www.domain.com');\""; } ?> >

此代码仅在页面完全加载之前有效，然后发生某些事情并且它不起作用我从检查元素中假设 onclick 函数发生变化并且我无法找到是什么部分欺骗了它。

此代码的作用是设置特定类别中的唯一正文背景，并且背景是可点击的。

但是由于一些 javascript 错误，当页面加载满时它不起作用，所以也许有人可以向我解释如何删除 Javascript 上的 attr，而不是添加我想要的域。或者举例说明如何仅使用 href 执行替代代码。

谢谢。

最佳答案

我假设您正在构建一个 Wordpress 模板，并且要使用的背景图像基于 Wordpress 帖子的类别。

这不使用 Javascript。相反，它所做的是在 HTML5 文档的 head 标签内动态创建 CSS 声明 block 。它不为 body 标签做内联 CSS。

<?php
// ====================================================
// Solution #1
// Background Image Only
// ====================================================

function GetThisWordpressPostCategory() {
  // Do post category to filename mapping here
  return("cars");
}

function in_category() {
  // Just a dummy to simulate Wordpress in_category call
  return(true);
}

function BodyBackground($category) {
  $bodyCss = "";
  if (in_category($category)) {
    $bodyCss =<<<CSS
<style type="text/css">
body {
  background-image: url('{$category}.jpg');
}
</style>
CSS;
  }
  return($bodyCss);
}
?>

<!DOCTYPE html>
<html>
  <head>
    <title>Category background</title>
    <?php
    $category = GetThisWordpressPostCategory();
    echo BodyBackground($category);
    ?>
  </head>
  <body>
  </body>
</html>


<?php
// ====================================================
// Solution: 2
// Clickable div spanning viewport
// ====================================================


function GetThisWordpressPostCategory() {
  // Do post category to filename mapping here
  return("cars");
}

function in_category() {
  // Just a dummy to simulate Wordpress in_category call
  return(true);
}

function PageCss($category) {
  $pageCss = "";
  if (in_category($category)) {
    $pageCss =<<<CSS
<style type="text/css">
html, body, #page {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-image: url('{$category}.jpg');
}
#page-anchor {
  display: block;
  width: 100%;
  height: 100%;
}
</style>
CSS;
  }
  return($pageCss);
}
?>

<!DOCTYPE html>
<html>
  <head>
    <title>Category background</title>
    <?php echo PageCss(GetThisWordpressPostCategory()); ?>
  </head>
  <body>
    <div id="page">
      <a id="page-anchor" href="http://www.google.com"></a>
    </div>
  </body>
</html>

关于php - 特定类别帖子中的 Wordpress 独特背景，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27762226/

26

4

0

文章推荐： CSS float 在下方和左侧

文章推荐： javascript - 以编程方式关闭/隐藏/删除 Google map 工具提示

文章推荐： css - 无法将 zurb 基础标注居中

文章推荐： ios - CocoaAction 不触发 Action

我的其他页面的 CSS 背景 : want a diff. 背景
我正在使用 CSS background: url(stuffhere.jpeg)对于我的背景，但是当你点击其他视频时，“元素”不是页面，背景不会改变。我试过了和，并尝试为#home 和#pr
css - 背景:无 vs 背景:透明有什么区别？
这两个 CSS 属性有区别吗: background: none; background: transparent; 它们都有效吗？应该使用哪一个，为什么？最佳答案它们之间没有区别。如果您没有
csslint 警告回退背景(十六进制或 RGB)应在 RGBA 背景 ."evidence="背景 : rgba(0, 0, 0, 0.8 之前)；
csslint 警告回退背景(十六进制或 RGB)应该在 RGBA 背景之前。"evidence="background: rgba(0, 0, 0, 0.8);/* FF3+,Saf3+,Opera
jquery翻转!背景
我在我正在制作的新网站上使用 Flip 插件: http://www.concept-it.be/padre (点击联系人，然后点击电子邮件地址)。正如你所看到的，当翻转开始后，div 的背景变成灰
javascript - “before and after” 背景
有没有办法使用“前后”图像作为全尺寸背景？我想会很棒!我正在尝试将此类示例用作整页大小的图像； http://www.catchmyfame.com/2009/06/25/jquery-beforea
CSS 背景 - 包含但有点小？
我认为答案是否定的，但是... 有没有办法说: background-size: contain 90% 所以它的作用正是 contain 会做的，但是然后将它调整得更小一些？最佳答案理想的解决方
javascript - 将鼠标悬停在每个字母上时如何更改字体系列 + 背景
将鼠标悬停在给定文本的每个字母上将更改文本的整个字体 + 正文背景颜色。我试过了，但我的尝试失败了。相反，字体只在被悬停的字母之后发生变化，我什至不知道如何从 div 选择器中影响正文背景颜色。 .h
iPhone - UITableView 背景
我想给我的 UITableView 提供背景图片，所以我尝试了这个方法: - (void)viewDidLoad { [super viewDidLoad]; // Do any additional
Python - 背景/非事件窗口的屏幕截图
我正在尝试使用 Python 3.6 使用 PIL/Numpy(每个屏幕截图~0.01s)快速截取准备处理的屏幕截图。理想情况下，窗口不需要位于前台，即即使另一个窗口覆盖它，屏幕截图仍然成功。到目前
CSS3 背景 - 多个背景大小属性
我正在尝试做一些可能不可能的事情，但让我们看看你怎么想。这是我的代码: html { background: url(../img/pattern.png) repeat, url(../im
具有线性彩色径向线的 CSS 背景
一位设计师想出了这种类型的背景，如下图所示。我想避免使用图像背景。因此，如果可以使用 CSS background 属性复制它，我会努力思考。最底层只是一个线性渐变，没有问题。但是在其之上分层的圆形
WPF TreeViewItem 背景
当 TreeView(或应用程序)失去焦点时，如何更改所选 TreeViewItem 的背景。在这种情况下，默认情况下选定的项目具有浅灰色背景。编辑:第一个答案后的尝试:但是找不到带有 Target
具有线性彩色径向线的 CSS 背景
一位设计师想出了这种类型的背景，如下图所示。我想避免使用图像背景。因此，如果可以使用 CSS background 属性复制它，我会努力思考。最底层只是一个线性渐变，没有问题。但是在其之上分层的圆形
css - 背景 - 单斜条纹
我需要有一个带有 CSS 的背景作为附加的图像我不能让它与线性渐变一起工作。我正在尝试以下操作，但我无法仅创建 1 个白色条纹。 div { background: #5cbcb0; bac
java - ListView 背景
我有一个ListView，它有一个页眉和页脚。它们在 CardView 中的布局。以及其中必须为背景的内容列表。这是一张可以清楚看到的图片:我现在是这样的: 以及如何做: 我这样做了，ScrollVi
JQUERY CSS 背景
我目前有一个 DIV，其背景图像设置如下: background: url(../images/site/common/body-bannar-bkground.png) repeat 0 0; 如何
javascript - slider 背景
我有一个 slider ，需要在不使用 .style.backgroundImage 的情况下更改背景。那么我该如何通过向 slider 或其他东西添加一些类来做到这一点呢？ 'use strict'
c++ - LibPng 背景
好的，所以在 photoshop 中，我创建了一个具有透明背景和一些文本的 8 位彩色图像。然后我创建了一个具有透明背景和一些文本的 16 位颜色的图像。当我右键单击两个图像并转到属性时，它显示两个
android - Activity 背景
我有一个问题困扰着我，我似乎在 Google 上找不到答案。我用一段代码创建了一个小型测试应用程序，它执行如下操作: 在 MainActivity 中，我创建了一个 SomeClass 的实例，它有一
android - AppBarLayout 背景
我想做这个，在 Android Studio 的预览中看起来不错，但在运行时我得到这个正如您在屏幕开头看到的那样，颜色是白色，我想添加我自己的颜色，在本例中为绿色。最初它使用的是 Cordina

首页

博学

6Ren·AI

商城

php - 特定类别帖子中的 Wordpress 独特背景