RSSの表示

 http://webimemo.com/web/3873

の先生の通り、googleAPIを使用

 ヘッダーに

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">

//Google Feed Api
google.load("feeds", "1");

function initialize() {
var feed = new google.feeds.Feed("表示させるRSSフィードのURL");
feed.setNumEntries(表示させたい件数);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById("feed");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
var m = dd.getMonth() + 1;
if (m < 10) {m = "0" + m;}
var d = dd.getDate();
if (d < 10) {d = "0" + d;}
var date = yearNum + "." + m + "." + d + " ";
container.innerHTML += "<li><span>" + date +" </span>" +"　<a href='" + entry.link + "' target='_blank'>" + entry.title + "</a></li>";
}
}
});
}
google.setOnLoadCallback(initialize);

</script

表示部に

<ul id="feed"></ul>

無料ホームページ制作沖縄　NP145　PiyoPiyoひよこうぇぶ　PiyoPiyoひよこうぇぶ

Wordpressで、リンクボタンが押せない、テキストエディタとビジュアルエディタが切り替わらない

ワードプレスで、プラグインをまとめて適当にいれたら、エディタの不具合が発生。

テキストエディタとビジュアルエディタの切り替えができない。

リンク挿入ボタンが押せない。

ps disable auto formattingは今回は関係なく、
contact formというプラグイン(contact form7ではなく)が原因でした。


こんなの入れたかな。。。





無料ホームページ制作沖縄　NPO　PiyoPiyoひよこうぇぶ
仮想国際通り
仮想琉球

ランディングページによくある、幅一杯の背景で装飾する方法

ランディングページによくある、幅一杯の背景で装飾する方法

http://presentnote.com/how-to-widen-menu-and-header/#i-2

の方の記事にお世話になり、

padding:0 500%; margin: 0 -500%;


にて実現。



が、ｉＰｈｏｎｅで、表示が小さくなっている。

html{ overflow: auto;
}
body {
  overflow: hidden;
position: relative; }


を、Custom CSSに追記して、改善。



無料ホームページ制作沖縄　NPO　PiyoPiyoひよこうぇぶ
仮想国際通り
仮想琉球

画像をボタンらしく動かす方法

ビジネスwebデザインアカデミーさまより

 <style type=”text/css”> <!– a:hover {position:relative; top:2px; left:2px;} –> </style>

をヘッド「head」タグにいれる。



これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ

もおもしろい。





無料ホームページ制作沖縄　NPO　PiyoPiyoひよこうぇぶ
仮想国際通り
仮想琉球

Hosts File Manager

ドメインのDNS設定前など、Hostsファイルの設定を変更しての作業を楽にする方法。



http://softwarefactory.jp/ja/products/hostsfilemanager/



より、ホストファイルマネージャーを使用する。




保存しないと反映されないので注意。






無料ホームページ制作沖縄　NPO　PiyoPiyoひよこうぇぶ
仮想国際通り
仮想琉球