Попытка создания короткого кода сетки/столбца

Question

Я собираюсь туда и обратно, делая много проб и ошибок. То, что я хочу вывести, - это короткие или короткие коды.

Например [grid_4] Lorem Ipsum [/ grid4]

до сих пор это то, что я придумал

/*Grid Shortcode*/ 
function grid_one($content = null) { 
    return '<div class="one columns">'.$content.'</div>'; 
} 

add_shortcode('column_one', 'grid_one'); 

при попытке применить открытие и закрытие шорткод. Мой текст, кажется, исчезает. Я использую рамки скелета, и мой CSS для этой таблицы стилей находится в этой папке под названием «CSS».

CSS/Skeleton.css

Когда я попытался создать clearfix шорткод. Кажется, что он работает нормально, без проблем, и он очищает плавающие элементы. Вот код.

//Clear Shortcode 
function clear_fix($content = null) { 
    return '<div class="clearfix"></div>'; 
} 

add_shortcode ('clear', 'clear_fix'); 

и мой style.css находится в корневом каталоге, а не в папке

Answer 1

К сожалению, я немного confussed на вашем примере, как вы используете [grid_4] как шорткод но функция в пример будет использовать [column_one] в качестве короткого кода. Если я правильно понял, у вас также был бы короткий код для каждой ширины столбца? Вы могли бы объединить их в один короткий код, если хотите. Например:

// column (grid) shortcode 
function my_col($params,$content=null){ 
    extract(shortcode_atts(array(
     'no' => '' 
    ), $params)); 
    return '<div class="col grid_'.$no.'">'.do_shortcode($content).'</div>'; 
} 
add_shortcode("col", "my_col"); 

Так что, если бы вы сетка 12 колонка это будет использоваться следующим образом:

[col no="6"] This is the first column [/col] 
[col no="6"] This is the second column [/col] 

Вы также можете обернуть это в контейнер строки для очистки, как так:

[row] 
    [col no="6"] This is the first column [/col] 
    [col no="6"] This is the second column [/col] 
[/row] 

шорткод для строки будет:

// row shortcode 
function my_row($atts, $content = null){ 
    return '<div class="row">'.do_shortcode($content).'</div>'; 
} 
add_shortcode("row", "my_row"); 

Наконец я нахожу много хлопот с WordPress автоматически добавив пункт и разорвать тег поэтому я добавляю следующее functions.php

// Help clean up automatic paragraph tags 
remove_filter('the_content', 'wpautop'); 
add_filter('the_content', 'wpautop' , 12);