tande lab.

Archive
WordPress

Twitter 利用規約変更に伴い、ずっと愛用していた Add Twitter @Anywhere プラグインが使えなくなります。

Twitter、WebサイトにTwitter機能を埋め込む「@Anywhere」を終了 12月6日までに移行を – ITmedia ニュース

Add Twitter @Anywhere プラグイン については以下を参照。
前記事 – [WordPress] Twitterユーザ名に自動リンクを貼るプラグイン

まじで不便なんですけど!と思って、代替方法を探してみましたらありました。
ありがたや、ありがたや。
【WordPress】Twitter @Anywhere の自動リンクを代替する魔法のスクリプト | 代助のブログ

12/6 を待たなくても先に対応しておいた方が良かろう、てことで対応してみました。
マウスオーバーで表示されていた吹き出しはなくなってしまいますが、とりあえずこれで十分!

以下を functions.php に記述するだけです。

//////// twitter acct auto-link generator - "twitter @anywhere plus" base
function add_twitter_link($content) {
    $pattern= '/(?&lt;=^|(?&lt;=[^a-zA-Z0-9-<em>&#92;.]))@([A-Za-z]+[A-Za-z0-9</em>]+)/i';
    $replace= '@&lt;a href=&quot;https://www.twitter.com/$1&quot; target=&quot;_blank&quot;&gt;$1&lt;/a&gt;';
    $content= preg_replace($pattern, $replace, $content);
    return $content;
}
add_filter( &quot;the_content&quot;, &quot;add_twitter_link&quot; );

Twitter の利用規約変更で、利便性がどんどん損なわれていっていってるけど、Twitter これでいいのかな。

Read More

こんにちは。

軽量マークアップ言語 ってご存知でしょうか。
Wikipedia によりますと、

人間がシンプルなテキストエディタを使っての入力が容易になるように設計された、簡潔な文法をもつマークアップ言語

規格とともにパーサが実装されており、XMLなどのマークアップ言語に変換して使用することができる。

となっています。

要は長い文章を書くときに、
軽量プレーンテキストでも読みやすく、
かつ XML や HTML などに容易に変換できるテキスト記法のことです。

世の中にはたくさんの 軽量マークアップ言語 が存在するわけなんですが
今回は Pukiwiki記法 と Markdown記法 について思うところを書いてみました。

Read More

最近、Facebook に記事をシェアしてもらえることが増えて嬉しいぃ!
ありがとうございますありがとうございます。

で、せっかくシェアしてもらったのを見るとこんなんなってしまってるのですね。
https://lh5.googleusercontent.com/-fEuxjtnLSKI/UAQXofET2DI/AAAAAAABGEo/iv4RvGBbPsg/s800/120716-0011.png

クックパッドの記事なのに、さよなら全角英数のサムネイルになってる!
それ違う、違うんですー!

いろいろ調べましたら、OGP っていうのを設定してやらないと
うまく Facebook に情報が流れないようです。

何それ…。

Read More

今まで、人気記事の表示には WordPress Popular Posts という
WordPress プラグインを使って表示するようにしていたのですが、
はてブのブログパーツに切り換えてみました。

こんな風に。
https://lh4.googleusercontent.com/-KKKC-m94mmo/T_6YN1N-pPI/AAAAAAABGAY/IlbPh-5C9pU/s800/120712-0004.png

はてなブックマークブログパーツ のページで
"ブログのサイドバーに人気記事を表示" を選んで設定できます。

Read More

Twitter Bootstrap をWordpressで気軽に導入できるプラグインがあったー。
WordPressのショートコードを使って設定できるみたい。便利そう。

WordPress Twitter Bootstrap CSS Plugin Home | Worpit: Rapid WordPress Admin

My image

色々調べたらとても丁寧に紹介されている記事も見つけました。
最新Twitter Bootstrapを一発で導入しちゃうWordPressプラグイン – はじめよう

ショートコード例と実際に表示されるボタン画像も載せられていてとても分かりやすいです。

Read More

ポートフォリオページをブログ記事ページとは別にちゃんと作りたくて
既存テーマをだましだましカスタマイズして利用するか、
いよいよWordPressテーマを一から作るのに挑戦するか、
どちらにしても時間がかかりそうで、どうしようかなーと思っていたのですが、
どんなテーマでもすぐにポートフォリオページを追加できるプラグインを見つけてしまいました。

Portfolio Post Type プラグインです。
WordPress 3.0以上で使えるようです。

利用には別途、
Options Framework プラグインのインストールも必要です。

色々探してみたけど、日本語で解説しているサイトがなかったので噛み砕きながら解説します。
作者さんありがとうございます!!

Read More

WP-Table Reloaded プラグイン を使った表組みで、漢字英数かな混じりの項目を

  • 五十音順順 にソート
  • ひらがな でも検索ヒット

できるようにする方法を紹介します。

某サイトを構築している際に ”ふりがな項目” を新たに列に加えずに、そこそこ大量の項目を五十音順で並び替える必要があったのでそのときのメモです。

WP-Table Reloaded プラグイン 自体の使い方については 前記事 – [WordPress] CSVエクスポート&インポート可能な表組を簡単に組み込めるプラグイン を参照してください。

CSSを利用した単純な工夫ですが、以外と使えると思います。

Read More

functions.php に以下を追記することで
url入力したサイトのスクリーンショットを手軽に貼付けることができます。
スクリーンショットには自動でリンクが貼られます。

//URLを入力しスクリーンショットを撮る
function wpr_snap($atts, $content = null) {
	extract(shortcode_atts(array(
		"snap" => 'http://s.wordpress.com/mshots/v1/',
		"url" => 'http://tande.jp/',
		"link" => '',
		"alt" => 'My image',
		"w" => '480', // width
		"h" => '360' // height
	), $atts));

	if($link == '') { $link = $url; }
	$img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
	return '<p>' . '<a href="' . $link . '" target="_blank">' . $img . '</a>' . '</p>';

}

add_shortcode("snap", "wpr_snap");
Read More

WordPressのカスタマイズするときに、
phpのコアファイルとか、適用中のテーマやプラグインのCSSを直接いじってしまってたんですけど、そうするとアップデートしたときに元通りになっちゃった!
あわわーってなってしまうこと数回…orz。

で、色々調べるとWordPressにはそれを回避できる「子テーマ」っていうすばらしい仕組みが用意されているんですね。コアファイルやテーマ自体は全くいじらず、変更したい箇所だけ別ファイルで準備できるというものです。

以下、使い方の説明です。

Read More

最近色んなところで見かけるので、zenback を設置してみました。
自分のブログ記事に、関連記事やTwitter、Facebookなど色々な関連情報を一度に表示してくれるサービスです。

zenback
zenback

Read More