21个自定义部分-单列布局

时间:2017-04-07 作者:Martin

我有一个2017年的儿童主题,我正在尝试将部分设置为一列布局,而其他部分仍有两列布局。

似乎有一个idea 对于创建页面模板并在中插入函数的解决方案functions.php:

add_filter( \'body_class\', \'one_column_page_body_classes\', 12 );

function one_column_page_body_classes( $classes ) {
    if ( is_page_template( \'template-parts/one-column-page.php\' ) && in_array(\'page-two-column\', $classes) ) {
        unset( $classes[array_search(\'page-two-column\', $classes)] );
        $classes[] = \'page-one-column\';
    }
    return $classes;
}
我没能让它工作。

提前感谢!

2 个回复
SO网友:Martin

我找到了一个answer, 但也许有更好的方法使用页面模板并直接应用更改。

目前,可以在样式表中应用以下内容:

body.page-two-column:not(.archive) #primary #panel1 .entry-header{  
  width: 100%;
}
body.page-two-column:not(.archive) #primary #panel1 .entry-content, body.page-two-column #panel1 #comments{
  width: 100%;
}
更改#panel 编号您可以将修复程序硬编码到相应的部分。

SO网友:Andre

要在WordPress中制作217个全宽,请将以下CSS添加到主题的CSS文件中,或添加到Customizer的其他CSS中:

.wrap {
    max-width: 100%;
}

@media screen and (min-width: 48em) {
    .wrap {
        max-width: 100%;
    }
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
    max-width: 100%;
}

@media screen and (min-width: 30em) {
    .page-one-column .panel-content .wrap {
        max-width: 100%;
    }
}
您可以调整100%的值。将这些设置为90%,例如,主内容宽度为90%。

相关推荐

custom user table columns

我正在这样做,根据我阅读的所有文档,应该覆盖manage users表中的每一列值。由于某些原因,WP 4.1中不起作用。任何见解都值得赞赏。function retro_custom_users_table_content($value, $column_name, $user_id){ $value = \"hi\"; return $value; } add_filter(\'manage_users_custom_column\',\'retro_c