100%GPL のメディア/ブログ向け WordPress 有料テーマ Snow Monkey を公開したので、実現したかったことや技術的なことなどいろいろ
WordPress の有料テーマをつくって販売したいとかねてから言い続けておりましたが、やっと公開できる状態になりました。テーマの特徴やら何やらは、マニュアルとデモを兼ねた公式サイトを見ていただくとして、ここでは概要と、有料テーマをつくる上でいろいろ考えたことを書きたいと思います。 100% GPL で、さらに、購入しなくてもコードを見たり試したりすることができる状態にしたい まずこだわったのは「100% GPL で、さらに、購入しなくてもコードを見たり試したりすることができる状態にしたい」ということでした。 そもそも 100%GPL とはなにか WordPress コミュニティではすでに知らない方はいないんじゃないかと思いますが、コミュニティ外の方だと知らない方が多いのではないかと思いますので一応説明を。WordPress はライセンスが GPL となっているため、WordPress の
FlexboxベースのレスポンシブStylus/CSSフレームワークBasisをつくったので設計思想や特徴など
これまで Basis は Sass/CSS フレームワークとして開発していましたが、先日書いた記事（SassからStylusに乗り換えてみたので違いや躓いたところなど）のとおり Stylus がなかなか良さ気だったので Stylus 版の Basis を作りました。 その中で、Stylus でやるなら単純に Sass を書き換えるだけじゃなく設計から変えたほうが良いのではないか？という気がして内部的には結構書き換えを行ったりしたので、その辺りも含め、Basis とは何か、どういう思想に基づいて開発しているのか、等改めてまとめてみたいと思います。 Basis Stylus 版ドキュメント https://getbasis.github.io Basis の設計思想 Basis は「どんな Web サイトの制作にも適用でき、簡単に使え、邪魔にならない CSS フレームワークが欲しい」との思いか
Gulp + browserify + watchify + gulp-sass で自動高速コンパイル環境
Gulp とは Gulp は Web 制作に関するいろいろな作業を自動化するためのツールです。Sass のコンパイルや Gulp の使用には node.js や Sass などのインストールが必要なので、ちょっと古い記事ですが下記を参考に適当にインストールしてみてください。 browserify とは そんなに詳しくないのですが、browserify はざっくりと言えば js で requireを使えるようにするためのツールです。今までであれば複数の js ファイルが必要な場合、例えば、a.js と、a.js がないと動かないb.js を読み込む場合だと、HTML ファイルに下記のような記述が必要でした。 // index.html <script src=".js/a.js"></script> <script src=".js/b.js"></script> browserify を使
さくらのレンタルサーバーにWordPressをデプロイするのはVCCW + Wordmoveが最高に捗る
@inc2734 @Toro_Unit それだ！ブログに書いてーｗ — Takayuki Miyauchi / Geolonia (@miya0001) December 8, 2014 ということだったので、VCCW + Wordmove でさくらのレンタルサーバーに一発で簡単デプロイする方法を書きたいと思います。@Toro_Unitさんがすでに記事をかかれているので良いかなとも思ったのですが、僕は公開鍵認証を使った方法でやってて、紹介されている方法と少し違うようでしたので、公開鍵認証を使った方法をご紹介します。 なぜ公開鍵認証？ 公開鍵認証の設定を行っていれば、sshでログインしたりWordmoveでデータのアップロード・ダウンロードするときにパスワードを入力する必要がなくなります。本当はパスワードログインも禁止したいのですがさくらのレンタルサーバーで方法あるのですかね？ 鍵を作成して
WordPressでの開発をちょっと楽にするプラグイン MW WP Hacks を公開しました。 | モンキーレンチ
WordPressでコーポレートサイトを構築するときに、毎回functions.phpに書いているコードがあって、それに修正があったり、ちょっとした変更の際にオプション的に設定変更ができたら便利だなーと思っていました。そこで、それらをプラグインとして1つにまとめてみました。ついでに設定ページもつけたので簡単に設定することができます。 MW WP Hacksでできること プロフィールページにGoogle+ IDの入力フィールドを追加 プロフィールページに追加されたGoogle+ IDの入力フィールドにID（半角数字）を入力すると、シングルページを表示した際、head内に次のタグを出力します。 <link rel="author" href="https://plus.google.com/{ID}/" /> メインフィードに表示する投稿タイプを設定 設定ページからメインフィードに表示する投稿
WordPressの記事に終了日時設定を付加するプラグイン「Post Expirator」 | モンキーレンチ
WordPressは、デフォルトでは記事の公開終了日を設定するような機能はありません。そのような機能が欲しいときは「Post Expirator」で実現できます。 使い方 WordPressの管理画面でプラグイン検索するか、Post Expiratorからダウンロードしてインストールします。設定->Post Expirator に設定画面が追加されますが、特に設定変更無しで使用できます。 注意点 Post Expirator、そのまま使うと現時間より-9時間のずれが生じてしまいます。調べてみると、下記のような感じでコアコードを書き換える方法がヒットしました。 WordPressのプラグイン・Post Expiratorの時間のズレを修正 | WordPress Mania counterize IIのカウンターのリセット時刻やPost Expiratorの設定時刻のずれの対処法 コアコード
ページ内で気持ち良いスムーススクロールするためのjQueryプラグイン作った。 | モンキーレンチ
ページ内リンクをクリックした場合にスムーズにスクロールするようにしてくれるjQueryプラグインです。同じようなプラグインはたくさん公開されているのですが、これだ！というのがなかなかなかったので自作してみました。 ダウンロード jquery.smoothScroll.jsをダウンロード デモページ デモページ 使い方 下記のような感じでjQueryとjQuery.smoothScroll.jsを読み込みます。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery.smoothScroll.js"></script> あとは普通にペ
Custom Field GUI Utilityでeditorが無いときにもメディアアップローダーが使えるようにする | モンキーレンチ
WordPressの貧弱なカスタムフィールド機能を飛躍的に便利にするプラグインCustom Field GUI Utility。最近までWordPress3.3に対応しておらず、一部修正して使っていたりしたのですが、WordPress3.3対応版がリリースされたようなので試してみました。 バリデーション機能などの便利な機能が増えていますが、普通に上書きアップロードしてもそのまま使えました。ただ、imagefieldを使っている場合、editor（記事入力欄）が無いと、なぜかメディアアップローダーのボタンがでてこない不具合が。 ググッてみると、フォーラムに同じ症状の方が質問を投げているようですが、解決策は出ていない様子。そこで、Custom Field GUI Utilityのコードを解析してみました。 メディアアップローダーの表示の仕組み cfg-utility.js // アップロードボ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モンキーレンチ
簡単サクサク！鶏ささみのフライの作り方 | モンキーレンチ
比較的簡単にEC-CUBEの新着情報をタイトル一覧=>記事一覧にする方法 | モンキーレンチ
2011年を振り返る | モンキーレンチ
ブログ