Author Archives: taikiken

Memo, WordPress投稿時にTwitterへ自動投稿するためのTwitter Application設定

Posted on by
Reply

WordPress投稿した時にTwitterへ自動投稿。

WP to Twitter プラグインをインストール。
Plugin Site: http://www.joedolson.com/articles/wp-to-twitter/
Download: http://wordpress.org/extend/plugins/wp-to-twitter/

Twitterでアプリーケーション登録
https://dev.twitter.com/apps

Twitterアカウントでログイン

OAuth settings
Access LevelがRead Onlyになっていたら[Settings]で変更。

Your access token
Read writeになったことを確認後[access token]を取得

Consumer key, Consumer secret, Callback URL, Access token, Access token secretを設定

プラグインの「機能チェック」をクリックして確認。

WP to Twitter は Twitter への投稿に成功しました

となればOK。

Web稼働状況を監視してくれるtongbiマジやばい

Posted on by
Reply

関西のホスティング会社のfirstServerさんが新規サービスを開始しています。

tongbi

Tongbiは無料のWEBサイトモニタリングサービスです。Tongbiはいつでもあなたのそばにいます。

Webの稼働状況を監視してくれるサービスです。

こちらのブログが詳しい。
ウェブマスター制作者におすすめ！無料のウェブサイト監視ツール「Tongbi」

TwitterかFacebookアカウントでログイン。
Chrome エクステンションをインストール。
監視サーバーを登録。

あとは問題があるとポップアップでお知らせしてくれます。

これは助かる。
今までもいくつか稼働状況を監視するサービスを使用したことがありますが”tongbi”の通知が一番便利です。

このブログを監視させてすぐにアラートがtongbiから…
サーバーのインフォメーションにしっかりと障害情報がorz

ありがたく使わせていただくとにします。

WordPress, 投稿画面(HTML)の御作法

Posted on by
Reply

WordPressで記事を追加するときに投稿用フォームから追加します。

そんなこと分かってらい！ですよねぇ。

HTMLタグとか分かっていると「ビジュアル」じゃなくて「HTML」モードで追加しちゃう方が手軽だったりします。
私もビジュアル・モードで入力することはまずありません。

で、このHTMLモードで入力するときに慣れたエディタ Dreamweaver なんかでコード入力してコピペしたりしてませんか？
悪くは無いけど注意しないといけないことがあります。

pタグとbrタグは入力しない

pタグとbrタグはWordPressが自動的にHTML整形するときに挿入します。
プラグインなどで抑制することはできますが仕様なのでそれに従っていた方が後々面倒にならないような気がします。

投稿画面で
改行が一つのところには brタグ
が
改行が二つ続いたところには pタグ
が
挿入されます。

改行が二つ以上、三とか四続いても二つ扱いになります。

imgタグ一つだけしか入力していない場合も pタグ でwrapされます。

HTML整形部分のコードを見たわけではないですが条件によっては入力した pタグ が消去されてしまうこともあるようです。

私はここの改行は brタグ が入るとかここは1行空いてるから pタグ になるとか想定しながら入力しています。
pタグが入るのが嫌なら divタグ を使います。
当然 divタグ を入れた次の行は空行にしてはダメです。

WordPressもバージョンが上がってこのHTML整形部分の精度はかなり向上しています。
以前はXHTMLなのに pタグの閉じタグだけ追加してValidにならないこともあったりしてイライラさせられたりしましたが、そんなことも随分ご無沙汰です。

これは趣味の問題ですが、インデントも取っちゃいます。

てな話をチョイ前にtacosbarのマスターと話してて、入力しても入力しても pタグ が消えるのはWordPressのバグじゃないのかとかお怒りのご様子でした。
pタグにidとかclassとか設定してたらしいんですけど。
pタグ入力しちゃダメとかどっかに書いてありますか、と問いつめられたのでブログに書くことにしました。

Codexのどっかに書いてあるのでしょうか。

WordPress管理画面にユーザー名とパスワードは正しいのにログインできない

Posted on by
Reply

あるサイトで特定のブラウザ（例えばChrome）だとWordPress管理画面にログインできないことが続いていました。

なんでかなとは思いつつ、WordPressのバグだと世界中大騒ぎになるはずなのにそんなこともなく、自分の環境かサーバーのせいだとほったからしていました。
そのサイトだけは通常使用しているブラウザではなくログインできるブラウザに切り替えてましたが、これが不便。

ふとURLをみると…

http://www.example.com/wp/wp-admin にアクセス

ログイン画面にリダイレクト

http://example.com/wp/wp-login.php?redirect_to=http%3A%2F%2Fwww.example.cm%2Fwp%2Fwp-admin%2F&reauth=1

あれれ？wwwがない！

このサイト http://www.example.com/ にアクセスすると http://example.com/ にリダイレクとする仕様になっている様子。

ふ〜ん、アクセスURLとリダイレクトURLが違うからログインできなかったのね。
ではwwwなしでアクセスしましょっと。

WP Remote Manager, 複数WordPressサイトを一元管理

Posted on by
Reply

神戸の元気な会社、「め組」でも有名なDigitalCubeの新サービス。

WP Remote Manager
複数のWordPressを一元管理できる新サービスのβテストが開始されました。
http://wp.remotemanager.me/ja/

βテスト中は3サイトを無料で管理できる様子。

このサービス有ると助かること間違いない！

色々と今後に期待大です。

WP Remote Manager

WordPress, Category ArchiveでもStickyさせたい

Posted on by
Reply

WordPressで投稿にSticky（先頭に表示）してもCategoryページだと反映されません。

で、次のようにしてみました。

// sticky
$args = array(
	'posts_per_page' => 1,
	'post__in'  => get_option( 'sticky_posts' ),
	'ignore_sticky_posts' => 1
);
query_posts( $args );
while ( have_posts() ) : the_post();
	get_template_part( 'content', get_post_format() );
endwhile;
wp_reset_query();
 
// 残りの投稿
$wp_query->query_vars['post__not_in'] = get_option( 'sticky_posts' );
query_posts( $wp_query->query_vars );
while ( have_posts() ) : the_post();
	get_template_part( 'content', get_post_format() );
endwhile;

【メモ】WordPress, テーマ内のJavaScriptをwp_enqueue_scriptに追加

Posted on by
Reply

テーマ内に置いたJavaScriptファイルをwp_enqueue_scriptで呼び出せるように設定する。

functions.php

function js_enque_method() {
   wp_register_script('example_script',get_bloginfo('template_url').'/js/example.js','jQuery','1.0');
   wp_enqueue_script('example_script');
}
add_action('wp_enqueue_scripts', 'js_enque_method');

テーマ内に[js]フォルダを作り、そのフォルダ内に[example.js]があります。
example.jsのVersionは1.0です。
example.jsはjQueryを必要とします。

CodaでもjQueryのコード補完をして欲しい

Posted on by
Reply

Codapanic.com の editor Coda がすこぶる便利です。

WordPressのThemeやPluginはほぼCodaで書いています。

一つだけ不満だったのはjQueryのコード補完ができないことです。
Twitterでそのことを愚痴ったら、@kzxtremeさんから jquery syntax mode って便利なものが公開されていると教えてもらいました。

http://digitalsandbox.net/index.php/project/category/jquery_syntax_mode/jquery_syntax_mode

サイトに丁寧に解説されているのでインストールも簡単でした。

digitalsandbox.netからzipファイルをダウンロードし解凍します。
解凍フォルダの .mode ファイルは ~/Library/Application Support/Coda/Modes/ にコピーします。
.clips ファイルはCodaを起動し「クリップ」ウインドウを開きます。ウインドウ > クリップ (⌃⌘C)
「クリップ」ウインドウの左サイドバーで右クリックし「グループの読み込み…」を選択し .clips ファイルを選択します。

Codaで使用は構文モードを jQuey を選択です。

jQuery コード補完はしてくれて嬉しい限りです。
まぁ、最新1.7系が出てこないのはしょうがないですかね。

クリップは他のeditorだとsnippet機能みたいなものでしょうか。
インストールした .clips には以下のものが入っていました。

ready+tab:
$(function() {
/*place jQuery actions here*/
 
});
 
$+tab:
$(’‘)
 
this+tab:
$(this)
 
func+tab:
function() {
 
}

func+tab: は補完の方が強いようで function になってしまいます。
fc+tab に変えました。

変更方法は 「クリップ」ウインドウ Function の [i] ボタンをクリックすると編集モードになります。
好みのキーコンビネーションに変えて「保存」をクリックするだけです。

ますますCodaが便利になりました。