まだ正式リリースではありませんが、v13.0.0 で改善される予定です。ベータ版はリリースしているので良かったら試してみてください！
.c-entry-summary__meta .c-meta__item--author {
display: none;
}
をCSSに追加してみたのですが消えません。
これも機能が見当たりませんでした。
@Olein_jp さん
あ、いえいえ、そんな重い指摘ではないですよ！w
僕もはっきりルールを決めているわけではないので。
困っている人がこわがらずに相談できる場所でありたいし、回答する人も疲弊しない楽しい場所でありたいし、みんなが良い感じでいられる場所になると良いなと思っています。
多分バランス見ながらずっと模索することなんだろうなと思います…w
@GONSY さん
情報ありがとうございます！
管理画面の 外観＞カスタマイズ から、カスタマイザー画面を開き、
コピーライトの文字列を削除するか自分のサイトに合わせたコピーライトに変更してみてください。
参考：
※ コピーライトは Snow Monkey 試用版では変更できないようになっていますので、
正式版をご利用ください。（フォーラムに書かれている以上試用版ではないと思われますが念の為ー＾＾；
だから検索にかかるのもそうだし、もし表示されてもおかしくないテキストにしないとかな？と思いました。
少し関連する事かもと、今少し試してましたが
WordPress の 標準でもある screen-reader-text でも、ページ内検索ではその中に記述されている文字列はヒットしていますね。
ソーシャルナビでscreen-reader-textに変更してもらいましたが、
この場合はページ内検索時じゃなく、リンクのカーソルに合わせた場合でも、リンク内文字列を音声で正しく鳴るようになっているので、むしろメリットと考えられます。
（音声ブラウザの設定にもよるんだろうけど、Twitterの鳥アイコンなら、マウスホバーすると「ツイッター」って発音してくれるようになった）
そう考えたら、文字列を入れて進行によって「この先の項目を入力してください」「この先の項目を確認してください」みたいな見えない文字列にも変わるようになれば、音声ブラウザ上では違和感がない、むしろ確認などを促せるメリット効果になる可能性も考えられるかも。
と、考えているうちに別のコードが書かれている（笑）
ちょっとコードの方はまだ試せてませんが、書かれたコードのパターンだと確かにテキスト要らなくなりスッキリしますね。
@Y M さん
JSになりますが、InstagramFeed（MIT License）なら、ユーザーネームだけで表示は可能のようです。
https://github.com/jsanahuja/jquery.instagramFeed
動作サンプル
https://www.sowecms.com/demos/InstagramFeed/#examples
ブロックを追加するようなプラグインではありませんので、フックで追加してみてはいかがでしょうか？
@Olein_jp さんが運営されている「HAPPY SNOW MONKEY」がわかりやすいです。
@Olein_jp さん、いつも助かってます🙇
@Y M さん
「情報共有」フォーラムは、質問ではなく自分が持っている情報を共有するための場所として用意しているので、「カスタマイズに関する質問」フォーラムに本トピックを移しました。
@Olein_jp さん
Snow Monkey に関する質問からはそれますが、どこにも相談できない（相談できるところを知らない）人を、（Snow Monkey からそれるから）解決までいかなくても案内程度でもサポートするのもコミュニティとしてはある程度大切なことだと思いますので、僕的にはこのような質問についても書き込んでもらえるのはありがたいなと考えています。（Snow Monkey 以外のテーマに関する質問や個別のプラグインについての質問はそのデベロッパーに質問するのが適切だと思いますが…）
あと、法人で購入するのも NG にはしていないので、複数人で利用されている場合もあります。
—
ちなみに僕は Instagram 自体も Instagram を表示するプラグインについても全然知識がないのでアドバイスはできないのですが、なぜ「アカウントは連携せずURLでサムネイルを表示したいとの要望」があったのかは気になりますね。API を使って表示するはずなので、連携なしでの表示はできないんじゃないのかな？と想像しました。
以下、個人的な見解です。
Snow Monkeyの質問でなくすみません。ほかに聞けるところがないので、ここでご意見、アドバイスを聞かせていただけると幸いです。
まず、Snow Monkeyに関する問題ではないと認識された上でこちらに書かれているという流れがちょっと良くわかりません。また、WordPressでのinstagramの埋め込みということであれば、WordPress公式フォーラムを活用することができなくもないでしょう。
また、
私たちはまだ初心者のため、質問の内容が不明確だったり、検討違いでしたらすみません。
私たちということは、複数人でこのアカウントを併用されているということでしょうかね？（ちょっと気になったので…
言葉の意味だけを理解すると、初心者ならばフォーラムのルールを守らなくても良く、（言葉は正しくありませんが）熟練者はフォーラムのルールを守るのが普通だと捉えかねません。この場所は、初心者・熟練者問わず「Snow Monkeyユーザーのためのフォーラム」だと思いますので、「初心者だから他に聞く場所が思い当たらないから、ここで聞いておけば誰か答えてくれるかな？」というのはちょっと違うと思います。
公式にSnow MonkeyのSlackもありますので、適さない質問の場合は他のユーザーにトピックに立てても良いのかどうかを聞くということもできると思います。
—–
その上で、お困りのようなので僕の持っている知識だけでお話しますが、
アカウントは連携せずURLでサムネイルを表示したいとの要望があり、
InstagramのURLだけでサムネイル表示ができるようなやり方
ここで言われているURLというのは、instagramアカウントのURLなのか、フィード単体のURLなのかによっても話が変わってくると思います。
instagramアカウントのURLだけを投げて、そのアカウントのフィード一覧を表示したい場合は一筋縄ではいかないでしょうね。そういった仕組みを作ることもできるとは思いますが、初心者とご自身で言われているのでinstagram APIなどを活用して作られることは難しいと判断しました。
instagramフィード単体を並べて表示したいということであれば、フィードから埋め込みソースコードを取得できると思いますので、そちらをカスタムHTMLブロックで表示させてよしなにするという形ではどうでしょうか？
以上ご確認をお願いいたします。
input[text].smb-focus-point にして
.smf-focus-point {
pointer-events: none;
outline: none;
background-color: black;;
border: none;
box-shadow: none;
width: 1px;
height: 1px;
line-height: 0;
overflow: hidden;
font-size: 1px !important;
padding: 0;
margin: 0;
}
.snow-monkey-form {
position: relative;
}
.snow-monkey-form .smf-focus-point {
position: absolute;
top: 0;
left: 0;
}
でも良いかも。これならテキスト考えなくても良いし。
子テーマやプラグインを作成して、要素の追加や削除を実施する場合、これまでJS（insertBeforeやremoveChild等）で実施してきました。
PHPでフックの利用を推奨されていますが、PHPを用いる方法に変更した方が読込速度があがるのでしょうか。
それぞれ一長一短だと思います。PHP の処理が増えればブラウザに最初の HTML が出力されるまでの時間が伸びます（ちょっと追加するくらいであればほとんど変わらないでしょうけど）。JS であれば HTML 出力後に要素が追加されるわけなので一瞬要素が追加されていない瞬間が見えてしまうということがあると思います。
「str_replace」と「preg_replace」で試しておりますが、うまく行かないところがあり試行錯誤状態です。
実際どのようなコードを書いて試して、どのようにうまくいかなかったかを書いていただいたほうが皆さんアドバイスしやすいと思うので可能ならお願いします！
こんな感じでどうでしょうか？
@media (max-width: 639px) {
.smb-balloon {
flex-direction:row
}
.smb-balloon__person {
margin: 0 20px 0 0;
}
.smb-balloon__body::after {
top: 50%;
left: -10px;
margin-top: -5px;
border-color: transparent;
border-right-color: inherit;
border-width: 5px 10px 5px 0;
}
}
Kmical Lights さん
詳しくありがとうございます！ エックスサーバーのデフォルトドメインを使っている、http でアクセスしている、あたりが怪しそうですね。
なるべく CSS だけで対処するほうが簡単だと思うので、CSS でレイアウトしてみました。おそらくすでに CSS でカスタマイズされているのかな？と思いますので、もし干渉する場合は適当に調整してみてください。
.c-entry-summary__meta {
display: none;
}
.c-entries--panel .c-entries__item {
position: relative;
}
.c-entries--panel .c-entry-summary__figure {
position: static;
}
.c-entries--panel .c-entry-summary__figure .c-entry-summary__term {
position: absolute;
top: auto;
bottom: 1rem;
left: 50%;
right: auto;
transform: translate(-50%, 0);
}
.c-entries--panel .c-entry-summary__body {
padding-bottom: 3rem;
}
コード書いてみました。こんな感じでどうでしょうか？
/**
* 投稿の一覧ページで、記事一覧レイアウトが simple のときにインフィード広告を表示
*/
add_filter(
'snow_monkey_template_part_render_template-parts/archive/entry/content/content',
function( $html, $name ) {
$infeed_ads = get_option( 'mwt-google-infeed-ads' );
if ( ! $infeed_ads ) {
return $html;
}
$entries_layout = get_theme_mod( $name . '-entries-layout' );
if ( 'post' !== $name ) {
return $html;
}
if ( ! in_array( $entries_layout, [ 'simple' ], true ) ) {
return $html;
}
$count = 0;
return preg_replace_callback(
'|(<li class="c-entries__item)|s',
function( $matches ) use ( &$count, $infeed_ads ) {
$count ++;
if ( 0 !== $count % 4 ) {
return $matches[0];
}
ob_start();
?>
<li class="c-entries__item">
<?php \Inc2734\WP_Adsense\Helper::the_adsense_code( $infeed_ads ); ?>
</li>
<?php
return ob_get_clean() . $matches[0];
},
$html
);
},
10,
2
);
