こんにちは、
単純な段組みなら、
<div class="col">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
.col{
-moz-columns: 20em auto;
-webkit-columns:20em auto;
-o-columns: 20em auto;
-ms-columns: 20em auto;
}
が一番簡単ですよね、レスポンシブテーマでも気兼ねなく使えるので
nobita様
ご返信ありがとうございました。
今回想定しているのは下記のような段組みの場合なんです。
伝わりますかね。。
│写真写真│写真写真│写真写真│
│テキスト│テキスト│テキスト│
│テキスト│テキスト│テキスト│
がっつりデザインが入った固定ページであれば、
ビジュアルエディタを使わず、コードだけで自分で作成するのですが、
ビジュアルエディタを使いつつ、お客さん側でこういう段組みを使いたい場合のベターな方法が知りたいです。
こんにちは
ベターかどうかはちょっと分かりませんが・・・
カスタム投稿とカスタムフィールドで、お客さんにはそのフィールドに入れていってもらえれば整形されるように作るのはどうでしょうか。
列数とか、セルの数が決まっていないとやりにくいかもしれませんが、Advanced Custom Fieldsなんかだと色々便利な機能もあるので、おやりになりたいことができるような気もします。
munyagu様
ご返信ありがとうございます。
今回の段組みは、本文中に自由に差し込む形を想定しているので固定できないのですが、
場合によってはカスタムフィールドを使うのがよいですね!
お遊びですが、、、
メディアを挿入で、captionに文章を入力して、
functions.phpに、ちょこっとフィルターを記述
add_filter('the_content','my_custom_the_content');
function my_custom_the_content($content){
global $post;
if( 41730 == $post->ID ) {//この条件をカスタムフィールドにしたリ、投稿フォーマットにしたリ いろいろ、夢想
return '<div style="display:flex">'.$content.'</div>';
}
return $content;
}

お粗末
nobita様
ご返信ありがとうございます。
画像を使う場合はキャプションを利用できますね。
ということはデフォルトの機能のギャラリー機能でも段組みはできますね。
ただ、画像を使わない場合は段組みできないのが難ですね。。
画像を使わない、テキストだけの段組みもデフォルトの機能でできたらいいのですが。
AddQuicktagを使っているのであれば、
前置
<div style="display:flex">
後置
</div>
で、p要素を囲めば、OKじゃないですか?(実装はいろいろやらないといけないと思いますが、)
nobita様
質問の本文にも書いておりますが現状そのような形でやっています。
ただこれよりベターな方法があれば知りたいんですよね。。
あ、もうそのようにしていたんですね。
確かに、「ベターな方法」というよりは、「ベタな方法」ですね。
「ベターな方法」というのは、どういうイメージなのか想像が及びません
addquicktag やめたいという事ですか?
という事なら、tinymceと同機能のボタンをテーマから追加するといった事でしょうか、、、