Clik here to view.
事務所DIYをはじめてみた
現在の事務所は、神戸の市街地と山のちょうど間くらいにあり、昼間はおばあちゃんばっかり歩いているとてものどかな場所にあります。 脇道に入ったところにある、暗くて目立たない古いアパートの屋上にあるんですが、ほとんどプレハブみたいな小屋で、トイレとか風呂とか後から無理やり付けた感じがものすごく伝わってきます。...
View ArticleClik here to view.
マウスホバーするとボーダーがアニメーションで太くなるサムネイルの作り方
サムネイル画像にマウスを合わせたとき、それがリンクになっていることをユーザーに分かってもらう必要があります。CSSによって透明度を変えるのがもっとも一般的かと思いますが、今回は画像をボーダーで囲み、マウスホバーするとボーダーがアニメーションでにゅっと太くなるサムネイルの作り方をご紹介します。 デモページ まずは仕組みから...
View ArticleClik here to view.
WordPressでアイキャッチ画像とColorboxを利用してギャラリーサイトを作る
写真のギャラリーサイトなどではサムネイル画像を一覧で表示し、それをクリックするとLightbox系のjQueryプラグインで写真を拡大表示する、というような動作をさせることがよくあります。 今回はWordPressでアイキャッチ画像機能と「Colorbox」というjQueryプラグインを利用してギャラリーサイトを構築する方法をご紹介します。 まずは仕様説明...
View ArticleClik here to view.
ヒイラギの鉢植えを植え替えた
去年の冬。神戸に来てまだ間もない頃に買ったヒイラギが先月の終わりくらいから新しい葉を付けはじめました。 もともと植物を育てる趣味はなく、たまたま通りかかった花屋で思いつきで買ってみたんですが、いざやってみると奴の一挙手一投足に一喜一憂させられっぱなしでした。...
View Articleスタティック(静的)ページをWordPressにする際によく使うタグまとめ
WordPressテーマを制作する際、まずHTMLとCSSでスタティック(静的)ページを制作し、それにWordPressのテンプレートタグを挿入して完成させるのが一般的だと思います(だよね？)。...
View ArticleClik here to view.
WordPressでカテゴリ別に記事抜粋を一覧表示する方法
ブログのトップページなどにカテゴリー別に記事抜粋を一覧表示する方法をご紹介します。ループの扱い方さえ分かってしまえば簡単にできますので、興味がありましたら是非チャレンジしてみてください。 カテゴリーIDを指定したループを設置する...
View Article可変幅のブロック要素をdisplay: inline-blockで中央寄せする方法
ブロック要素を中央寄せする場合、その要素の幅とマージンを指定します。 HTML <div class="parent"> <div class="child">このブロック要素を中央寄せ</div> </div> CSS .parent { width: 100%; } .child { width: 300px; margin: 0 auto; }...
View Article万人受けするデザインなんてしなくていいという話
「分かる人にだけ分かればいい」なんていうのは、クリエイターとしての責務を放棄していることだと思っていたわけですが。最近はむしろそっちがあるべき姿なんじゃないかと考えるようになっています。 世の中にはいろいろな境遇・環境に置かれ、いろいろな考え方をしている人がいます。で、そのすべてに「いいね」と言われるというのは実際問題不可能な話でして。...
View Article神戸に来て丸1年です。
本日、自宅の前で女の人が警察に軽自動車から引きずり出されて手錠掛けられてました。神戸は今日もエキサイティングです。こんにちは。 ベトナムから帰ってきた7月後半から何かと忙しく、じわじわと寝不足が効いてきております。三十路の身体に鞭打って頑張っております。よろしくお願い致します。...
View Article2月初旬に一時帰国します。
明けましておめでとうございます。スタジオフリータウンの柴田です。 確定申告＆運転免許の更新など、もろもろの用事を済ませるために2月初旬に一時帰国します。息子の体調次第ですが、4月中旬くらいまでは日本にいるつもりです。...
View Articleサイトをリニューアルしました。
当サイトを全面リニューアルしました。 まだコンテンツが出揃っていない部分もありますが、今月中には入れ込みたいと思っています。 息子が病気を抱えて生まれてきたこともあり、ここ2年くらいは仕事をセーブしておりました。この間、制作会社様、フリーランス仲間の皆様には大変お世話になりました。...
View ArticleClik here to view.
【初心者向け】サイトに集客する方法と実践の流れ【有料・無料】
サイトを立ち上げたけど反応が全然ないな… サイトに集客する方法ってどんなものがあるんだろう？ そんな疑問にお答えします。 この記事を読むことで、以下のことが分かります。 有料・無料のサイト集客方法 おおまかなサイト集客実践の流れ サイトに集客する方法【有料と無料があります】 サイトに集客するには、無料でできる方法と有料の方法があります。 無料のサイト集客方法 SEO...
View ArticleClik here to view.
初心者はPASONAの法則に当てはめて書きまくれ【コピーライティング】
セールスレターってどうやって書くの？ 反応のとれる文章の書き方が分からない ホームページを運営している人なら、 こんな疑問を持ったことがありますよね。 今回は、こういった疑問を一気に解消できる「PASONAの法則」についてお伝えしたいと思います。 この記事の内容 誰でも反応が取れるPASONAの法則とは？ コピーライティングを上達させるには 初心者はPASONAの法則に当てはめて書きまくれ...
View ArticleClik here to view.
Webマーケティングって何すればいい？必要となる基礎知識をおさえよう
Webマーケティングの基礎知識 ホームページを使って集客したい ホームページから商品・サービスを売りたい あなたもそんな思いから、ホームページ開設を考えたのではないでしょうか？ でも、どうすればホームページに人を集めて商品を売ることができるのか。その具体的な方法までは、いまいちイメージができないかもしれません。 よく言われていることだと… SEOをして検索エンジンからの流入を獲得する...
View ArticleClik here to view.
ホームページの成功は制作前に決まっている！？しっかり企画を練ってライバルに差をつけよう
ホームページの成功は制作前に決まっている！？しっかり企画を練ってライバルに差をつけよう ホームページを作ると聞くと、まず何をするとイメージしますか？ もしかしたら、いきなりフォトショップなどでデザインしはじめると思われていたかもしれませんね。 でも実は、そうしたいわゆる”デザイン”は、ホームページ制作における全工程の後半以降です。 ホームページを作るためにまずやること。...
View ArticleClik here to view.
ホームページの使い心地が決まる！ホームページの設計図を作ろう
ホームページの使い心地が決まる！ホームページの設計図を作ろう リサーチを経てコンテンツが出揃ったら、次はそれらのコンテンツをホームページにどう配置していくか、また今後運用していくにあたってどのような機能があると便利かなどを検討し、”設計図を作っていく”フェーズに移ります。 サイトマップの作成 ワイヤーフレームの作成 実装する機能の選定 などを通して、ホームページの全体像をつかんでいきます。...
View ArticleClik here to view.
ホームページ制作にはどんな工程がある？ライティングやコーディングなどの流れを解説
ホームページ制作にはどんな工程がある？ライティングやコーディングなどの流れを解説 企画・設計の工程を経て、ホームページの材料が揃いました。 次はいよいよ、実際にホームページを形にしていく制作の部分です。 ライティング デザイン コーディング ワードプレス構築 実際の制作現場では多少前後することがありますが、基本的に上記の順番で作業を進めます。...
View Article
