Q&A
「別々にCSS」とは具体的にどのような状況でしょうか。
opengraphのデータ、og:titleのcontentに以下のような情報を入れるとします。
<meta property="og:title" content="あああ/いいい/ううう/えええ/おおお" />
とあるアプリケーションを使用し、このopengraphのデータが閲覧履歴に反映されるようになっており、
個々が見ているサイト上で閲覧履歴を確認すると、このopengraphのデータを元にどのページを見たかがわかるようになっています。
その際、閲覧履歴を開くと
1.opengraphのog:title内contentの情報そのまま
2.opengraphのog:title内contentの情報そのまま
3.opengraphのog:title内contentの情報そのまま
4.opengraphのog:title内contentの情報そのまま
5.opengraphのog:title内contentの情報そのまま
このように見えると思ってください。
ですから上のように、
あああ/いいい/ううう/えええ/おおお
と入れれば、閲覧履歴では
あああ/いいい/ううう/えええ/おおお
と表示されます。
これをスラッシュ区切りされたそれぞれの情報に対して別々にCSSを記述したいです。
そのようなことはできますでしょうか？
・・・追記・・・
すみません。“別々にCSSを"と書きましたが、その言い方は誤りでした。
現状、content内の情報をそのまま表示してしまっており、
<meta property="og:title" content="{ページ名}/{記述日}/{詳細}/{その他}" />
このように書くと、
閲覧履歴のところで
1.{ページ名}/{記述日}/{詳細}/{その他}
と表示されてしまいます。
そうではなくて例えば
{ページ名}
{記述日}
{詳細}
{その他}
といったようにスラッシュ区切りされた情報をそれぞれ切り分けて表示できるようにしたいです。
改行できるだけでもありがたく、欲を言えばそれぞれに個別のスタイルをあてられるといいなと思っています。
修正させていただきました。よろしくお願いいたします。
「とあるアプリケーション」は出力方法を変えることが出来るのでしょうか。その場合言語は何でしょうか。また、HTMLとして出力された「閲覧履歴」にJavaScriptで処理をする場合はHTMLの構造もある程度提示してください。
結論から言えば「どうとでもなる」のですが, 回答に必要となる条件がまるっと欠落していることで答えることが出来ません. og:titleを読む主体は何か?(PHPによるサーバーサイドのアプリ？, Webブラウザ？) 出力形式は何か？(text?HTML?SVG?それとは別の画像?)について質問を詳細化して下さい.
回答1件
0
自己解決
kei344さん、defghi1977さんお付き合い頂いたにも関わらず、質問した私自身が解決の道から外れてしまったことをお詫び申し上げます。
結論から言えば「どうとでもなる」とおっしゃってくださった通り、確かにどうとでもなりますね笑
読み返してみて情報が足りていないことが明白でした。
1.ユーザーがwebページを開く
2.その際にwebページhead内にあるog:titleをjavascriptで取得し、cookieで情報保持
3.ページ遷移したタイミングでjavascriptを使ってcookie情報を展開してその遷移したページの右下端っこに情報を表示させる
こういうものでした。
保持している情報をそれぞれ好みの箇所で切り取ってHTMLタグの中に埋めてしまう。そしてそのタグにCSSをかければ個別に見た目を変えられる。
これで解決でございました。
投稿2019/07/25 16:41
総合スコア17
あなたの回答
tips
プレビュー
