＞キタジマさん
ありがとうございます！
を参考にやってみます。
＞Rocket Martueさん
投稿ページの記事タイトルをh1ではなくh2に変えた場合、そのページのh1タグが無くなるので、文書構造がおかしくなりますね。
h1タグの無いページってSEO的にもマイナスになるんじゃないでしょうか？
ご返答ありがとうございます。
わたしもちょっと気になるので、一旦先方に伝えてみようと思います。
調べたらクライアントのサイトがヘッダーのロゴ部分がh1としてどのページでもなっていて、タイトルがh2なので、同じ感じで考えられているかもしれません。
下記のコードを My Snow Monkey プラグインあるいは子テーマの functions.php に貼り付けてみてください。
add_filter(
'snow_monkey_template_part_render',
function( $html, $slug ) {
if ( 'template-parts/content/entry/header/header' === $slug ) {
$html = str_replace( '<h1 ', '<h2 ', $html );
$html = str_replace( '</h1>', '</h2>', $html );
return $html;
}
return $html;
},
10,
2
);
ちなみにSEO的にはh1の方が良いのでしょうか？
SEO的にH2にしたいとの要望でした。
個人的には特に関係ないと思います…
うーん、そうですね、YouTube と Vimeo をちょっとみてみたのですが、いずれも API で情報を取得するために登録と認証が必要のようで、ちょっとブロックとして提供するのも開発のレベルとしても、ちょっと僕には難易度が高いなぁという印象です。現状では開発は難しいかなと思います、すみません。。。
ありがとうございます。やはり、管理画面ではなく直接コードを書くことになるのですね。
承知いたしました。
参考ページもありがとうございました。@ケミさん
のページを参考にフックを入れるか、検討してみたいと思います。
一旦 トッピックをここで閉じさせていただきたいと思います。ありがとうございました。
コードを書くことにはなりますが、下記のトピックが参考になると思います。
上記のトピックではショートコードを追加していますが、その部分（' . do_shortcode( '[shortcode]' ) . ' の部分）を img タグにすれば画像を表示できます。
copyコマンドに失敗していることから、
とのことですので、エラーログに copy コマンドに関連するエラーがでていると思いますが、前回と同じ
PHP Warning: copy(): The first argument to copy() function cannot be a directory in /xxxxx/public_html/livingskape/wp-admin/includes/class-wp-filesystem-direct.php on line 281, ...
でしょうか？ 他のエラーがでているのであればそれも教えてください。
もしこのエラーだけだったとして、どこに書き込みしようとしているかを知りたいので、下記のファイルに手を加えてもう一度アップデートしてみて、その結果を教えてもらえますでしょうか？
/xxxxx/public_html/livingskape/wp-admin/includes/class-wp-filesystem-direct.php の281行目に
$rtval = copy( $source, $destination );
という部分があります。ここを
error_log( $source );
error_log( $destination );
$rtval = copy( $source, $destination );
としてアップデートしてみてください。そしたら、エラーログに $source と $destination の中身が出力されると思うので、どのような内容が出力されたか確認して教えてください。確認後、コードはもとに戻してください。お手数おかけいたしますがよろしくおねがいします！
ドロワーにウィジェットを入れる機能はありません。ゴリゴリにカスタマイズすればできないことはないかもしれませんがハードルは高いと思います。
ドロワーではありませんが、ドロワーのようにボタンクリックで開くオーバーレイウィジェットエリアというものはあります。
ちょっと状況がよくわからないのですが、PC ＆未スクロール＆オーバーレイでヘッダー背景色が白になった、ということでしょうか。
ご指摘の通り、v9ではヘッダーの後方互換性をきる変更がおこなわれています。一応、
のような対応を入れてはいますが、基本的にはv9の仕様にあわせてデザインスキンも変更をして頂く必要があります。
あ…。
.l-header–sticky-overlay-colored-lg がカスタマイザーで設定されてないと起こるっぽい。
何故こうなるかと思ったら、
v8の時までは’theme_mod_header-position’だったからかな？
もしかしたらオーバーレイ系の設定してるデザインスキンは、これをモロに影響してるかもしれない。
（多分、過去の案件対応してたヘッダー、これを設定してたデザインスキンだったはずなので…）
フック使って無理やり書き換えて現場は対応しておきます（多分、デザインスキンのjsで対応できないっすよね？ここ…）
……とりあえず、原因解ったのでトピックは閉じておきます。
デザインスキン辺りの周知と確認だけはよろしくですー。
なるほど。
の様に、コンテンツ毎に色分けをするにはどんな実装方法が一番シンプルなんでしょうか？この場合は、白->グレー->白->グレーと色分けして、その境目をわかりやすくしています。
作ったのは、一昨年なので、キタジマさんのオススメ実装方法があればそれを踏襲したいです。
理由は忘れましたが、当時ココの実装まあまあ苦労して、ホームページ上部ウィジェット、トップページ固定ページ、ホームページ下部ウィジェットで色々と駆使して実装してしまっているので、シンプルに書き換えられるなら、そうしたいなって思ってます。
なるほどです。
v8 までは .alignfull はとにかく全幅になるようになっていたのですが、グループブロックなどのコアブロックと組み合わせたときに、エディター上では全幅にならない（グループブロックに閉じ込められる）のに実際の画面では全幅になる、という状況になっていました。そこで、v9 ではなるべくエディター上の表示と実際の画面の表示が同じになるように調整をいれたのですが、その影響で、独自に HTML を組んで .alignfull を使ったときに全幅にならないようになってしまったようです。
テキストウィジェットの場合は自分で .alignfull を入力したときでも全幅になるようにできないかテストしてみますね。
ありがとうございます。
alignfullはカスタムHTMLウィジェットで記述してます。
旧バージョンですが、不具合の修正なども含んでアップデートしているので、基本的には旧バージョンの配布はおこなっていません。なので Slack の DM でお送りしますね。
このWebサイトのトップページの卒業生一覧のグレーの背景が alignfull を指定しても反映されなくなってしまった
ちなみにですが、この alignfull は、テキストウィジェットに HTML を手入力する形で追加された感じでしょうか？
あ、グループブロックの中だと効かなかったみたいです、すみません。他にもブロックの組み合わせで反映されないときがあるかもしれないので、そのときは言ってください。
先に共有した CSS を、下記に差し替えてください。
.p-entry-content > h3,
.wp-block-group__inner-container > h3 {
border-left: solid 4px #333;
padding-left: 10px;
padding-bottom: 1px;
}
.p-entry-content > h2,
.wp-block-group__inner-container > h2 {
background-color: #000;
color: #fff;
}
これでどうでしょう？
@media (max-width: 639px) {
[data-scrolled=true] .l-header--sticky-overlay-colored-sm {
background-color: rgba(255, 255, 255, 0.9);
}
}
