Pinterest風レイアウトのWordPressテーマ「Gridly」の初期ロード時の崩れを修正

最初に体裁を整えるためのjQuery(masonry)が走っているのですが、機転のトリガーになるものが指定されていないので、

画像などが読み込まれた後(サイズなどが取得できた後)に動くよう、

/wp-content/themes/gridly/js/functions.js?ver=3.4.2

// masonry code 
$(document).ready(function() {
  $('#post-area').masonry({
    // options
    itemSelector : '.post',
    // options...
  isAnimated: true,
  animationOptions: {
    duration: 400,
    easing: 'linear',
    queue: false
  }
	
  });
});
 
下記のように$(window).load()を追記
// masonry code 
$(document).ready(function() { $(window).load(function(){
  $('#post-area').masonry({
    // options
    itemSelector : '.post',
    // options...
  isAnimated: true,
  animationOptions: {
    duration: 400,
    easing: 'linear',
    queue: false
  }
	
  });
 });
});

これで多少崩れにくくなりました。

レイアウトでinline要素がかなり使われているのでその辺りはCSSに手を入れていこうと思います。

GumroadにてガーリーなWordPressブログテーマを公開

Blogdesign 01

ガーリーなデザインのWordPressテーマをGumroadへ公開しました。

現状、Alpha版でとりあえず見える程度ですが、レスポンシブデザインでスマートフォンにも対応しているので背景画像とタイトルロゴファイルを変えて自分のデザインでといった時にも使えると思います。

海外のファッションブログなどを参考に、記事の幅100%で画像が表示されるようにしており、スマートフォン上でも画面幅に最適化されるようにリサイズ処理をCSSにいれています。

不具合な都度対応でbeta→正式版へとバージョンアップする予定です。

仕様はHTML5 / CSS3 / less.js / jQuery。

今のところ$5。

サンプル / ダウンロード($5)

EvernoteからWordPressに投稿する方法。

Evernoteにブログのネタを書き溜めたりする方は多いと思うのですが、共有からブログへアップロードといった機能がないのでどうしようかと思っていたところ、とりあえずコピペで記事だけでも出来ないかと思い、試してみました。
結論としてはあっさりコピペで記事を貼付けることが出来るようで、この記事もEvetnoteからコピペで更新してみました。
欠点としては文章が<p>ではなく<div>で区切られるため、レイアウトを考慮するためには、投稿記事の表示エリアの<div>に対してCSSで指定をする必要があるところ。
それ以外は画像も表示されているので問題なさそうでした。
もしかするとアメブロなども可能かもしれません(試していないのでわかりませんが・・・)
普段はMarsEditを使って記事を書いているのですが、Evernoteがあれば思いついたときにすぐ記事を書き始めることが出来便利ですね。

ロリポップとチカッパにWordPress自動インストールツール・・・

ついに、ロリポブログとチカッパ!ブログは追いやられてしまったのか、それとも便利だからありなのかわかりませんが、ロリポブログ→チカッパ!ブログ→WordPressと乗り換えてきた自分は、これで終わるのか、それともプラグインやテーマをオリジナルで作って公開するのか、今後のペパボが気になります。

MySQLとPHPが使えれば基本的に5分もあれば設置が完了してしまうWordPressはやっぱり楽。

この1年特に不具合に悩まされることもなく、順調に動いている。ただ、やっぱりデータベースを使うのでたまに整理しないといけない。でもそれもプラグインでカバーできてしまう範囲。

やっぱり時代はWordPressなのかな?





iPhone / iPod touchでWordPressに写真付きで投稿するとき便利なアプリ



iPhoneやiPod touchからブログ(Wordpress)に投稿するとき、まずやっておきたいのが画像の加工。

フリーでもいろいろアプリがあるなかでオススメなのが、photoshop.com Mobile。
Photoshop.com Mobile
普段つかうような最低限の機能が収められ、色調補整以外にも、トリミングや回転が可能です。

そして、投稿もアプリ「wordpress」から。
WordPress

あらかじめ、自分の使っているWordpressを登録しないといけないですが、その後は投稿+管理ができます。