フォーラムへの返信
-
投稿者投稿
-
こんにちは
パネルブロックの設定で、「画像の周りに余白を設定」をオンにされているみたいですので、CSSの詳細度が低くてカスタムCSSが反映されていないのだと思います。
GONSYさんが書かれているように、!important
を付けるか
詳細度を上げて.smb-panels[data-image-padding=true] .smb-panels__item__figure { padding: 30px 30px 0; }
のようにするといいと思います。
♥ 1いいねをした人: 居ませんこんにちは
スクリーンショットを見ると、テーマの中にcustomize.js
がありますが、上に書かれているコードは、my-snow-monkeyのプラグインディレクトリuntrailingslashit( plugin_dir_url( __FILE__ ) )
から読み込むようになっているので、それがエラーの原因だと思います。
my-snow-monkey/assets/js/customize.js
にファイルを移動してみてください。♥ 2いいねをした人: 居ませんstyelsheetの読み込みは、HTMLをべた書きするよりも
wp_enqueue_scripts
使った方がいいですよ。♥ 1いいねをした人: 居ません流体は、画像にクラスを付けてCSSでマスクをかけてあるだけなので、どんなスタイルがあたっているかをデベロッパーツールで確認してみてください。
同じスタイルを任意のタクソノミーの画像に適用すれば、実装できます。♥ 1いいねをした人: 居ませんそうなると、追加するCSSも変わります。
.page-id-448 .c-page-header { display: none; } .p-breadcrumbs-wrapper { display: none; } .l-contents__inner { margin-top: 0; }
♥ 1いいねをした人: 居ません消したいのは、背景画像を含めたヘッダーのタイトル部分とパンくずの部分ですか?
インフォメーションバーの下にコンテンツをぴったりとくっつけるイメージであってますか?♥ 0いいねをした人: 居ませんこんにちは
.page-id-553 .c-page-header { background-color: #333; min-height: 200px; } .page-id-553 .c-page-header__bgimage > img { display: none; }
こんな感じでCSSを追加してみてください。
.page-id-553 のところは、アイキャッチを非表示にするこてーページのIDに合わせてください。♥ 1いいねをした人: 居ませんこんにちは
追加CSSに.c-meta__item--author { display: none; }
を記入すれば、消えます。
♥ 2いいねをした人: 居ませんこんにちは
background-size: cover;
で、画面サイズに合わせて背景画像のサイズが変わると思います。
画像を繰り返しにしている場合は、background-size: contain;
の方がいいかもです。♥ 0いいねをした人: 居ません「お問い合わせ」をグローバルナビに入れて btn-contact みたいな何か適当なclassを付けてCSSで装飾すれば、「採用情報ボタン」はヘッダーコンテンツに入れられると思います。
.btn-contact { background: #111; color: #fff; padding: 1em; position: absolute; top: 0; right: 0; }
CSSは、こんな感じ。
height width の設定も必要かもしれません。♥ 3いいねをした人: 居ませんsnow_monkey_append_contents
はアクションフックなので、サイドバーの登録には使用しないでください。
代わりにmy_widgetarea
のような他のプラグインやテーマで使用されていない一意の関数名を使用します。add_action( 'widget_init', 'my_widgetarea' ); function my_widgetarea () { ~~ 省略 ~~ }
ウィジェットの呼び出しは、
dynamic_sidebar
を使用します。add_action ( snow_monkey_append_contents, function () { ?> <div class="l-contents-widget-area"><?php dynamic_sidebar( 'my-widgetarea-1' ); ?></div> <?php } );
♥ 3いいねをした人: 居ませんこんにちは
ウィジェットの追加は register_sidebar表示は、アクションフックの snow_monkey_append_contents を使用してください。
単に共通項目を表示するだけなら、再利用ブロックを利用する方法もあります。
♥ 3いいねをした人: 居ません.c-navbar に background-color を設定されていると思いますが、それと同じ様に .p-drop-nav に background-color を設定してみてください。
.p-drop-nav { background-color: #00489d; }
♥ 3いいねをした人: 居ませんPHP の書き方の問題ですね。
複数行の場合は、
return [$name, $tall];
のところを
return $name. $tall;
に変更。テキストも入れる場合は、
$tall = '<p>身長:'; $tall .= get_field( 'tall' ); $tall .= '</p>'; return $tall;
に変更してみてください。
参考スライド 26ページ目からがショートコードについてです。
♥ 2いいねをした人: 居ません -
投稿者投稿