Clik here to view.
.htaccessとは？WordPressをコアサーバーで動かす時の注意点
（今回の記事は色々なサイト様から情報をかき集めて自分なりの解釈を書いたものです。もし間違いがありましたらご指摘等いただけると幸いです） コアサーバーの特徴とは？ コアサーバーとはいくつもあるレンタルサーバーの中の一つです。私にとっては初のレンタルサーバーですが、周りの方から「価格は安いし、押さえる所はキッチリ押さえている」との評判を聞きこちらに決めました。...
View ArticleClik here to view.
残すところあと数時間！2011年を振り返るとともに心動かされた記事を紹介
一年を振り返って 1月 自分のふがいなさにモヤモヤ Webデザイナー歴がそろそろ丸1年になろうとしていたところ。 一応「Webデザイナー」という肩書きでお仕事させてもらっているものの、スキルが低いためまだあまりデザインの仕事がなく、「本当に自分は『デザイナー』として会社の役に立てているのだろうか」などと焦ったり、ちょっとモヤモヤしていた時期。...
View ArticleClik here to view.
Twitterアカウントへのリンクやアイコンを表示してくれるプラグイン「Twitter @ Anywhere Plus」
はじめに 私が使っているのは「Twitter @ Anywhere Plus」です！ え、なんでまた宣言したの？と思うかもしれませんが…実は私、この記事を書くまで自分が使っているのは「Add Twitter @ Anywhere」というプラグインだと思ってたんですね。どっちも似たような名前ですが。 どちらもTwitterアカウントへのリンクを自動で貼ってくれるプラグインです。（「 Add...
View ArticleClik here to view.
コアサーバーでphpMyAdminにログインできない時にチェックする3つのこと
手っ取り早くチェックしたい人はこちら。 ユーザー名・パスワードを勘ぐりすぎていませんか？ 「.htpasswd」の設定が間違っていませんか？ 「.htaccess」のフルパスは合っていますか？ 1. ユーザー名・パスワードを勘ぐりすぎていませんか？ ベーシック認証 コアサーバーのphpMyAdminにログインするためには、ユーザー名とパスワードを入れる機会が2回あります。...
View ArticleClik here to view.
WordPressテーマ作成に役立つ記事＆学んだことまとめ（テーマ作成編）
【9/10追記】 「Ultimate Google Analytics」は今は非推奨！ もくじ ローカルの環境構築 テーマ作成 全体的な行程 部分的な機能の実装 使用したプラグイン サムネイルサイズ一括変更 – Regenerate Thumbnails テーマの表示確認 – WordPress Theme Test Drive リリース前 – Maintenance Mode...
View ArticleClik here to view.
WordPressをコアサーバーからさくらサーバーへ移転した時の手順8
もくじ まずは旧サーバーのファイルを全てバックアップ&ダウンロード！ 新サーバーに新しくWordpressをインストール&ファイルをアップロード WP-DBManagerでデータをリストア 新サーバーのphpMyAdminに入り、wp-optionsの「siteurl」を変更 新サーバーで独自ドメインの登録 ネームサーバーの情報を変更...
View ArticleClik here to view.
「CSS Nite LP, Disk 25」参加レポート&Photoshop CS6の新機能「CSSをコピー」とCSSPsを比較
アクセシビリティ (C)田中舘 一久 中根雅文さん、山本和泉さん、植木 真さんによるセッションです。 テーマは「アクセシビリティ」。 「アクセシビリティ」とは...
View ArticleClik here to view.
お正月休みに私がしたブログ見直しの試みあれこれ
今回の試みたブログの見直し 今回行った大きなブログ見直しは以下の通りとなっています。 他の記事への「おすすめ」の仕方を強化 関連記事にサムネイルを追加 facebookの「Recommendation Bar」を追加 サイドバーの充実化 「人気記事」の表示 「はてなブックマークの人気記事」の表示 Facebookページ作成 他の記事への「おすすめ」の仕方を強化...
View ArticleClik here to view.
ラーメン評論家「本谷亜紀」さんのブログ作成をお手伝いしました。デザインから構築までの流れを紹介！
もくじ ブログの目的など デザイン ラーメンぽい配色 角丸を使って女性らしく 「ゆるっと」感を出すために手書き風に 画像はなるべく使用せず、テキストベースに WordPress サイドバーやフッターは全部ウィジェット 管理画面のカスタマイズ 広告を管理するためのプラグイン「AdSense Manager」 はじめに ラーメン評論家「本谷亜紀」さんとは...
View ArticleClik here to view.
Fireworksで簡単にサムネイルを作ろう！バッチ処理の使い方
はじめに 今回は、画像を「正方形にして200px×200pxの大きさで保存」という処理を一括で行いたいと思います。たくさんサムネイルを作りたい場合などに便利です。 Firewroksでバッチ処理機能を使う 1.「コマンド」を作る はじめにコマンドを作ります。「コマンド」とはPhotoshopのアクションと同様の機能で、一連の流れを記録させておくことができます。...
View ArticleCSS Nite ＠Co-Edo, Vol.17参加レポート！レスポンシブWebデザイン実装時に必要な手法や注意点など
先日、CSS Nite @Co-Edo, Vol.17「セミハンズオンで学ぶレスポンシブWebデザイン」に参加してきました。講師はブログ「Design Spice」を運営されているヒロさんです。 濃い内容がもりだくさんでしたので、学んだことをアウトプットしておきます！
View ArticleClik here to view.
WordCamp Tokyo 2012に参加しました！セッション内容などを一部ご紹介
もくじ WordPress で Web アプリケーションを作る方法 〜 Croppy 編 〜 | 庄崎大祐 画像のアップロード&アイキャッチ画像をしっかり理解しよう！ | 山口 有由希 WordPress を使ったギャラリーサイトの制作手順 | 大竹孔明・塚口祐司 アンカンファレンス | 午後 4 デザイナー 制作者向け WordPress で Web アプリケーションを作る方法 〜...
View ArticleClik here to view.
jQuery.autopagerで次ページを読み込む間にローディングアイコンを表示させよう
完成図イメージ 今回導入したオートページャーのローディングアイコンとは、以下の図のようなものです。次の記事が表示されるまでの間、グルグルと回るアイコンが表示されます。 オートページャーを実装する時に必要なもの4つ オートページャーを実装するにあたり必要なものは以下の通りです。 1.jQuery.autopager...
View ArticleClik here to view.
Ajaxで遷移するページのPVをGoogleアナリティクスでカウントしてみよう
【11/27 追記】 ページ遷移ごとに個別にPVをカウントする方法を追記！ 「Ajaxでページ遷移する」ってどういうこと？ そもそも「Ajax」とは？ Ajaxとは以下のように定義づけられています。...
View ArticleClik here to view.
Googleマップをスマートフォンでも最適な大きさで表示しよう！
ちょっと前までGoogleマップをレスポンシブにするために、以下の方法を使わせていただいていました。 [css] @media (max-width: 767px) { iframe { width: 100% !important; } } [/css]...
View ArticleClik here to view.
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり）
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる...
View ArticleClik here to view.
制作物の確認・共有やバックアップに便利！シンボリックリンクを使おう
シンボリックリンクとは まず、シンボリックリンクとは何でしょう。 あるファイルやディレクトリに別の名前を与え、ユーザやアプリケーションがその名前をファイル本体と同様に扱えるようにする仕組み。 引用：シンボリックリンクとは 【 symbolic link 】 - 意味/解説/説明/定義 ： IT用語辞典...
View ArticleClik here to view.
SNSボタンをオリジナルデザインに！設置方法＆シェア数の取得方法まとめ
もくじ PHPでSNSシェア数を取得する オリジナルSNSボタンを設置する シェア数取得〜SNSボタン設置までの流れ おまけ：cssでフキダシの作り方 仕上がりイメージ 仕上がりイメージはこんな感じです。ボタンの種類は今回は自分がサイト制作時によく設置する以下の5つ（Twitter/Facebook/Google+/はてなブックマーク/LINE）とします。...
View ArticleClik here to view.
WordPressテーマ作成に役立つ記事＆学んだことまとめ（テーマ作成編）
【9/10追記】 「Ultimate Google Analytics」は今は非推奨！ もくじ ローカルの環境構築 テーマ作成 全体的な行程 部分的な機能の実装 使用したプラグイン サムネイルサイズ一括変更 - Regenerate Thumbnails テーマの表示確認 - WordPress Theme Test Drive リリース前 - Maintenance Mode...
View ArticleClik here to view.
WordCamp Tokyo 2012に参加しました！セッション内容などを一部ご紹介
もくじ WordPress で Web アプリケーションを作る方法 〜 Croppy 編 〜 | 庄崎大祐 画像のアップロード&アイキャッチ画像をしっかり理解しよう！ | 山口 有由希 WordPress を使ったギャラリーサイトの制作手順 | 大竹孔明・塚口祐司 アンカンファレンス | 午後 4 デザイナー 制作者向け WordPress で Web アプリケーションを作る方法 〜...
View Article