忍者ブログ
日記のようなひとり言。 子供の事だったり ハンドメイドの事だったり。
04
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 管理画面

    [PR]

    ×

    [PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

    にほんブログ村 ハンドメイドブログ 今日作ったものへ にほんブログ村 ハンドメイドブログ 布物・布小物へ

    Twitterボタン設置

    正直まったく詳しくないし。
    まったく必要性も感じないのですがw

    なんとなく徘徊していると目に付くボタン。
    どうせなら設置してみようかと。
    自己満足な探究心を満たす為にw

    HTMLは自己流で以前HPを運営していたときに少し知って。
    割と好きなので、なんか知りたがりなんですよね。

    とりあえずなんかやってみたくなる。
    人に教えて貰うのは苦手なので、基本的に自分判断。

    と、いう訳で忍者ブログで個別記事ごとにボタンを設置する方法をちょっと載せます。

    えーっと、正直素人が設置して、いろいろと問題があるかもしれませんので、それはごめんなさい自己責任で!


    〇Twitterのツイートボタン。
    Twitterボタンのリンク先へ(ここからソースを取得します)

    ②ボタンの種類を選びます。

    ③そしてオプションを選びます。
     ※ここが一番大事。
     URL共有でページのURLを使うとトップページになってしまうので、このアドレスを個別記事ごとのアドレスに変更します。

     個別記事ごとのアドレスってのは、忍者で、私のブログの場合「http://tonamikato.blog-rpg.com/Entry/○○(数字)/」ってやつ。

     でもこれは本当にその記事に対してのアドレスだから、これにしてしまうとその記事だけになってしまいます。
     なのでその個別記事達を表す忍者ブログ独自タグと言うのが必要になってきます。

     この辺は正直私もよく分からないので割愛w

     忍者ブログでのそのアドレス(記事詳細のパーマリンク取得用構文)は<!--$g_url-->Entry/<!--$entry_no-->/となります。

     つまりそれをTwitterの共有URLに入力します。
    ・ 「http://<!--$g_url-->Entry/<!--$entry_no-->/」
     それでソースを取得してください。

     そしてテンプレート内の設置した居場所にソースを貼り付けます。
     記事本文部分の<!--$entry_text-->の後に貼り付けるでいいと思います。

    私のブログはもちろん無料タイプなので、TOP記事に広告がでてしまう…。
    できればその上(拍手とならんで)の場所に設置したいと色々試したのですが、ちょっと無理でした。
    (できる方いたら教えてくださいw)

    私のようにあんまり必要じゃない人は下でいいと思うけど、そうじゃない人は<!--$entry_text-->の前に貼り付けたらいいかも知れないですね。

    で、この状態だと、記事ごとにくっついてますが、タイトルが変わりません。
    TOPページ上でボタンを押すとブログ名。
    各記事ページでボタンを押すと記事名。

    TOPページ上で記事名じゃないと意味ないし。って事でこれからはソースを修正します。

    貼り付けたソースの<a href>タグ内に「data-text="<!--$entry_title-->"」を入れます。
    私のブログのソース例
    <a href="https://twitter.com/share"
    class="twitter-share-button"
    data-url="http://&lt;!--$g_url--&gt;Entry/&lt;!--$entry_no--&gt;/"(上記のやり方でパーマリンク取得用構文を貼り付けた場合こんなアドレスになってるはず)
    data-text="<!--$entry_title-->" ←ここにいれましょう。
    data-via="tonamikato"  ←Twitterのアカウント名
    data-lang="ja"
    data-count="none">ツイート</a> ← ボタン内の文字を変えたいならここを直してもOK

    となります。
     
    するとTOPページ上でボタンを押すとちゃんと記事名で出来ます。

    これでツイートボタンの設置は完了です^^

    なんか色々違ったらごめんなさい。
    とりあえず私はこれで出来たので、たぶん平気だと思いますwww



    Instagram始めました!

    拍手[0回]

    PR
    にほんブログ村 ハンドメイドブログ 今日作ったものへ にほんブログ村 ハンドメイドブログ 布物・布小物へ

    お名前
    タイトル
    文字色
    URL
    コメント
    パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
    非公開コメント
    [163]  [162]  [161]  [160]  [159]  [158]  [157]  [156]  [155]  [154]  [153
    ハンドメイド活動
    現在オーダー受注数
    2 点 

    Instagram

    minne
     フリーマーケットサイト
     クリエイターズギャラリー
      ネット販売中です♪

    Twitter

    tweet
    Profile
    Admin / Write



     となみ(ママ)
    ブログ管理人。二人の男の子の母。専業主婦。
    熱しやすく冷めやすく、 面倒臭い事が嫌いでわりといい加減なO型。
    ハンドメイドが趣味。

    CLOCK
    いくつ?
    カレンダー
    03 2024/04 05
    S M T W T F S
    1 2 3 4 5 6
    7 8 9 10 11 12 13
    14 15 16 17 18 19 20
    21 22 23 24 25 26 27
    28 29 30
    アーカイブ

    ブログ内検索
    最新CM
    [08/15 医療系への就職]
    [01/26 となみ]
    [01/25 ハナ]
    [11/02 となみ]
    [11/02 ako]
    最新TB
    バーコード
    AdSense
    アクセス解析


        ◆ graphics by アンの小箱 ◆ designed by Anne ◆

        忍者ブログ [PR]