TinyMCE 内の .wpaw-btn が click されたときに、リンク動作を無効にすれば解決する、と思うのですが、TinyMCE 内の要素をどうやって js で制御すれば良いのかわからず、ちょっと僕だけで解決するのは難しそうです…すみません。
とりあえず、テキスト部分をドラッグして選択すれば、リンクせずに編集できそうではありました。
もしかしたら WordPrss コアのバグとして今後解消されるかもしれませんので、しばらく様子見したいと思います。もし良さ気な解決方法を発見された場合はぜひ教えてください！
順番を入れ替えるには、子テーマを使って、Snow Monkey のテンプレートを上書きする必要があります。
子テーマを用意したら、
/themes/snow-monkey/templates/view/content-page.php
を
/themes/（子テーマ）/templates/view/content-page.php
にコピーします。
そして、
/themes/（子テーマ）/templates/view/content-page.php
内の
<?php
if ( get_option( 'mwt-display-child-pages' ) ) {
get_template_part( 'template-parts/child-pages' );
}
?>
を
<?php the_content(); ?>
の上に移動させてください。
デザイン的に、多少 CSS も追加が必要かもしれませんね。
子テーマの準備
Snow Monkey 自体のコードを変更してしまうとアップデート時に変更がリセットされてしまう（最新の Snow Monkey で上書きされてしまう）ため、Snow Monkey の子テーマを用意し、その子テーマの functions.php で jQuery プラグインを追加することになります。
子テーマの準備については、下記のページをご参照ください。
子テーマはいくつかの作り方がありますが、上記記事内で紹介しているオレインさんが作られた子テーマの雛形を使用するのが簡単かと思います。
jQuery プラグインの読み込み
子テーマの functions.php に次のようなコードを追加してみてください。
add_action( 'wp_enqueue_scripts', function() {
// 使用する jQuery プラグインを読み込み
wp_enqueue_script(
// 半角英数字で任意の名前を設定
'jquery.smoothscroll',
// 使用する jQuery プラグインの URL（ローカルでも CDN でも Ok）
'https://cdn.jsdelivr.net/npm/jquery.smoothscroll@1.0.2/src/jquery.smoothscroll.min.js',
[ 'jquery' ],
false,
true
);
// jQuery プラグインを実行させるコードを記述するための js ファイル
wp_enqueue_script(
get_stylesheet(),
get_theme_file_uri( '/app.js' ),
[ get_template() ],
false,
true
);
} );
で、子テーマの直下に app.js というファイルを作成して、jQuery プラグインを実行するコードを追加してください。
wp-content/themes/snow-monkey-child/app.js
※どういうコードを書くかは使用する jQuery プラグインによって異なりますのでここでは省略します。
これで動作すると思いますが、もし動かなかったらブラウザにでている JS のエラーを書き込みください！
01. オリジナルコンポーネントの追加機能
HTML コンポーネント挿入機能にはフィルターフックが用意してあります。
例えば、子テーマの functions.php に次のようなコードを追加することで、オリジナルのコンポーネントを追加できます。
add_filter( 'inc2734_wp_awesome_components_register_components', function( $components ) {
return array_merge( $components, [
'columns-1-2-2' => [
'label' => 'カラム (1/2/2)',
'html' => sprintf(
'<div class="wpac-columns mceNonEditable">
<div class="wpac-columns__row">
<div class="wpac-columns__col wpac-columns__col--1-1 wpac-columns__col--md-1-2">
<div class="wpac-columns__col-inner mceEditable">
%1$s
</div>
</div>
<div class="wpac-columns__col wpac-columns__col--1-1 wpac-columns__col--md-1-2">
<div class="wpac-columns__col-inner mceEditable">
%1$s
</div>
</div>
</div>
</div>',
esc_html__( 'Columns', 'inc2734-wp-awesome-components' )
),
] ] );
} );
02. カラムコンポーネントの数値指定
そうなんです！でもこれ実装が超難しそうで、実現に至っていません…。まだ Gutenberg 対応は全くしていませんが、Gutenberg には挿入時にそのようなオプション指定ができる仕組みがあるっぽいので、Gutenberg に置き換えるときにそのような機能も追加できれば、と考えています。
03. 使わないコンポーネントを一覧で表示させない設定
こちらも、フィルターフックを使うことで消せると思います。
add_filter( 'inc2734_wp_awesome_components_register_components', function( $components ) {
unset( $components['alert'] );
unset( $components['alert--warning'] );
return $components;
}, 11 );
alert、alert–warning などのキーについては、
内のファイルを見てもらうとわかるかと思います！
ウィジェットエリアは、もともと投稿タイプ別にしていたけど管理が煩雑になってきたので統合した経緯があります…。一応、フックがあって、子テーマでフックすれば投稿タイプ別にウィジェットエリアが使えるようになります。
参考： https://github.com/inc2734/snow-monkey/blob/master/resources/app/setup/widget-area.php#L142
ただ、このフックも将来的には廃止しようと考えています。なので、子テーマなどで独自にウィジェットエリアを追加していただくのがお勧めではあります。（Custom Sidebars というウィジェットエリアをプラグインで追加して条件に応じて切り替えることができるプラグインもあり、これも使い方を案内しようとずっと思っているのですがなかなかできておらずすみません…TT）
「要望」に書かれているので Snow Monkey のデフォルトをそのようにしてはどうかというご提案かと思いますが、ドロワーメニューにおいてホバーでメニューが展開するという動作が僕はしっくりこないというのと、作ることはできても使い勝手を良くするにはかなり大変になりそうなので、デフォルトの動作はクリックで開くという現在の仕様から変更することは考えていません。
簡単なサンプルではありますが、下記の js を追加して頂ければ、とりあえずホバーで開いて離れたら閉じる、という動作は実現できました。
jQuery(function($) {
var drawer = $('#drawer-nav');
var submenus = drawer.find('.c-drawer__submenu');
submenus.each(function(i, e) {
var parentItem = $(e).parent();
parentItem.hover(function() {
var toggle = $(this).children('.c-drawer__toggle');
var submenu = $('#' + toggle.attr('aria-controls'));
toggle.attr('aria-expanded', 'true');
submenu.attr('aria-hidden', 'false');
}, function() {
var toggle = $(this).children('.c-drawer__toggle');
var submenu = $('#' + toggle.attr('aria-controls'));
toggle.attr('aria-expanded', 'false');
submenu.attr('aria-hidden', 'true');
});
});
});
ご確認ありがとうございます。
固定ページと投稿ページのフッターにはそれぞれ同じ順番で３つずつ同じ内容のウィジェットを入れています。
ウィジェットに関するプラグインは使ってないです。
この情報で何かわかればよいのですが。。
引き続きよろしくお願いいたします。
良かったです！ 実は「PRボックス」という名前、この ExUnit のを拝借したんです^^;
解決とのことで、クローズしますね。
今サイトを拝見したのですが、投稿ページでは3つ入っていて、トップページと固定ページでは2つウィジェットを入れられてますよね。これは、Widget Logic のようなプラグインで実現されているのでしょうか？もしそういった類のプラグインを使用されているのであれば、その影響があるのかなと思いました。
普通に全てのページのフッターで同じウィジェットを表示するようにしても落ちますかね？
ありがとうございます！
HTML入れるという発想がなかったです。
かんたんに出来て感激です。
ちなみにこんなのをイメージしておりましたが、今回の件で大丈夫です。
あー！関連コンテンツ、もしかしたら、アドセンスのタグが <ul class="c-entries c-entries--rich-media"></ul> の中に入るようになっていたかもです…。ul の中だと入れ子がおかしいので、ちゃんと外に挿入されるようにすればちゃんと表示されるのかもしれません。修正してみます。
タグの表示については、ちょっとはっきりわからないですね…。気になるので、Messanger 等で子テーマお送り頂ければ、こちらでも検証してみます。ご検討ください！
関連コンテンツの件、別件ですが解決したのでこちらでご報告しておきます。
widthを取得できていないようなので、以下のCSSを追加したら表示されました。
.p-related-posts .adsbygoogle { width: 320px; margin:auto; }
@media (min-width:500px) { .p-related-posts .adsbygoogle { width: 468px; } }
@media (min-width:800px) { .p-related-posts .adsbygoogle{ width: 728px; } }
サイズ等は以下のページを参考にしてそのままなので、調整の余地があると思います。
また、位置が寄っていたのでmargin:autoを追加しています。
タグの表示コードについては、以下のような状況です。私の挿入方法が悪いのかもしれませんが、失敗するとエラー吐いて真っ白になるので時間があるときに試してみます。
* functions.phpの真ん中に書かれていたコードの頭に?> を追加の上で挿入
→ 動作はするが、本スレッドのエラーがカスタマイズ結果保存時に発生
* functions.phpの最後にコード頭の<?を削除して挿入
→ functions.phpのエラーで画面真っ白になります。エラー位置は?>の入っている行(だったと思います)
消すとエラーが出なくなりました。「?>」つけてはだめなんですね。知りませんでした。お恥ずかしい。
書くこと自体は大丈夫なのかもですが、その直後の空白文字とか改行に気をつけないとダメみたいなので、消しておくほうがベターのようです。
参考：https://thesaibase.com/php/end-tag
functions.pspを元に戻す際にタグをタイトル横に追加するスクリプト(ユーザ用コンテンツで投稿されていたものです)をどう挿入してもエラー吐いてしまう
古い記事なので、現在のバージョンでは動かないということがあるのかもしれません。ちなみにどういうエラーだったか共有いただけるとうれしいです！
相変わらずアドセンスの関連コンテンツユニットが表示されませんが、別事象のようなのでこちらについては確認した上で改善できないようであれば、別途ご相談します。
これ、つくりはしたものの、実は僕のサイトでは PV が足りなくてテストできないんです…。もし解決策を見つけられたら、情報共有頂けるとすごく助かります。
原因分かりました。
ご指摘の通りfunctions.phpでした。
空にしたのですが、最後に「?>」を付けていたのが駄目でした。
消すとエラーが出なくなりました。「?>」つけてはだめなんですね。知りませんでした。お恥ずかしい。
functions.pspを元に戻す際にタグをタイトル横に追加するスクリプト(ユーザ用コンテンツで投稿されていたものです)をどう挿入してもエラー吐いてしまうので外しましたが、それ以外は動作するように再設定できました。
相変わらずアドセンスの関連コンテンツユニットが表示されませんが、別事象のようなのでこちらについては確認した上で改善できないようであれば、別途ご相談します。
お騒がせしました。
試して駄目だったはずなのですが、今試すと子テーマを使わなければ保存エラーになりません。
では、と最低限の記述だけ書いたstyle.cssとfunctions.phpを置いた子テーマを作ってそちらで試してみると、エラーになります。。
functions.php を空にしても NG だったと書かれていましたが、functions.php があやしいですかね…。子テーマの functions.php を消して、必須ファイルである style.css と index.php だけの子テーマをつくって有効化し、カスタマイザーを操作してみるとどうでしょうか。
広告の設定などのカスタマイズ結果が入れたばかりの子テーマでも設定済み(親テーマから引き継がれている？）のは問題ないんでしょうか。
もし Snow Monkey 以外にもモンキーレンチで有料テーマをつくったときに、Snow Monkey からそのテーマに切り替えても、この設定は引き継いだほうが良いだろうな、というものは引き継ぐようにしています。子テーマもその影響で、いくつかの項目は引き継ぐようになっています。
