jQueryで雪を降らせてみよう

皆さまこんにちは!

早いもので今年も残すところあと1ヶ月、光陰矢の如し、ですね。皆さま今年の目標は達成出来ましたでしょうか?
私は残念ながら、未だ何ひとつ達成出来ないままムダに年だけ取るという(笑)ってまだまだあと残り1ヶ月、最後まで頑張りますよ!(^^;A

ま、それはさておき(笑)今日はちょっと季節を感じる、jQueryで雪を降らせてみようの巻です。

今回はdivを雪の一粒に仕立て、jQueryでランダムな数値を取得・複製し、それをcssのアニメーションでループさせて雪を降らせてみようと思います。

今回作ってみるものはこちら♪
“jQueryで雪を降らせてみよう” の続きを読む

jQuery でタブを実装してみよう!

皆さまこんにちは!
暑さ寒さも彼岸まで。ようやく過ごしやすい季節になってまいりましたね!スポーツの秋、読書の秋、色々な秋がありますが、私はやはり「食欲の秋」でしょうか(笑)
さて本日は勉学の秋、jQueryとcssを連携させて、タブでページを切り替えて表示させてみようと思います。
“jQuery でタブを実装してみよう!” の続きを読む

ロリポップで複数ドメインにワードプレスをインストールしてみよう

皆さまこんにちは!
本日はロリポップで複数のドメインにワードプレスをインストールしてみます。
ロリポの説明を読んでも意外とややこしかったので、備忘録として書き留めておきたいと思います(笑)

複数ドメインにワードプレスをインストールする前に、念のため今あるサイトのバックアップを取っておきましょう。
“ロリポップで複数ドメインにワードプレスをインストールしてみよう” の続きを読む

ワードプレスのバックアップを取る方法

こんにちは!
やっと猛暑が去ったと思ったら、憂鬱な連日の長雨..(´・ω・`) 皆さまいかがお過ごしでしょうか?
秋晴れが恋しい今日この頃であります。

さて、皆さまはサイトのバックアップを定期的に取っていらっしゃいますか?
今日は案外やっていない?!ワードプレスのバックアップの取り方についてやってみたいと思います。

ワードプレスのバックアップを取ろう!

1.ワードプレスでバックアップを取る

まずは、ワードプレス側でバックアップを取ります。
ダッシュボード > ツール > エクスポート
エクスポートする内容を選択で、すべてのコンテンツにチェックを入れ、エクスポートファイル(xmlファイル)をダウンロードします。
画像の右がエクスポートされたxmlファイルです。ちなみに左は、次にやるphpMyAdminでのsqlファイルになります。
file

2.phpMyAdminでバックアップを取る

お使いのサーバーのデータベースからバックアップを取ります。ここではロリポップを例に説明いたします。
ロリポのFTPへログインし、webツール > データベース
ここでまだデータベースを作成されていない方は作成します。
すでにデータベースを作成されている方はphpMyAdminを開くをクリックしてphpMyAdminにログインしますが、その際にサーバー名のmysql◯◯◯の部分を覚えておいてください。
pma00
“ワードプレスのバックアップを取る方法” の続きを読む

Masonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その弐〜

皆さまこんにちは!厳しい残暑の候、いかがお過ごしですか?
本日は前回の続き、Masonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その弐〜をお送りします。

〜その壱〜を読んでからでないと何のこっちゃ?だと思いますので、ぜひ目を通してみてくださいませ(^^)ゞ
前回の記事はこちらです。

さて、前回の設定だけでうまくいった方もいらっしゃるかも知れません。しかし私はこの後、投稿した画像が重なって表示されてしまうという現象に悩まされました(笑)
そこで今回は、画像をきちんと読み込んでから表示させるような設定を追加します。
“Masonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その弐〜” の続きを読む

Masonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その壱〜

インターネッツの皆様こんにちは!
各地で猛暑記録更新ですね〜(++); こう毎日毎日暑いと、もはや出掛ける気力も無いのでブログが捗ります(笑)

本日は、ワードプレスでピンタレスト風レイアウトに挑戦してみよう!の巻です。

ちょっと間が空いてしまいましたが、前回の記事「ワードプレスプラグインCustom Post Type UIの使い方」の続きになります。こちらを読んでからの方がより分かりやすいと思いますので、ぜひ目を通してみてくださいませ(^^)ゞ

さて、前回はカスタム投稿タイプでgalleryという投稿ページを新たに作ってみましたが、今回はそれをJSライブラリ「Masonry」を使って、コンテンツをレンガ状に並べて表示させてみようと思います。
masonryって石工[れんが工]職、石[れんが]造りの建造物、石造建築っていう意味なんですね。
“Masonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その壱〜” の続きを読む

skrollrでパララックスのランディングページを作ってみよう〜追記あり〜

パララックスもすっかり定着した感のある今日この頃( ˘ω˘)…

webデザイナー同志の皆さま、こんにちは(^^)ゞ
本日はskrollr再び!skrollrを使ってペラいちのランディングページを作ってみようの巻です。
まずはこちらにDEMOを作ってみましたのでご覧ください。
(※firefoxブラウザではきちんと表示出来ないかもしれません。その際はお手数ですが他のブラウザでお試し下さいませm(_ _)m )

skrollrってなに?

パララックス(視差)効果で立体感のあるページが簡単に作れるJavaScriptライブラリです。スマホにも対応してます!まずはダウンロードしてみよう。
“skrollrでパララックスのランディングページを作ってみよう〜追記あり〜” の続きを読む

Jetpackのタイルギャラリーで画像をタイル風に並べてみよう

インターネッツのみなさまこんにちは!
本日はワードプレスの人気プラグイン、Jetpackのタイルギャラリーを使ってみた感じをレポートいたします(^^)ノ

Jetpackとは、30種類以上の機能を備えたプラグインです。これひとつ入れておけば大体のことは出来てしまうのでは?というくらい多機能ですのでよかったらお試しください。
“Jetpackのタイルギャラリーで画像をタイル風に並べてみよう” の続きを読む

ワードプレスのカスタム投稿プラグイン、Custom Post Type UIの使い方

全国のワードプレスラバーの皆さま、こんにちは(^^)/
今回はワードプレスに簡単にカスタム投稿ページを作成できるプラグイン、Custom Post Type UIの使い方です。

目次
1.カスタム投稿タイプとは?
2.プラグイン Custom Post Type UI をインストール〜設定
3.新しい投稿タイプのための固定ページを作る
4.Galleryの中にタクソノミー(分類)を作る
5.メニューに表示させる

“ワードプレスのカスタム投稿プラグイン、Custom Post Type UIの使い方” の続きを読む

LINEスタンプの作り方 作成編

インターネッツの皆さまこんにちは!
前回に引き続き、今回はLINEスタンプ作成編をお送りします。
これからスタンプを作ってみたいな〜と思っている皆さんに、少しでもお力になれるといいなと思っております(^^)♪

今回はスキャンしてPCへ取り込んだ画像をフォトショップとイラストレーターを使って仕上げていきます。
使用ソフトは Photoshop cs6、Illustrator cs6 です。
前回の準備編はこちら
“LINEスタンプの作り方 作成編” の続きを読む