東港研究所給湯室-海のルアーフィッシング休憩室-

エントリー

タグ「freo」の検索結果は以下のとおりです。

【Freo】ブログにツイッターのタイムラインを埋め込んでみた。【レスポンシブ対応】

備忘録的に記録。

https://publish.twitter.com/#

20200530121420.png

自分のアカウントURLを入力。

タイムラインを選択。

20200530121421.jpg

オプションを選択し、好みのサイズにします。背景色も白or黒の選択が可能。
選択したら「更新」をクリック。

20200530121422.jpg

Freoのテンプレートを修正。
アイフォン用とアンドロイド用の修正が必要です。

  • \emplates\iphones\internals\default\default.html
  • \emplates\androids\internals\default\default.html

 3行目あたりに<UL></UL>を追加

{include file='iphones/header.html'}
<ul data-role="listview">
<li data-role="list-divider">twitter</li>
<a class="twitter-timeline" data-height="200" data-theme="dark" href="https://twitter.com/TulossaSPR80?ref_src=twsrc%5Etfw">Tweets by TulossaSPR80</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</ul>
<!--{if !$freo.query.action}-->

アップロードして完了。

20200530125909.png

高さは200pxを指定、幅はレスポンシブにするため指定なしです。

【備忘録】freoのエントリータグのインターフェースを変更してみた

freoのIFを変更したのメモ。

今回はハマった・・・・ 単純なところでいつもつまづく。

忘れないように手順を記す。

jQuery jTagging plugin → 公式サイト閉鎖のため、下記をコピペ

 * jQuery jTagging plugin
 * Version 1.0.0  (10/01/2007)
 *
 * Copyright (c) 2007 Alcohol.Wang
 * Dual licensed under the MIT and GPL licenses.
 *
 * http://www.alcoholwang.cn/jquery/jTagging.htm
*/
!function(t){t.jTagging={version:"1.0.0",defaults:{normalStyle:{padding:"2px 1px 0 1px",textDecoration:"none",color:"#6665cb",backgroundColor:""},selectedStyle:{padding:"2px 1px 0 1px",textDecoration:"none",color:"#fff",backgroundColor:"#6665cb"},normalHoverStyle:{padding:"2px 1px 0 1px",textDecoration:"none",color:"#fff",backgroundColor:"#6665cb"}},arrayRemove:function(e,n){e=e||[];for(var a in e)e[a]=t.trim(e[a]),e[a]!=n&&""!=e[a]||e.splice(a,1)},setClass:function(e,n,a){t(e).css(n),t(e).hover(function(){t(e).css(a)},function(){t(e).css(n)})}},t.fn.jTagging=function(e,n,a,i,o){return n=n||",",a=a||t.jTagging.defaults.normalStyle,i=i||t.jTagging.defaults.selectedStyle,o=o||t.jTagging.defaults.normalHoverStyle,e=[e],this.each(function(){var s=this.nodeName.toLowerCase(),r=this.type.toLowerCase();if("input"!=s||"text"!=r&&"textarea"!=s)throw'Element must be "input:text" or "textarea"';var g=this;t.each(["keydown","keyup"],function(s,r){t(g).bind(r,function(){t.each(e,function(e,s){t.each(s,function(e,s){t("a",s).each(function(){var e=t(g).val().split(n);t.jTagging.arrayRemove(e),t(e).index(t(this).text())>=0?t.jTagging.setClass(this,i,o):t.jTagging.setClass(this,a,o)})})})})}),t.each(e,function(e,s){t.each(s,function(e,s){t("a",s).each(function(){t(this).removeClass(),t(this).attr("href","#"),t(this).click(function(){var e=t(g).val().split(n);return t.jTagging.arrayRemove(e),t(e).index(t(this).text())>=0?(t.jTagging.arrayRemove(e,t(this).text()),t(g).val(e.join(n)),t.jTagging.setClass(this,a,o)):(e.push(t(this).text()),t(g).val(e.join(n)),t.jTagging.setClass(this,i,o)),this.blur(),!1});var e=t(g).val().split(n);t.jTagging.arrayRemove(e),t(e).index(t(this).text())>=0?t.jTagging.setClass(this,i,o):t.jTagging.setClass(this,a,o)})})})})}}(jQuery);

後は手順どおりにセットアップ。

20200906172535.jpg

ここ重要

 

必ず、キャッシュをクリアして起動すること。

 

単純なことなんだけど、なぜ気が付かないんだw 1時間ほどで終わるはずが、1日掛かってしまったw

ページ移動

  • 前のページ
  • 次のページ
  • ページ
  • 1


ユーティリティ

検索

エントリー検索フォーム
キーワード

ありがとうございます

新着画像

Feed