2014-01-13 4 views
0

Я хочу, чтобы мой единственный пост имел стиль, отличный от основного. Я знаю, что мы можем добавить пользовательский файл CSS в single.php, но у меня нет файла single.php в моей теме!Стиль только для одного сообщения

Мне просто нужен пользовательский идентификатор, такой как id="single", добавленный к единственному сообщению (не в сообщениях на главной странице), а затем я могу писать стили для него.

Я нашел PHP код, но я не знаю, как я могу использовать его, или, если это то, что я хочу или нет ...

if (is_single()) { 
    $single_css_styling = get_post_meta($post->ID, 'single_css_styling', true); 
    if (!empty($single_css_styling)) { ?> 
<style type="text/css"> 
    <?php echo $single_css_styling; ?> 
<style> 
<?php } } 

Есть ли способ сделать это?

+0

вы можете создать собственный шаблон и использовать его css легко, где вы хотите использовать. –

+0

Вы также можете добавить id/class с помощью jquery – softsdev

+0

Я новичок, как вы видите, дайте больше объяснений – newbie

ответ

2
<?php if (is_single()) { 
     echo '<script type="text/javascript"> 
      jQuery(document).ready(function(){jQuery("body").addClass("single");}); 
     </script>'; 
    } ?> 

теперь вы можете класс >> сингл добавляется в тело тега с помощью этой идентичности можно легко применить ваш CSS

Примечание: JQuery файл должен добавлен на ваш сайт для того

Без JQuery

add_filter('body_class','my_class_names'); 
function my_class_names($classes) { 
     if (is_single()){ 
    // add 'class-name' to the $classes array 
    $classes[] = 'single'; 
    // return the $classes array 
     } 
    return $classes; 
} 

Пожалуйста, убедитесь, что в теле тега header.php

<body <?php body_class($class); ?>> 

является гнал или не

+0

Добавить этот код в вашей функции.php – softsdev

+0

, но я не хочу использовать jquery на страницах, есть ли какой-либо способ с php? – newbie

+0

Wordpress одно сообщение о добавлении класса одного в теге body, используя body_class(), поэтому не требуется для этого js, помещенного в сеть. –

1

Ваша тема должна использовать стандартный метод body_class() WordPress в <body> элемента, как показано на примере в документации:

<body <?php body_class($class); ?>> 

Это автоматически добавит полезно классы к элементу body, включая single, если это одна страница. Затем вы просто нацеливаете свой CSS на .single.

Смежные вопросы