[春]

まーちゅうさん

こんにちは。ご返信ありがとうございます！

.smb-accordion__item__titleに頑張ってCSSをあてれば、見た目をボタン表示にできます。

ご返信を元にCSSを調べてあてたところ、一部装飾できました。

以下CSSです。

.smb-accordion__item__title {
  background-color: #fff;
  color: #054412;
  border: solid 1px #054412;
  text-align: center;
}

.smb-accordion__item__title:hover {
  color: red;
}

hoverのところがうまく反映されていませんでした。
調べて何度か試した（!importantいれたりした）のですが、うまく反映されず・・・
私の記述がおかしいでしょうか？

♥ 0

Who liked: No user

[GONSY]

プラグインを1つ追加しますが、「WPAW:PRボックス」を使用しない別のアイディアを提案したいのです。

まず、Snow Monkey エキスパートのオレインさんが作られた Easy Access Reusable Blocks というプラグインがあります（すごく便利です）。
このプラグインは、再利用ブロックの管理メニューを管理画面・左メニューに追加（表示）できるのと、再利用ブロックごとにショートコードが発行できます。

プラグインを有効化して、「英語保育園」「小学生英語学童」と個々に名前をつけて再利用ブロックを作成します。
それぞれにショートコードが生成されますので、ウィジェットのフッターにテキストを使って入れます。3カラムなので、画像のようになると思います。

ウィジェットの管理ページに移動せずに情報の差し替えなどができたり、少し複雑なことができると思いますので、おすすめします。

余談ですが、ブロックエディタになっていないWooCommerceの商品ページを作成する際、少し複雑なレイアウトを使いたいときにこのプラグインが超役立ちました。

 

Easy Access Reusable Blocks

You can access the Reusable Block(s) List screen with a single click from the admin.

ja.wordpress.org

♥ 59

Who liked:

[Kumai Kazuyuki]

iPad の世代の違いでそんなところの表示の差が生じるとは思えないのですが。
問題の iPad を Mac につないで、webインスペクタで実機上の Safari で該当箇所がどうなっているのか、正常に表示されているものと比較してみてはどうでしょうか。

♥ 1

Who liked:

[徳田格]

はい、先ほどipad（10.2インチ 第７世代）のOSバージョンを最新にしてもダメでした。
他の方は見えてるようなので、やはり対応してないのでしょうか。

♥ 0

Who liked: No user

[Kumai Kazuyuki]

手元にある iOS の実機 (iPad mini 第5世代と iPhone 8、ともに iOS 14.5.1) の Safari で見てみましたが、Facebook と Twitter と Line の 3つのアイコンが表示されています。
Safari のキャッシュをクリアしてみてもダメですか?

♥ 0

Who liked: No user

[徳田格]

ipad（10.2インチ第７世代)のプライベートモードでも、
やはりlineのみでした。

デバイスのバージョンなどによって、対応してないのでしょうか。

♥ 0

Who liked: No user

[Olein_jp]

こちらの実機では、Facebook と Twitter も含めて３つのSNSボタンの表示はされていますねぇ〜。

iPad Safari でプライベートモードなどでアクセスしてみた際には表示はいかがでしょうか？

♥ 0

Who liked: No user

[徳田格]

オレインさん、ご返信頂きありがとうございます。

なるほど。そうなんですね。
たしかにフォームのinputタグとかにも、アウトラインがありましたね。

.c-btn, .snow-monkey-posts__more:focus {
outline: none;
}

こちらで表示されなくなりました！
お身体が不自由な方のために、こちらをそのままにするかは考えてみます。

ご丁寧にありがとうございました。

♥ 1

Who liked:

[徳田格]

オレインさん、ご返信ありがとうございます。
申し訳ありません、Googleではなく、Safariの間違えでした。
iphonese2のSafariでのみ、このようにlineのみ表示されます。

また、カスタマイズのSNSシェアボタンで、全て選択してみたところ↑のアイコンのみ表示されました。
他の方の、Safariでも同じような現象があるのでしょうか。

♥ 0

Who liked: No user

[Olein_jp]

こちらのiPad実機で確認しましたが、記事詳細ページ下部のSNSシェアボタン（Facebook / Twitter / LINE）全て表示されていました。

Google Chrome バージョンは、90.0.4430.78 です。

表示されていない状況のスクリーンショット画像などを共有されるとわかりやすいかもしれません。

♥ 0

Who liked: No user

[hori.k6620]

【お使いの Snow Monkey のバージョン】 14.30
【お使いの Snow Monkey Blocks のバージョン】 11.30
【お使いの Snow Monkey Editor のバージョン】 5.0.6
【お使いのブラウザ】 chrome、safari
【当該サイトのURL】

### 実現したいこと

WordPress Popular PostsのSnow Monkeyのデザインにて、カスタムタクソノミーを表示したい。

### 発生している問題

下記記事を参考にWordPress Popular PostsをSnow Monkeyのデザインに変更し、カスタム投稿の人気記事を表示出来たのですが、設定したカスタムタクソノミーが表示されません。

WordPress Popular Posts のランキング表示を Snow Monkeyの人気記事ランキングウィジットと同じデザインにする

カスタマイズ方法 PHP My Snow Monkey プラグインか、子テーマの functions.php …

snow-monkey.2inc.org

### 試したこと

Snow Monkeyのデザイン以外(WordPress Popular Posts標準のレイアウト)のレイアウトでは正常にカスタムタクソノミーが表示されました。

[まーちゅう]

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

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

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

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

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

♥ 1

Who liked:

[Sayoko Miura]

子テーマの中の 「templates/view/archive-〇〇.php 」を消すとうまくいきました。

いつもほんとうにありがとうございます！！！！！

♥ 1

Who liked:

[Yokotan]

あ、すみません、僕は Pure CSS 切ってました。今有効化してみましたがどうでしょうか。僕の環境では Chrome でも Firefox でも正しく動作しました。

私の環境でも正しく動作していました。

オフになさっていたんですね。

♥ 0

Who liked: No user

[キタジマ タカシ]

2点目はよくわからないのですが、snowmonkey以外のプラグインをすべて止めても有効化しませんでした。

3点目はJetpack自体使っていないので今回は無関係だと思います。

んーなるほどです。

私の環境でしたらこちらのページのギャラリーも同じようにPure CSS が有効化されていないようです。

あ、すみません、僕は Pure CSS 切ってました。今有効化してみましたがどうでしょうか。僕の環境では Chrome でも Firefox でも正しく動作しました。

♥ 0

Who liked: No user