如何强制将二十四窄屏布局应用于宽屏?

时间:2014-11-16 作者:oks

在里面gt.owenks.uk 使用214主题。窄屏幕布局使用全屏幕宽度发布文章,并将页面菜单压缩为图标:enter image description here

但宽屏布局仅使用屏幕的中间三分之一来发布帖子。enter image description here

如何强制窄屏幕布局应用于所有屏幕?

我尝试使用全页面宽度模板,但没有成功。

1 个回复
最合适的回答,由SO网友:Pieter Goosen 整理而成

如果你看的话,这是一个相当密集的操作。我以前做过一次。在开始之前,您需要了解正在发生的事情。

全宽页面的布局由full-width 当前在中定义的正文类line 419 in functions.php. 如果满足以下条件,则full-width 已应用实体类

如果sidebar-2 没有任何小部件

如果使用以下页面之一:

页面模板/全宽。php

页面模板/贡献者。php

如果页面是附件页

因此,根据您想要执行的操作,您需要消除这些条件并应用full-width 不考虑车身等级

在子主题中,您将需要删除full width body类,并应用一个新的body类作为新的full width body类。让我们调用这个新类new-full-width. 现在可以在函数中执行以下操作。php

function wpse168567_removes_full_width_body_class($classes) {
      foreach($classes as $key => $value) {
      if ($value == \'full-width\') unset($classes[$key]);
      }
return $classes;
}

add_filter(\'body_class\', \'wpse168567_removes_full_width_body_class\', 20, 2);

//Add new body class \'new-full-width\'
function wpse168567_add_new_body_class( $classes ) {
    $classes[] = \'new-full-width\';

    return $classes;
}
add_filter( \'body_class\', \'wpse168567_add_new_body_class\' );
您现在应该拥有new-full-width 正文类设置为所有页面

您现在需要复制all 的实例full-width 从2014年的主样式表到您的子主题中的样式表。完成此操作后,更改的所有实例full-widthnew-full-width

现在,您将看到所有页面都以全宽显示。

最后一次修改,删除sidebar-2 从所有模板中删除并取消注册。这一点很重要,因为如果您在侧栏中错误地删除了任何小部件,它将破坏您的布局,因此要注销侧栏,请执行以下操作

function wpse168567_remove_right_sidebar(){
   unregister_sidebar( \'sidebar-2\' );
}
add_action( \'widgets_init\', \'wpse168567_remove_right_sidebar\', 11 );
您必须将调用此侧边栏的所有模板复制到您的子主题并删除该调用。

我现在记不清你是否只需要这样做。我确实认为可能有必要调整您的内容宽度

结束

相关推荐

mobile vs responsive sites

美国一家医疗诊所的网络公司告诉我,对他们来说,建立一个常规的WP网站和一个单独的WP移动网站比建立一个单一的WP响应网站更便宜。什么是更好的传统智慧。是否只对那些负担不起常规和移动站点的用户做出响应,或者它处理的设备是否比移动站点多?

如何强制将二十四窄屏布局应用于宽屏? - 小码农CODE - 行之有效找到问题解决它

如何强制将二十四窄屏布局应用于宽屏?

时间:2014-11-16 作者:oks

在里面gt.owenks.uk 使用214主题。窄屏幕布局使用全屏幕宽度发布文章,并将页面菜单压缩为图标:enter image description here

但宽屏布局仅使用屏幕的中间三分之一来发布帖子。enter image description here

如何强制窄屏幕布局应用于所有屏幕?

我尝试使用全页面宽度模板,但没有成功。

1 个回复
最合适的回答,由SO网友:Pieter Goosen 整理而成

如果你看的话,这是一个相当密集的操作。我以前做过一次。在开始之前,您需要了解正在发生的事情。

全宽页面的布局由full-width 当前在中定义的正文类line 419 in functions.php. 如果满足以下条件,则full-width 已应用实体类

如果sidebar-2 没有任何小部件

如果使用以下页面之一:

页面模板/全宽。php

页面模板/贡献者。php

如果页面是附件页

因此,根据您想要执行的操作,您需要消除这些条件并应用full-width 不考虑车身等级

在子主题中,您将需要删除full width body类,并应用一个新的body类作为新的full width body类。让我们调用这个新类new-full-width. 现在可以在函数中执行以下操作。php

function wpse168567_removes_full_width_body_class($classes) {
      foreach($classes as $key => $value) {
      if ($value == \'full-width\') unset($classes[$key]);
      }
return $classes;
}

add_filter(\'body_class\', \'wpse168567_removes_full_width_body_class\', 20, 2);

//Add new body class \'new-full-width\'
function wpse168567_add_new_body_class( $classes ) {
    $classes[] = \'new-full-width\';

    return $classes;
}
add_filter( \'body_class\', \'wpse168567_add_new_body_class\' );
您现在应该拥有new-full-width 正文类设置为所有页面

您现在需要复制all 的实例full-width 从2014年的主样式表到您的子主题中的样式表。完成此操作后,更改的所有实例full-widthnew-full-width

现在,您将看到所有页面都以全宽显示。

最后一次修改,删除sidebar-2 从所有模板中删除并取消注册。这一点很重要,因为如果您在侧栏中错误地删除了任何小部件,它将破坏您的布局,因此要注销侧栏,请执行以下操作

function wpse168567_remove_right_sidebar(){
   unregister_sidebar( \'sidebar-2\' );
}
add_action( \'widgets_init\', \'wpse168567_remove_right_sidebar\', 11 );
您必须将调用此侧边栏的所有模板复制到您的子主题并删除该调用。

我现在记不清你是否只需要这样做。我确实认为可能有必要调整您的内容宽度

相关推荐

mobile vs responsive sites

美国一家医疗诊所的网络公司告诉我,对他们来说,建立一个常规的WP网站和一个单独的WP移动网站比建立一个单一的WP响应网站更便宜。什么是更好的传统智慧。是否只对那些负担不起常规和移动站点的用户做出响应,或者它处理的设备是否比移动站点多?