No.4799, No.4798, No.4797, No.4796, No.4794, No.4793, No.4792［7件］
いつもお世話になっております。
記事を書く時にA,Bと画像を貼るとして、twitter等カードにはAの画像、記事内にはBのみ表示、というように
OGPのカード画像だけ別で画像を指定できたら嬉しいな、と考えております。
今の段階でも出来るようでしたらご教示頂けましたら幸いです。
よろしくお願いいたします。
記事を書く時にA,Bと画像を貼るとして、twitter等カードにはAの画像、記事内にはBのみ表示、というように
OGPのカード画像だけ別で画像を指定できたら嬉しいな、と考えております。
今の段階でも出来るようでしたらご教示頂けましたら幸いです。
よろしくお願いいたします。
by misaki. ⌚2024年11月7日(木) 00:56:05〔1年以上前〕 ＜152文字＞ 編集
by sakura. ⌚2024年11月5日(火) 22:48:24〔1年以上前〕 ＜96文字＞ 編集
あと2時間後くらいには寝たい……！（明日は朝が早いので）
🥞Re:4790◆安心して年を越せるということで、良かったではないですか。(笑)
🥞Re:4794◆実際のページ全体のソースを拝見しないと何とも言い難いですが、その .newsign の直後に .newsign:empty{ display: none; } を加えると良いのではないかと思います。
※そのHTMLとCSSだと、どんな場合でも絶対にpaddingの分だけ背景色が見えます。『例えば「cat=」などのソートでは出現しません』という場合、その状況では別のスキンが適用されているか、別のCSSが適用されているか、または何らかの追加CSSが影響しているのではないかと思います。てがろぐが出力を制御するのはあくまでも [[NEW]] の部分だけなので、それを囲んでいる <span class="newsign">と</span> はどんな場合でも常に出力されますから。
なお、ハッシュタグだと認識されたくない半角 # 記号を書きたい場合は、# と書くと良いです。
「そんなの覚えられん」という場合は、[設定]→[投稿欄の表示]→【既存ハッシュタグ簡単入力機能】→[▼リストに追加する項目：]欄にある『「#」を挿入する項目を末尾に追加』項目にチェックを入れておくと、ハッシュタグ簡単入力用のセレクトボックスの末尾に出てきます。（※デフォルトではOFFですが、ここの動作試験場ではONになっています。）
🥞Re:4790◆安心して年を越せるということで、良かったではないですか。(笑)
🥞Re:4794◆実際のページ全体のソースを拝見しないと何とも言い難いですが、その .newsign の直後に .newsign:empty{ display: none; } を加えると良いのではないかと思います。
※そのHTMLとCSSだと、どんな場合でも絶対にpaddingの分だけ背景色が見えます。『例えば「cat=」などのソートでは出現しません』という場合、その状況では別のスキンが適用されているか、別のCSSが適用されているか、または何らかの追加CSSが影響しているのではないかと思います。てがろぐが出力を制御するのはあくまでも [[NEW]] の部分だけなので、それを囲んでいる <span class="newsign">と</span> はどんな場合でも常に出力されますから。
なお、ハッシュタグだと認識されたくない半角 # 記号を書きたい場合は、# と書くと良いです。
「そんなの覚えられん」という場合は、[設定]→[投稿欄の表示]→【既存ハッシュタグ簡単入力機能】→[▼リストに追加する項目：]欄にある『「#」を挿入する項目を末尾に追加』項目にチェックを入れておくと、ハッシュタグ簡単入力用のセレクトボックスの末尾に出てきます。（※デフォルトではOFFですが、ここの動作試験場ではONになっています。）
by nishishi. ⌚2024年11月5日(火) 20:58:50〔1年以上前〕 回答/返信 ＜651文字＞ 編集
いつもお世話になっております！
以前からNEWのアイコンもしかしたら仕様が違うのかもと思うようなことがありまして、一応 #報告 します💦
[[NEW]]ですが、ギャラリーモード、画像モード、サイトマップモードの時にpaddingが出てしまいます。
（上記以外のモード、例えば「cat=」などのソートでは出現しません）
🟢HTMLコード
<span class="newsign">[[NEW]]</span>
🟢CSS（＃を半角にするとリンクが付いてしまうので一旦全角にしています）
.newsign {
position: absolute;
left: 0;
top: 0;
padding: 5px 10px;
color: ＃fff;
background: ＃f27744;
}
一応画像も添付します
（オレンジ色の部分が該当場所です）
不具合でない場合、paddingを消す方法などご教授いただけると幸いです🙏m(__)m
よろしくお願いいたします！！
以前からNEWのアイコンもしかしたら仕様が違うのかもと思うようなことがありまして、一応 #報告 します💦
[[NEW]]ですが、ギャラリーモード、画像モード、サイトマップモードの時にpaddingが出てしまいます。
（上記以外のモード、例えば「cat=」などのソートでは出現しません）
🟢HTMLコード
<span class="newsign">[[NEW]]</span>
🟢CSS（＃を半角にするとリンクが付いてしまうので一旦全角にしています）
.newsign {
position: absolute;
left: 0;
top: 0;
padding: 5px 10px;
color: ＃fff;
background: ＃f27744;
}
一応画像も添付します
（オレンジ色の部分が該当場所です）
不具合でない場合、paddingを消す方法などご教授いただけると幸いです🙏m(__)m
よろしくお願いいたします！！
by sakura. ⌚2024年11月5日(火) 20:14:30〔1年以上前〕 ＜450文字＞ 編集
>>4791 後ほどコメントアウト部分をimagettfbboxの直前に記述するよう修正します。こちらこそ使用と報告ありがとうございます。
by admin. ⌚2024年11月5日(火) 11:37:08〔1年以上前〕 ＜69文字＞ 編集
by admin. ⌚2024年11月4日(月) 21:06:12〔1年以上前〕 ＜74文字＞ 編集
🥞Re:4798◆その場合、要は『「Aの画像が本文で1枚目の画像として書かれている」しかし「Aの画像は非表示になっている」』という状況にすれば良いので、以下のような方法で実現できます。
まず、非表示にする装飾を何か用意しておきます。
例えば、.deco-hide { display:none; } などを書いておきます。
あとは、1枚目の画像（＝OGPだけに使いたい画像）を本文の最初（＝というか他の画像が出てくるよりも前）に書いた上で、その非表示用の装飾記法で囲んで [F:hide: [PICT:～]] のような感じで書きます。
すると、お望みの動作になると思います。