フォーラムへの返信
-
再度あれからstylesheetの読み込みにチャレンジしているのですが、my-snow-monkey.php 内で定義されているMY_SNOW_MONKEY_PATHをplugin_dir_path( __FILE__ )から置き換えたのですがcssを読み込めず変化なしです。
まずコードを示す場合には画像ではなくテキストで掲載してください。そうでないとこちらで試すことができません。画像でも記述内容は確認することができますが、余分な空白があるとかそういうことが厳密に再現できなくなるためです。コピペしてください。
どうすればいいのかアドバイスいただきたいです。
上のキタジマさんの返答をしっかりと読み返してください。わからない言葉は検索して調べましょう。知らない関数などある場合も同じくです。おそらくこの部分が解決できないということは、言葉が悪いかもしれませんが、ご自身で実現できる範囲以上のことに取り組まれている可能性が高いです。そう言った場合、ご本人の普段以上の取り組みが必要となります。
加えて、添付コードを拝見する限り、ここまでご自身だけで調べて書かれているのであれば、この質問自体が発生していないと思います。ということは、どこかの情報を元にコピペされてきているのかなと推測することもできます。そうであれば、その情報元に「このソースコードが動きません」と聞いてみると良いのではないでしょうか。そうすることで、掲載者も不備に気づくことができることもありますし、素早く修正・加筆していただけるかもしれませんので。
こちらの情報なども確認して試されているとは思いますが、今一度確認してみてください。
また、パスの指定が今回うまく行ったとしてもこのテーマのカスタマイズのためのこのような一連の作業のための知識が全く足りていないと実感しており、そのための学習にはどのようなことが必要なのかアドバイスをいただきたいです。
ご自身で言われているように、恐らくさまざまな知識が足りていない可能性が高いです。例えばこのCSS読み込みの部分ですが、これは Snow Monkey に限った内容ではなく WordPress の話になります。ですので、WordPress の知識もまだまだ不十分なのかもしれません。
ですので、方法としては上記にも関係してきますが「わからないことをわかるまで調べる・学ぶ」しかありません。方法はインターネット検索で良いでしょう。しかし、閲覧する情報はできる限り一次情報に近い「信頼できる情報」を選択してください。
WordPress の関数を調べるのであれば公式リファレンスを参照してください。PHP 自体の関数や記述に関してもそうです。信頼できるかわからない第三者の情報を採用するためには、その情報が採用するに値するかどうか判断する必要があります。その判断を行うためには基本的な知識が必要になりますので、まずは公式情報に近い情報で調べて学習をされると良いでしょう。
正直申し上げて、この基本的なレベルの学習になると「やるかやらないか」という話で「どうやるか」というのはまだ先の話のような気がします。一次情報に近いもので調べながらわからないことをわかるようにしていくだけで大丈夫です。
頑張ってください。
いいねをした人:
ボーダーの太さをどれくらいにしたいのか、許容できる見た目がどんなものなのかは個人差があるので具体的な例を示すことは控えていますが、CSSを書く順序としては、上から３行、左から２列の要素編成だったとして、
- 全体の行に上・左・右でボーダーを記述
- 全体の２列目に左ボーダーを記述
- 最後の行にのみ下ボーダーを記述する
これを任意のクラスを付与して記述することで見た目をコントロールできると思いますがどうでしょうか？
いいねをした人:こちらのボタンで追加できましたね。以前よりもメジャーアップデートの都合かと思うのですが、追加ボタンが見つけにくくなっているのは感じるので、その影響かと思われます。（情報ブロックなども然り）
いいねをした人:
例えばこう記述すると、
.smb-information.is-style-border .smb-information__item { border: 1px solid red; } .smb-information.is-style-border .smb-information__item>.c-row>.c-row__col:last-child { border-left: 1px solid blue !important; }少し構造が分かりやすいと思います。
1pxの太さであればそれほど目立ちはしませんが、赤線の方を2pxに変えてみると、
.smb-information__itemの要素の外枠の罫線になっているので、上下で重なる部分で他よりも太く見える場合があります。どのあたりが許容範囲かどうかわからないのでなんとも言えませんが、自身でコントロールされたい場合には、罫線ブロックスタイルを適応せず、任意のCSSクラスを付与した上で、ご自身の好きなようにスタイルを記述してカスタマイズされる方が、既存のスタイルにあまり左右されなくなるため楽かもしれませんね。
いいねをした人:
惜しいですね。以下のコードで動くと思います。
add_filter( 'snow_monkey_template_part_render_template-parts/common/page-header', function( $html ) { return str_replace( 'class="c-page-header__title', 'class="c-page-header__title eachTextAnime', $html ); } );class="c-page-header__titleの後ろに半角スペースが入っているので、対象が存在しないと判断されて置換が行われなかったんだと思います。お試しください。
いいねをした人:
