###■前提
WordPressの「Smart Custom Fields」というプラグインを使用しています。
###■目的
カスタム投稿フィールドの間隔を調整したいです。
###■具体例
下記画像①②のステップで、フィールドをいくらでも追加できるプラグインです。
![
そうして追加して記事を公開すると、下記画像のように表示されます。
質問は、このフィールドの表示の間隔(ココ)を調整したい、ということです。
###お願い
当該プラグインにドンズバなご回答でなくても、とにかくカスタムフィールドの間隔を調整する方法などでもうれしいですし、「コードがないとわかんないけど、大体このあたりにこういうコードが書かれてない?」というヒントでもうれしいです。
尚、フィールド内に「br」を入れたりして間隔を広げるという方法でなく、プラグインやWordPress側のCSSで対処したいと思っています。
わかりにくい質問で恐縮ですが、ご意見頂戴できますと幸いです。
よろしくお願いいたします。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答3件
0
ベストアンサー
ひとまずこんな感じでいいような気がします。
css
1.konotabino-wrap { 2 padding-top: 10px; 3} 4.konotabino-wrap .group1 { 5 margin-bottom: 10px; 6} 7.konotabino-wrap .group1:last-child { 8 margin-bottom: 0; 9}
投稿2016/10/08 17:39
総合スコア2722
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/10/08 17:52
0
①と②の領域は、何か要素で囲まれていますか?
囲まれているならその要素に何らかのclassがついていませんか?
記事の表示画面を開発者ツール等で検証すれば、
実際にどのような構造のHTMLが出力されているのかわかりますので、
まずはそれを調べてください。
該当の領域にその領域を特定するためのclassがついているのであれば、
そのclassをセレクタとしてmargin-top:●px;
などを設定すれば間隔の調整はできると思います。
投稿2016/10/08 16:04
総合スコア3763
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/10/08 16:23
2016/10/08 16:26
2016/10/08 16:29
退会済みユーザー
2016/10/08 16:31
2016/10/08 16:34
退会済みユーザー
2016/10/08 16:34
退会済みユーザー
2016/10/08 16:35
2016/10/08 16:39
2016/10/08 16:52
退会済みユーザー
2016/10/08 16:58
2016/10/08 17:07 編集
退会済みユーザー
2016/10/08 17:17
2016/10/08 17:32
退会済みユーザー
2016/10/08 17:36
退会済みユーザー
2016/10/08 17:54
2016/10/09 15:53
0
PHP
1<div class="konotabino-wrap"><?php 2$group_set = SCF::get( 'group1' ); 3foreach ( $group_set as $fields ) { 4 $aaa1 = apply_filters( 'the_content', $fields[ 'aaa1' ] ); 5 $bbb1 = apply_filters( 'the_content', $fields[ 'bbb1' ] ); 6 $ccc1 = apply_filters( 'the_content', $fields[ 'ccc1' ] ); 7 $ddd1 = apply_filters( 'the_content', $fields[ 'ddd1' ] ); 8 $eee1 = apply_filters( 'the_content', $fields[ 'eee1' ] ); 9 printf ( '<div class="aaa1">%1\$s</div><div class="bbb1">%2\$s</div><ul class="group1"><li class="ccc1">%3\$s</li><li><div class="ddd1">%4\$s</div><div class="eee1">%5\$s</div></li></ul>', $aaa1, $bbb1, $ccc1, $ddd1, $eee1 ); 10} ?> 11</div><!-- >未テスト< -->
CSS
1.konotabino-wrap .aaa1 {} 2.konotabino-wrap .bbb1 {} 3.konotabino-wrap .ccc1 {} 4.konotabino-wrap .ddd1 {} 5.konotabino-wrap .eee1 {}
投稿2016/10/08 17:31
総合スコア69364
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/10/08 17:50
2016/10/08 18:07
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。