[まーちゅう]

こんにちは
「続きをよむ」は、記事の詳細ページではなく一覧ページで全文表示している時に使う機能です。
使っているテーマによって、一覧ページでの表示は変わります。
詳細ページでは、

設定で「コンテンツ全文ページで抜粋を非表示」をON

にしていると、「続きをよむ」より前の文章は表示されません。

私がやりたいことは、前の文章を少し表示、続きを読むボタンを押すとそのままページが変わらず続きが読めるようにしたいのです…

といった場合には、デフォルトの「続きを読む」ブロックではできません。
たぶんアコーディオンブロックの挙動が、やりたいことに近いと思います。
.smb-accordion__item__titleに頑張ってCSSをあてれば、見た目をボタン表示にできます。

♥ 1

Who liked:

[まーちゅう]

当該サイトのURLがリンク切れになっていたので、こちらの環境で試してみました。

.c-entry-summary__figure .c-entry-summary__term {
    left: 0;
    right: unset;
}

外観 > カスタマイズ > 追加CSSに記入して
プレビュー画面では、右に寄ったままですが、公開してカスタマイザーを×で閉じると左に寄りました。
https://demo.waiwai-do.com/
ちなみにdisplay: inline-table;も追加すると、カスタマイザーのプレビュー画面でも左に寄ります。

♥ 3

Who liked:

[まーちゅう]

left: 0;
right: unset;

では、どうですか？

♥ 0

Who liked: No user

[まーちゅう]

３カラムのレイアウトなので、素直にカラムブロックを使用するのがいいと思います。
３カラムの真ん中に画像を置いて、左右にタイトルとテキストを入れるだけです。
タイトルにはブロックの高度な設定の追加CSSのところにsmb-section__title smb-section-side-heading__title、リード文にはsmb-section__subtitle smb-section-side-heading__subtitleのクラスを設定すれば、セクション(サイド見出し)と同じ見た目になります。
ただ、これだとタイトルとリード文の間が開きすぎてしまうので、タイトルにはもう一つtitle-with-leadのようなクラスを追加して、margin-top: 0;になるようにスタイルを調整する必要があります。

title-with-lead {
  margin-top: 0;
}

♥ 1

Who liked:

[まーちゅう]

Font Awesome のアイコンが表示できます。
Instagram なら<i class="fab fa-instagram"></i>です。

Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com

♥ 1

Who liked:

[まーちゅう]

見た目は、GONSYさんのと同じですが
セクションブロックの class が、greetings の場合

.greetings {
    background-color: rgb(240, 52, 2);
    transform: translate(10px, 10px);
}
.smb-section__background,
.smb-section__inner {
    transform: translate(-10px, -10px);
}

で、どうでしょうか？

♥ 2

Who liked:

[まーちゅう]

availability.cgigが、404 not found になっていて
iframe で表示されてるのは、

http://sample02.meganelog.site/plugins/my-snow-monkey/room-info/availability.cgi

にアクセスしたときに表示されているページがそのまま出てる感じですね。

♥ 1

Who liked:

[まーちゅう]

カスタム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

[投稿者]

投稿