メモ | 徒然双樹

OGP設定がおかしい。

 

この記事ではうまく出来た――。

 

と言っていたけど、……上手く画像を読み込んでくれない。

ツイッターは問題が無い。

けれど、フェイスブックの画像がおかしい。

なんでだー???と色々弄ってみたけれど、原因が『テンプレートの小さいサイズの画像を読み込んでいる』という事までしか分からない。

 

……読み込む画像が違う。なぜ、そっちを読み込むんだろう?

 

 

と言うわけで、原因が分からないまま諦め中。

そして、削除中……。

0

    2019.03.06 Wednesday 22:48 | メモ | - | -

    ジュゲムブログにファビコンを付けてみた。

     

    適当に自分用のメモとして書くのです。

     

     

     

    まず、アイコンの準備……。

    むかーしに作ったアイコンがある!!と思っていたけれど、調べていくうちに今は変わってしまったらしいと判った。

     

    そんな訳で参考にしたサイト↓

    ホームページのタブ画像作成と設定まとめ

     

     

    私がむかーしに作ったのはPCサイト用のアイコンだけ。

    スマホなんてなかったんだもん←いつ作ったがばれてしまう。。

    というわけで、再び作り直し。

    サイズも大きめに400×400で作ってみた。

    どーせ小さくなるし、雑で良いと思って作った。(元々のアイコンもそれほど複雑には作っていない)

    作った画像を↓このサイトで増殖

     

    様々なファビコンを一括生成。favicon generator
    https://ao-system.net/favicongenerator/

     

    ……適性画像に直してもらえるらしい。サイズとかファイル形式とか。

     

    画像完成……。

     

    が、ジュゲムブログではico形式のファイルはアップロードできない。

    と言うわけで、他の場所にアップロードしなきゃいけない。で、リンクしても大丈夫なサービス。

     

    ……。

    私、Bloggerもやってた。そこから行けそうだという事で、Bloggerに画像UP

    これ、グーグルのサービスの方に自動でアップロードされるようだ。

    リンクしてみたら出来た。

     

    基本のこのタグだけテンプレートに組み込み。

    <link rel="icon" type="image/x-icon" href="./favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon-180x180.png"> 

     

     

     

    今はわざわざico形式にしなくても読みこんでくれるらしい。……すごい時代が変わってる。

    けど、古い形式のブラウザは読み込まないらしいので、ico形式が無難。

    たぶんあと数年もしたら、わざわざicoにしなくていいんだろうなぁ。

     

    スマホ用は使うことないだろうなぁと思いつつ、一応組み込み。

     

    ああ。知識の更新が追いつかなーい。

     

    0

      2019.02.14 Thursday 23:57 | メモ | - | -

      JUGEMブログにOGP設定をしてみた。

       

      JUGEMブログにOGP設定をしてみた。

       

      何それ?…と、私も思った。

      要はツイッターやフェイスブックにリンクを投稿した時の表示の仕方…らしい。

      フェイスブックならこんな感じの↓

      フェイスブック表示

      ツイッターならこんな感じの↓

      ツイッター表示

       

      何もしないと、ジュゲム画像が表示される。

      ずっとどうやって変えるんだろー?と思っていたけれど、変える方法がやっとわかった。

       

      但し、ジュゲム画像が表示される場合は『記事内に画像』があった場合はそちらが優先される。

      が、デザインを弄ると、『記事内に画像』があってもそちらは優先されない。

      理由は……『記事内に画像がない場合』と言ったような設定ができないから…っぽい。

      他にも忍者ブログやBloggerで設定してみたのだけれども、そちらはちゃんと『記事内に画像があった場合』と『無い場合』の設定ができる。

       

      ちょっと不便なジュゲムブログ。

      もし、変更可能な方法を見つけたら、またデザイン変更したいな。

       

      ーーー2019/06/22変更ー

      とりあえず、現状は「デザイン」→「HTML・CSS設定」すると、表示画像は設定した一枚になる。

      私が設定したのはこの方法。

      HTML編集</head>の上に付け加え。↓
      {og_image}                        

      <meta content='summary_large_image(画像種類大きめに設定)' name='twitter:card'/>
      <meta content='@ID' name='twitter:site'/>
      <meta content='@ID' name='twitter:creator'/>
      <meta property="og:image" content="画像URL />
      <meta name="twitter:image" content="画像URL">

       

      ツイッターのみ対応するようにしました。フェイスブックは諦め。

       

      忍者ブログにOGP設定をしてみた

       Bloggerでツイッターカードの設定

      他のブログでも弄ってみた説明を書いてます。

       

       

       

      ブログカードとは↓こんな感じの

       

      一応設定してみたけれど、使うかどうかは分からない。

       

      『ShareHtmlを、もっと綺麗にしたメーカー』で検索をかけると使い方が出てきます。

      ……。忍者ブログで簡単に説明したので、そちらをどうぞ。

      やり方はほとんど変わらないと思うので。

      リンクカードをつけたみた。

       

       

       

      再び話は『OGP設定』に戻る。

      私は上記の三行を書いたけれど、これでは『記事内の画像』は表示されない。

      記事内の画像を表示しつつ、画像がない時もブログ用の画像を表示したい人は……。

      画像がない記事には『ブログ用の画像』を0サイズで入れるしかないような気がする。

      かなり手間になる。

      <img alt="" class="pict" height="105" src="(表示させたい画像)" width="200" />

      画像表示タグの赤い数字を『0』にすれば記事内では見えない画像になる。

       

      私はこれが面倒だったので、記事内の画像を表示させる方を諦めた。

      でも気持ちは、他のブログのように『記事内の画像のあるなし』で表示を変えたい。

      ……むむーん。
       

       

       

      【追記】

      フェイスブックのリンクがおかしい

       

       

      0

        2019.01.23 Wednesday 23:42 | メモ | - | -

        警告メッセージ

        JUGEMテーマ:スカイプ
         
        以前はPC立ち上がりと同時に起動してたけど、なぜだか立ち上がりと同時に画面が広がってウザいので起動しない設定にした。
        それまでは、起動すると左下に小さくなってたので邪魔にはならなかった。

        で、起動しない設定にするとログインが減ったのですが……久しぶりにログインしてみると何やらメッセージが出た。
        何々

        『Your contacts have not been very active recently...
        You can post your own status update or connect to Facebook to see more news from your friends.

        Like or dislike this ad? Send us your feedback! 』


        ……英語、読めない。
        なので、翻訳サイトで翻訳…便利な世の中だ


        『あなたの接触は最近、それほどアクティブではありません…
        あなたは、あなたの友人から、より多くのニュースを見るためにあなた自身の状態アップデートを掲示するか、またはフェイスブックに接続できます。

        この広告は好きですかそれとも、嫌ですか? フィードバックを私たちに送ってください!』



        ……ますますウザい
        何それ?ログインしろって事?何?私の状態を知らせて何になるの?

        ソフトごと消してやる!

        と思った。
        けど、どうせこの後も何かと必要なので残しておくけど……。
        あー。うざっ。
        ログインする気なくすわ。

        フィードバックは送り損ねた。ってか、英語読めない。


        読まない方が良かったな。


        0

          2011.08.25 Thursday 16:34 | メモ | comments(0) | -

          やる事リスト


          今週のやる事リスト。

          重要度順
          ★★★★★
          ::25日のパステルアートの準備。
          告知が出来る様に『2枚の絵』と『チラシ』の作成。
          告知ブログの作成。

          ★★★★
          ::ブログ
          『パン講座』記事

          ★★★
          ::ブログ
          『作成したビーズ』記事
          『師匠紹介』記事 (カラーセラピー・パステルアート・ピプノ・ボイトレ)

          ★★
          ::ブログ
          『ママのお花』記事
          ::サイト
          『SEVENサイト』トップ・ボイスドラマ・スタッフ・キャラ・物語。
          ::ビーズアクセ
          『ライオン』体つき
          ::折り紙アクセサリー
          本を見て。


          ::ブログ
          『チャットレディ:デザイン』
          『ポイントサイト』


          ::ブログ記事下書き。
          『パン講座』『ロザフィ講座』
          0

            2011.06.06 Monday 12:43 | メモ | comments(0) | -

            ボイトレと私

             
            ボイトレ時の違和感はどこから来るか。
            ×先×
            0

              2008.10.25 Saturday 22:56 | メモ | comments(2) | trackbacks(0)

              Sponsored Links