[まーちゅう]

カスタムHTMLでPHPのコードは使用できませんので、通常のHTMLhttp://sample02.meganelog.site/～～のフルパスに変更してみてください。

♥ 1

Who liked:

[まーちゅう]

こんにちは
パネルブロックの設定で、「画像の周りに余白を設定」をオンにされているみたいですので、CSSの詳細度が低くてカスタムCSSが反映されていないのだと思います。
GONSYさんが書かれているように、!importantを付けるか
詳細度を上げて

.smb-panels[data-image-padding=true] .smb-panels__item__figure {
    padding: 30px 30px 0;
}

のようにするといいと思います。

♥ 1

Who liked: No user

[まーちゅう]

こんにちは
スクリーンショットを見ると、テーマの中にcustomize.jsがありますが、上に書かれているコードは、my-snow-monkeyのプラグインディレクトリuntrailingslashit( plugin_dir_url( __FILE__ ) )から読み込むようになっているので、それがエラーの原因だと思います。
my-snow-monkey/assets/js/customize.jsにファイルを移動してみてください。

♥ 2

Who liked: No user

[まーちゅう]

styelsheetの読み込みは、HTMLをべた書きするよりもwp_enqueue_scripts使った方がいいですよ。

♥ 1

Who liked: No user

[まーちゅう]

CSSで、画像に置き換えてみてはどうですか？

#page-top a svg {
    display: none;
}

#page-top {
    background: url(https://snow-monkey.2inc.org/wp-content/uploads/2018/04/logo.png) no-repeat center center;
    background-color: transparent;
    background-size: contain;
}

♥ 3

Who liked:

[まーちゅう]

流体は、画像にクラスを付けてCSSでマスクをかけてあるだけなので、どんなスタイルがあたっているかをデベロッパーツールで確認してみてください。
同じスタイルを任意のタクソノミーの画像に適用すれば、実装できます。

♥ 1

Who liked: No user

[まーちゅう]

そうなると、追加するCSSも変わります。

.page-id-448 .c-page-header {
    display: none;
}
.p-breadcrumbs-wrapper {
    display: none;
}
.l-contents__inner {
    margin-top: 0;
}

♥ 1

Who liked: No user

[まーちゅう]

消したいのは、背景画像を含めたヘッダーのタイトル部分とパンくずの部分ですか？
インフォメーションバーの下にコンテンツをぴったりとくっつけるイメージであってますか？

♥ 0

Who liked: No user

[まーちゅう]

こんにちは

.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

Who liked: No user

[まーちゅう]

こんにちは
追加CSSに

.c-meta__item--author {
    display: none;
}

を記入すれば、消えます。

♥ 2

Who liked: No user

[まーちゅう]

こんにちは
background-size: cover;で、画面サイズに合わせて背景画像のサイズが変わると思います。
画像を繰り返しにしている場合は、background-size: contain;の方がいいかもです。

♥ 0

Who liked: No user

[まーちゅう]

「お問い合わせ」をグローバルナビに入れて btn-contact みたいな何か適当なclassを付けてCSSで装飾すれば、「採用情報ボタン」はヘッダーコンテンツに入れられると思います。

.btn-contact {
    background: #111;
    color: #fff;
    padding: 1em;
    position: absolute;
    top: 0;
    right: 0;
}

CSSは、こんな感じ。
height width の設定も必要かもしれません。

♥ 3

Who liked: No user

[まーちゅう]

snow_monkey_append_contentsはアクションフックなので、サイドバーの登録には使用しないでください。
代わりにmy_widgetareaのような他のプラグインやテーマで使用されていない一意の関数名を使用します。

add_action( 'widget_init', 'my_widgetarea' );
function my_widgetarea () {
 ~~ 省略 ~~
}

ウィジェットの呼び出しは、dynamic_sidebarを使用します。

関数リファレンス/dynamic sidebar – WordPress Codex 日本語版

wpdocs.osdn.jp

add_action (
    snow_monkey_append_contents,
    function () {
    ?>
        <div class="l-contents-widget-area"><?php dynamic_sidebar( 'my-widgetarea-1' ); ?></div>
    <?php
    }
);

♥ 3

Who liked: No user

[まーちゅう]

こんにちは
ウィジェットの追加は register_sidebar

関数リファレンス/register sidebar – WordPress Codex 日本語版

wpdocs.osdn.jp

表示は、アクションフックの snow_monkey_append_contents を使用してください。

inc2734/snow-monkey

Premium WordPress Theme. This theme is published here for users and developers. Please buy themes when using themes on live site. we can not provide support to…

github.com

単に共通項目を表示するだけなら、再利用ブロックを利用する方法もあります。

$id は、再利用可能ブロックの管理ページを開き、編集画面に入ると、URLの中にIDがある。

$id は、再利用可能ブロックの管理ページを開き、編集画面に入ると、URLの中にIDがある。. GitHub Gist: instantly share code, notes, and snippets.

gist.github.com

♥ 3

Who liked: No user

[まーちゅう]

.c-navbar に background-color を設定されていると思いますが、それと同じ様に .p-drop-nav に background-color を設定してみてください。

.p-drop-nav {
    background-color: #00489d;
}

♥ 3

Who liked: No user

[投稿者]

投稿