フォーラムへの返信
-
こんにちは。
WordPress 6.0 のアップデートが影響しているっぽいのですが、エディター側のCSSの読み込みが以前と変わっている感じです。
こちらの環境では、以下のCSSでエディター側にも反映されました。body > * { font-family: 'Yu Gothic Medium', 'YuGothic Medium', 'Hiragino Kaku Gothic Pro', sans-serif; }いいねをした人:
空の状態で「確認画面へ」をクリックすると
「予期しない問題が発生しました。後でもう一度やり直すか、他の方法で管理者に連絡してください。」
の表示が出ました。
コンソールを確認すると
autoptimize_single_2093e0614117056f6cb696a50a1daff7.js:1 POST https://uni-rec.com/wp-json/snow-monkey-form/v1/view 401
の表示があります。
https://uni-rec.com/wp-json/snow-monkey-form/v1/view にアクセスしたところ
{"code":"rest_disabled","message":"REST API DISABLED","data":{"status":401}}
と表示されています。
REST API を無効化されているのが原因のようです。いいねをした人:
参考CSS（サイトに合わせて書き換えてください・#block-idはデベロッパーツール等で確認してください）`
#block-id { position: fixed; top: 190px; right: -2px; z-index: 1; } #block-id .c-container { padding: 0; } #block-id .smb-buttons { flex-direction: column; } #block-id .smb-btn { writing-mode: vertical-rl; text-orientation: upright; }いいねをした人:こんにちは。
CSSさえ書ければ、PHPは使わなくても大丈夫です。
スマホの方は、管理画面の「外観」>「メニュー」を開いて「位置を管理」のタブの一番下に「フッター固定ナビゲーション（モバイル用）」というのがあるので「新規メニューを使用」をクリックして、メニューを作成します。
このメニューは、名前の通りスマホ表示の時に画面の下端に固定表示されます。CSSで背景色を付けるなどしてやれば、参考サイトのようになります。
PCの方は、ウィジェットの「コンテンツの下」「ホームページ下部」を利用すれば1カラムでも表示されますので、ボタンブロックなどでコンテンツを作成して参考サイトと同様のスタイルをあててやれば、追従ボタンとして表示できます。いいねをした人:Snow Monkey 17.0.5 を使用されているので、WordPressのバージョンは6.0を使用してください。
管理画面の「投稿」>「カテゴリー」からカテゴリーを表示しても同様のエラーは出ますか？いいねをした人:
こんにちは。
手順としては- ヘッダーコンテンツにアイコンを表示させるHTMLコードを追加
position: absoluteで表示位置を決める- CSSのアニメーションで上下に揺らす
で、参考URLのようなことが出来ます。
まずは、「カスタマイズ」>「デザイン」>「ヘッダー」の「ヘッダーコンテンツ」にHTMLを記入してアイコンを表示させてみてください。いいねをした人:
Snow Monkey の機能には無いので、プラグインで対応することになると思います。
いくつかプラグインはあるようですが、使ったことが無いのでどの程度使えるものなのかは分かりません。
https://ja.wordpress.org/plugins/tags/exchange-rates/
WordPress Exchange Rates 等で検索してみてください。いいねをした人:
こんにちは。
カスタマイザーの設定でアイキャッチ無しにしたうえで、My Snow Monkey に以下のコードを追加してみてください。/** * シングルページのページヘッダーにアイキャッチを追加 * * @param $html テンプレートパーツの出力HTML * @param $name テンプレートパーツの名前 */ // use Framework\Helper; add_filter( 'snow_monkey_template_part_render_template-parts/content/entry/header/header', function( $html, $name ) { if ( 'post' === $name ) { // アイキャッチ画像 ob_start(); if ( has_post_thumbnail() ) { ?> <div class="entry-thumbnail"> <?php the_post_thumbnail( 'medium' ); ?> </div> <?php } $thumbnail = ob_get_contents(); ob_end_clean(); $search_1 = '<h1'; $replace_1 = '<div class="entry-header"><h1' ; $search_2 = '</h1>' ; $replace_2 = '</h1>'.$thumbnail.'</div>'; $html = str_replace( [ $search_1, $search_2 ], [ $replace_1, $replace_2 ], $html ); } return $html; }, 10, 2 );CSSでの調整が必要になるので以下のような感じでレイアウト調整してみてください。
.entry-header { display: flex; justify-content: space-between; } .entry-thumbnail { width: 20%; }いいねをした人:
https://teshinc2018.com/style/ のページは、固定ページで作成されていますか？
https://teshinc2018.com/category/style/ こちらのカテゴリーアーカイブの方は、2ページ目が表示されます。いいねをした人:
