あらびき林檎。 » WordPress http://splitchin.com/tech Macや, iPhoneでの,Webデザイン,アプリ開発などを綴ってます。 Sat, 04 Sep 2010 15:49:45 +0000 http://wordpress.org/?v=2.9.1 ja hourly 1 Twitter-Tools – WordPressの記事更新を、Twitterに通知するプラグイン http://splitchin.com/tech/2010/01/10/twitter-tools-wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e6%9b%b4%e6%96%b0%e3%82%92%e3%80%81twitter%e3%81%ab%e9%80%9a%e7%9f%a5%e3%81%99%e3%82%8b%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3/ http://splitchin.com/tech/2010/01/10/twitter-tools-wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e6%9b%b4%e6%96%b0%e3%82%92%e3%80%81twitter%e3%81%ab%e9%80%9a%e7%9f%a5%e3%81%99%e3%82%8b%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3/#comments Sun, 10 Jan 2010 13:04:08 +0000 admin http://splitchin.com/tech/?p=570 WordPressで投稿した記事を、自動でTwitterにつぶやきとして、投稿してくれる、WordPressプラグイン「Twitter-Tools」を試してみました。

1. Twitter-Toolsの特徴

  1. Twitterに送信したつぶやきを、ブログの記事として保存する
  2. Twitterに送信した1日分のつぶやきをまとめて、ブログの記事として保存する
  3. WordPressの管理画面からTwitterにつぶやきを送信する
  4. ブログに記事を書いたときにTwiterにつぶやきを送信する
  5. サイドバーにTwitterの最新つぶやきを表示する
  6. サイドバーからTwitterにつぶやきを送信する

今回は、4.の用途で使ってみました。

2. Twitter-Toolsプラグインのダウンロード

WordPress　Twitter-Tools

WordPressプラグイン、Twiiter-Toolsをダウンロードします。
http://wordpress.org/extend/plugins/twitter-tools/

DLした、「twitter-tools」をフォルダごと、Wordpressディレクトリ
「wp-contents/plugins/」にアップロードします。

3. WordPressでの、Twitter-Toolsの設定

WordPressの管理画面、「プラグイン」から、twitter-toolsの設定をします。

twitter-tools plugin

「Twitter-Tools」の「Setting」をクリックして、Twitterアカウントと、その他投稿について設定します。
Twiiter-Tools 設定画面

今回は、WordPress→Twitterなので、アカウントの設定と、つぶやき時に、URLの前に表示されるテキスト、Prefixの設定をしてみました。

WordPressから、記事を投稿して、確認。

TweetDeck

Twiiterに、WordPress記事の投稿が、送信されました！

]]> http://splitchin.com/tech/2010/01/10/twitter-tools-wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e6%9b%b4%e6%96%b0%e3%82%92%e3%80%81twitter%e3%81%ab%e9%80%9a%e7%9f%a5%e3%81%99%e3%82%8b%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3/feed/ 0 ブログの記事を、TwitterにRTさせる方法。 http://splitchin.com/tech/2009/12/25/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e3%80%81twitte%e3%81%abrt%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9%e6%b3%95%e3%80%82/ http://splitchin.com/tech/2009/12/25/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e3%80%81twitte%e3%81%abrt%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9%e6%b3%95%e3%80%82/#comments Thu, 24 Dec 2009 15:01:25 +0000 admin http://splitchin.com/tech/?p=133 このブログの↑にもあるのですが、
記事のURLをTwitterにRTさせる方法です。

1. 画像ファイルをDLしてきて、サーバにアップします。

例）twiiter

2. 挿入したいHTMLの箇所に以下のソースを編集して貼る。

  • html
<a href="http://twitter.com/home?status=RT @(twitterアカウント）（記事のタイトル）（記事のURL）" target="_blank" title="この記事をtwitterにRT"><img src="（twittee画像のURL）" alt="twitterへRT" width="71" height="16"></a>
  • WordPressの場合
<a href="http://twitter.com/home?status=RT @(twitterアカウント）<?php wp_title(); ?> <?php the_permalink(); ?>" target="_blank" title="この記事をtwitterへRT"><img src="（twitter画像のURL）" alt="twitterにRT" width="71" height="16"></a>

]]> http://splitchin.com/tech/2009/12/25/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e8%a8%98%e4%ba%8b%e3%82%92%e3%80%81twitte%e3%81%abrt%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9%e6%b3%95%e3%80%82/feed/ 0 wp.VICUNA　ウィジェット対応 http://splitchin.com/tech/2009/12/24/wp-vicuna%e3%80%80%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e5%af%be%e5%bf%9c/ http://splitchin.com/tech/2009/12/24/wp-vicuna%e3%80%80%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e5%af%be%e5%bf%9c/#comments Thu, 24 Dec 2009 13:15:24 +0000 admin http://splitchin.com/tech/?p=123 このサイトは, wp.VICUNA(http://wp.vicuna.jp/)の,
WordPressテーマを使用させて頂いてるのですが、

wp.VICUNAの利点

  • XHTML1.0 Strict DTD準拠
  • シンプルなXHTML構造
  • 表示が軽い
  • SEOを高めるサイト内リンク構造
  • 簡単にカスタマイズ可能な専用スキン
  • 無料で個人・商用利用可能

デフォルトだと、ウィジェットに対応してないのが残念です。

wp.VICUNA Ext

http://ma38su.org/projects/vicuna-ext/

  • スキンの切り替え
  • 表記言語の切り替え
  • Eye Catchの切り替え
  • グローバルナビゲーションの表示切り替え
  • 各ページ毎のレイアウト設定
  • Widgetによるサイドバーのカスタマイズ

各種、拡張機能つきExtテーマがあるので、
ウィジェットなどを使用する際は、こちらを使う方が良いかもしれません。

wp.VICUNA のウィジェット対応

Extに変えるのが一番いいのでしょうが、
デザインを調整する手間を考えて、応急処置をしてみました。

■参考サイト

functions.php

/**
 * Add Widget
 */
if ( function_exists('register_sidebar') )
    register_sidebars(2,array(
        'before_widget' => "",
		'after_widget' => "\n\t\t</dd>\n",
		'before_title' => "\t\t<dt>",
		'after_title' => "</dt>\n\t\t<dd>\n\t\t\t",
    ));

この場合、
3カラムレイアウトで、ウィジェット領域が、left, right ２領域、
<dt><dd>に対応。

sidbar.php

	<!-- Widget -->
		<?php if ( function_exists('dynamic_sidebar') ) dynamic_sidebar(); ?>
	<!-- /Widget -->

サイドバー１

	<!-- Widget -->
		<?php if ( function_exists('dynamic_sidebar') ) dynamic_sidebar(2); ?>
	<!-- /Widget -->

サイドバー２

]]> http://splitchin.com/tech/2009/12/24/wp-vicuna%e3%80%80%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e5%af%be%e5%bf%9c/feed/ 2 ソースコードをWebで表示する SyntaxHighlighter http://splitchin.com/tech/2009/12/17/5/ http://splitchin.com/tech/2009/12/17/5/#comments Wed, 16 Dec 2009 15:01:06 +0000 arakkyee http://splitchin.com/tech/?p=5 プログラムのソースコード（HTML, JavaScript, PHP)など、
Webで表示するのは、エスケープ処理などあって、面倒でした。

よく、行番号と、カラー分けでコードを表示しているテック系の
サイトを見かけるので、ライブラリを探してみました。

コードをそのまま表示するためのライブラリ、「SyntaxHighlighter」.
このブログはWordPressベースなので、JSとWordPressプラグインと
２通りのやり方を試してみました。

方法 1.） JavaScript

方法 ２.）WordPress プラグイン

［code language=”"js"”］・・・［/code］のように書きます。（［　］は半角記号に）

<ul>
<li>test</li>
</ul>

対応言語

言語 エイリアス
C++ cpp, c, c++
C# C#, c-sharp, csharp
CSS css
Delphi delphi, pascal
Java java
Java Script js, jscript, javascript
PHP php
Python py, python
Ruby rb, ruby, rails, ror
Sql sql
VB vb, vb.net
XML/HTML xml, html, xhtml, xslt

]]> http://splitchin.com/tech/2009/12/17/5/feed/ 0