Web制作関連 archive | マウスやすめ～パソコンに疲れたら・・・自分癒しのBLOG～

サイトのURL登録関連のメモ

Ξ 2010/3/9 火曜日

今3つのサイトを同時進行で制作しているのですが、サイト登録関係がいつも忘れてしまうのでメモ。

まずはサイトURLの登録、

Bing

http://www.bing.com/webmaster/SubmitSitePage.aspx

yahoo

http://submit.search.yahoo.co.jp/add/request

Google

http://www.google.co.jp/addurl/?continue=/addurl

いずれも各検索エンジンにサイトのURLを教えるために登録します。
ほっておいても検索エンジンはインデックスしてくれますが、登録をすると短期でエンジンがやってきてくれます。

| → コメント (1) | ∇ SEO |

すごいぞ『XSERVER』MySQLがいっきに 5個から３０個まで増量！

Ξ 2010/3/4 木曜日

超！簡単編 Wordpressで自分のブログを作る方法でもご紹介していたXSERVERですが今回ディスク容量の増加に加え、なんとMySQLの増加もしてくれました。

普通レンタルサーバーでは容量のアップはあってもSQLの作成数まで増やしてくれることはめったにありません。
X10プラントいう一番少額なプランで”20GB”、”30個のMySQL”ですからレンタルサーバーの中ではピカイチなのではないでしょうか？
仮に1ドメイン1個のSQLを使うとしたら30個のドメインで運用できてしまいます。

改めてXSERVERでよかったなんて思ってしまいます。

今なら『サーバー申し込み６万件』を記念したキャンペーンをやってます。

自分でサーバーを運用したい方にお勧めです。

| → コメント (0) | ∇ 環境 |

サイト作成に役立つソフト　ディスクトップ上のサイズを測れるピクセル定規『Medir』

Ξ 2010/2/15 月曜日

サイトを制作しているとブラウザを見ながらサイズを知りたい時などがあります。

バナーを制作する時や、BOXを作りたい時などがそうですが、やっぱりアナログ的に定規で測るように知りたい。そんなときに便利なソフトです。

こんな感じでピクセルを測ることができます。

—————— ダウンロード ——————–

vector からダウンロードすることができます。

http://www.vector.co.jp/soft/win95/art/se319323.html

ディスクトップに出来たファイルを解凍し

解凍後のファイルの中にある『Rosa.exe』にて使用できます。

表示解像度のエミュレートや画面のキャプチャ機能なども付いています。

このソフト結構昔からあるのですが使いやすいのでいまだに重宝しています。
Windows7 64bit でもきちんと動作してくれています。

ちなみに自分はこのようなフォルダ起動のソフトはドライブの中に『my program』というフォルダを作ってそこに集めています。

ランチャなどを使ってショートカットを作っておくと管理もわかりやすいですよ。

| → コメント (0) | ∇ 制作ツール |

Wordpressで投稿した記事の関連記事を表示してくれるプラグイン『Similar Posts』

Ξ 2010/2/8 月曜日

Wordpressで人気のあるエントリー（記事）を表示してくれるプラグイン『Popular Posts』
を導入したならついでに使いたいのが『Similar Posts』という関連記事を表示してくれるプラグインです。

この二つのプラグインは共通のプラグイン『Post-Plugin Library』を使っていますので、『Popular Posts』を使っているならぜひ合わせて使いたいプラグインです。

このサイトでは

こんなふうになっています。

プラグインの設定はデフォルトのまま、CSSだけをつけたしています。

—————– プラグインのインストール ————————–

まずは Post-Plugin Library をダウンロードし有効にします。
これは、
Wordpressで人気のあるエントリー（記事）を表示してくれるプラグイン『Popular Posts』
を参考にしてください。

『Similar Posts』をダウンロードします。

http://rmarsh.com/plugins/similar-posts/

に行き、

をクリックしダウンロードしてください。

ダウンロードしたファイルを解凍しプラグインホルダにアップ、プラグインを有効化します。

表示したいテーマファイルの場所に

   1: <?php similar_posts(); ?>

とコードを付け加えます。これで表示されます。

先ほども述べましたが、このサイトでは『Similar Posts』の設定自体はほとんどいじっていません、変更したのが『Placement Settings』タブの『Output after post』の部分、

『Activate』の部分を ”Yes”にし、『Parameters』を

   1: prefix=<div id="best"><h4>ついでに読んだら参考になるかもしれない関連記事:</h4><ul class="similar-posts">&suffix=</ul></div>

としました。

関連記事についてはいろんなプラグインがあるのですが、タイトル、記事内容、タブ、といろんな要素での選出がありそんな調整もできるのがこのプラグインです。

| → コメント (0) | ∇ プラグイン |

Wordpressで人気のあるエントリー（記事）を表示してくれるプラグイン『Popular Posts』

Ξ 2010/2/3 水曜日

このサイトの上部にもある『人気のあるエントリーBEST10』で使用しているプラグインです。

最初はショッピングサイトで『人気のある商品ベストテン』を表示するために使ったプラグインなのですが、なかなか面白いのでこのサイトでも使用してみました。

—————– プラグインのインストール ————————–

まずは Post-Plugin Library をダウンロードします。これは Popular Posts を動かすために必要なプラグインになります。

http://rmarsh.com/plugins/post-plugin-library/

のサイトから

にてダウンロードします。

次に、Popular Posts をダウンロードします。

http://rmarsh.com/plugins/popular-posts-plugin/

から

をクリックしダウンロードしてください。

ダウンロードしたファイルを解凍しプラグインホルダにアップ、プラグインを『Post-Plugin Library』、『Popular Posts』の順で有効化します。

表示したいテーマファイルの場所に

   <?php popular_posts(); ?>

とコードを付け加えます。

これで表示されます。

このサイトでは『Number of posts to show』表示数をいじったぐらいです。

肝心なのが『Output』タブの表示部です。

Available Tags が使えるタグの一覧になっているので、これを組み合わせ自分なりの表示をカスタマイズしてみてください。

このサイトでは、『Output template:』を

   1: <a href="{url}" title="{title}"><img  src="{imagesrc}" width="45" height="33" ait="{imagealt}" /></a>

『Text and codes before the list:』を

   1: <div id="best"><h4>人気のあるエントリー BEST10</h4>

『Text and codes after the list:』を

   1: </div>

としています。

後はCSSをいじって終了です。

スタイルCSSに以下を追加して終了です。

#best {
    border: 1px solid #AEC1CD;
    padding: 5px 5px 0 5px;
    }
  
#best ul {
    margin: 0;
    padding: 0;
    line-height: 18px;
    list-style: none;
    }
    
#best li {
    list-style: none;
    padding-left: 10px; 
}
  
#best img {
    vertical-align: text-bottom;
}

| → コメント (0) | ∇ プラグイン |

Wordpressを携帯で見れるようにするプラグイン『Ktai Style』のカスタマイズ

Ξ 2010/1/24 日曜日

Wordpressを携帯で見れるようにするプラグイン『Ktai Style』をカスタマイズするには、使用している『Ktai Style』のテンプレートをいじることで出来ます。

今回はこのサイトの携帯表示の下部にMicroAdのバナーを貼ってみます。

まずは携帯表示のテンプレート（このサイトは redportal）、下の部分になりますので footer.php を編集することになります。

ファイルは、Wordpressのプラグインフォルダ Ktai_style の中、
wp-content\plugins\ktai_style\themes\テーマ名
にあります。

footer.php をエディタで開くと下のほうに

<hr color="&amp;lt;?php echo $ks_settings['hr_color']; ?>" />
<div align="center">Redportal theme for Ktai Style.<?php ks_switch_pc_view(); ?>
<?php /* ks_wp_footer(); */ ?>
</div></body></html>

このような部分があります。

<hr color=” … で横罫線が入り、

<div align=”center” … で中央ぞろいのコピーライトが入ります。

このコピーライトの前にバナーを入れます。

MicroAdから取得した、バナーのコード

<a href=http://msend.microad.jp/ … （途中省略）guid=on&s=1" /></a>

を

のあとに入れます。

<hr color="&amp;lt;?php echo $ks_settings['hr_color']; ?>" />
<div align="center">
  
<!-- MicroAdバナーここから -->
<a href="http://msend.microad.jp/ad/ic　・・・（途中省略））e.gif?guid=on&s=1" />
</a>
<!-- MicroAdバナーここまで -->
  
<br />
Redportal theme for Ktai Style.<?php ks_switch_pc_view(); ?>
<?php /* ks_wp_footer(); */ ?>
</div></body></html>