wordpress redux框架自定义标题样式

时间:2014-09-04 09:06:21

标签: wordpress frameworks redux-framework

我是php的初学者,我在Wordpress Redux框架中找到了这个自定义样式,但我不明白代码是如何工作的。

我想知道这个公式是如何运作的:

 <?php echo ($logo_h) ? (str_replace('px','',$logo_h) + 55) : 125; ?>px;

有人可以解释一下。非常感谢。

<?php 
        $logo_w=$sellegance_opt['logo_size']['width'];
        $logo_h=$sellegance_opt['logo_size']['height'];
        ?>

        #header .header_container {
            height: <?php echo ($logo_h) ? (str_replace('px','',$logo_h) + 55) : 125; ?>px;
        }
        .header3 #header .header_container {
            height: <?php echo ($logo_h) ? str_replace('px','',$logo_h) : 70; ?>px;
        }
        .header3 .desktop_nav {
            left: <?php echo $logo_w; ?>;
            margin-left: 10px;
        }
        .logo {
            width: <?php echo ($logo_w) ? str_replace('px','',$logo_w) : 160; ?>px;
            height: <?php echo ($logo_h) ? str_replace('px','',$logo_h) : 70; ?>px;
            margin-left: -<?php echo ($logo_w) ? (str_replace('px','',$logo_w)/2) : 80; ?>px;
        }

3 个答案:

答案 0 :(得分:0)

我还没有使用过这个框架,但是看看代码我肯定会告诉你这个框架当然可以让你在你的后端设置徽标的高度和宽度,并将输入的值作为

$logo_w=$sellegance_opt['logo_size']['width'];
$logo_h=$sellegance_opt['logo_size']['height'];

并使用$ logo_w和$ logo_h相应地创建设计。

如果您计划在没有框架的情况下仅使用框架中的这部分代码,那么您就无法做到。您必须拥有整个框架并从适当的位置设置这些值。

答案 1 :(得分:0)

//add this in functions.php

function mytheme_custom_options(){

global $sellegance_opt;

$logo_w=$sellegance_opt['logo_size']['width'];
$logo_h=$sellegance_opt['logo_size']['height'];

<style>

/*use your style here */

</style>
}

add_action('wp_head','mytheme_custom_options');

答案 2 :(得分:0)

好的,所以我试着解释一下,但我不太擅长解释事情:P

  1. PHP

    • redux optionsname似乎是&#34; sellegance_opt&#34;见第12行&amp;在redux附带的sample-config.php中有13个。
    • logo_size似乎是一个(至少)值url,width和height。
    • 的字段
    • PHP字符串在我猜的结束标头标记之前被删除到header.php。所以变量可以在文件中调用。
  2. CSS css样式输出php

  3. 他(或她)正在调用该属性并获取上传媒体大小的结果。他现在做一些数学计算来获得适合模板所需的图像大小。

  4. 但是没有所有的代码,很多都是在猜测。

    一切顺利。