WEB備忘録とチャリとカメラ


Wordpress

WordpressからMiddlemanブログ機能への移行

当サイトのブログをCMSのWordpressから、静的サイトジェネレーターの一つMiddlemanのブログ機能で再構築することにしました。

導入の動機は流行りもあるのですが、


Middleman フロントエンドツールで静的サイトを開発

サイトの目的に合わせて開発ツールを選択するそのベストプラクティスも最近ではそれぞれです。

動的ページ生成のようにサーバに負荷をかけずに、SPA構築のようにエンジニアに負担をかけずに、静的ページのHTMLファイルを生成してくれる静的サイトジェネレーターを導入してみました。

今回はMac OS環境での導入で、必要なRubyもgemもすでに入った状態からスタートです。


Wordpress カスタム投稿タイプを使えるようにする

WordPressでサイトをつくり投稿内容が増えてきて、タグやカスタムタクソノミーでは対応できなくなって来ることもあります。
そこで同じWordpress内で投稿の枠を自由に増やすことができるのがカスタム投稿タイプです。

カスタム投稿タイプが追加されたメニューバー

このように『投稿』以外に好きな名前(この場合は土地情報)で独立した新しい投稿欄ができます。

function.phpに以下のコードを入力。


Wordpressでアイキャッチ画像(サムネイル画像)を使えるようにする

投稿一覧ページで投稿別にアイキャッチ画像(サムネイル画像)を指定して表示する為の記事です。
これも元々Wordpressにある機能で、function.phpに記述しなければ使用することができません。

add_theme_support('post-thumbnails');
set_post_thumbnail_size( 100, 100, true );

Macのクリップボードのフォーマットや何やらをプレーンにしてくれるFormatMatchが便利過ぎました!

ブロガーや普段職場でメールなどを多様されている方向けかも知れませんが、便利なツールをご紹介します。

所謂コピペの作業、文字情報とかだと純粋にライティングの情報だけが欲しいのに、よけいな情報、例えばフォントやリンク、スタイルやらポイント、見出しやら余分なタグ情報とか…、いらない情報までコピーしてしまうことありますよね。
個人的にWordpressを納品したクライアントさんで、Evernoteで下書きしてWordpressのビジュアルで吐き出すとよけいなタグ情報がついて来ちゃうとか


Wordpress タグ要素をリストと(投稿件数)で表示させる

今回はタグで分けた要素をリストで表示して、且つ末尾に()で投稿件数を表示させるようにするという内容です。

基本的なことですが、Wordpressのオリジナルテーマですとsingle.phpに直に書いた方がわかりやすいと、個人的に思ったので今回も備忘録的なものです。

ところでカテゴリーとタグって、今でこそ使い分けが出来ますが、クライアントに説明するのって難しいですよね。
そもそもそこまでコンセプトとかテーマがはっきり見えない状態で始める場合がほとんどですし。

この手の基本的な仕分けを、カスタムタクソノミーも含めて扱えると応用が効きますよね!
(直近の


Contact form 7有効化でFoundation.jsに影響の対策

WPと『Foundation』でサイト構成、問い合わせプラグインの『Contact form 7』を有効化。
その際にFoundationのトップナビ