サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
blog.ht-design.net
お客様から依頼を受けてWebサイトを制作する場合、新着情報の投稿など、顧客側でサイト更新を行いたいという要望は多いかと思います。 WordPressで制作したならば、サイト管理画面にログインすることで更新作業が行えるので、それは可能です。管理者(制作側)が、予め顧客のアカウントを追加して、管理権限を制限することによって、不用意にサイト構築内容が変更されてしまうのも防ぐ事ができます。 しかしながら、あからさまにWordPressを利用していることが露骨な管理画面を、そのまま顧客にお見せするのも節操がありません。ここでは、そういった部分の配慮と、顧客に解り易い管理画面にカスタマイズするために、私が採っている方法を記述します。 尚、以下の内容はWordPressバージョン3.3.2/3.4.2で検証したものです。 ログイン画面のカスタマイズ ロゴを変更する functions.phpに下記コード
《WP-OliveCart》は WordPress で簡単にショッピングサイトを構築するのに便利なショッピングカートプラグインです。Basic(無料試用版)と Pro(有料)の2種類があります。 以前、WordPress のショッピングカートプラグインについて書きましたが、実際に色々と試用した結果、WP-OliveCart が最も使い良いと実感しました。設置方法がとても簡単なので、すぐに WordPress にショッピングカートを実装することができます。 » WordPressショッピングカートプラグインのWP-OliveCart プラグイン(無料試用版)の入手と有効化 こちらのページから zipファイルをダウンロードして解凍する。 pluginsフォルダ内 wp-olivecartフォルダを wp-content/pluginsディレクトリにアップロードする。 ※WP-OliveCar
このブログもそうなんですが、WordPressでWebサイトを構築していると、時々データベースの不具合で接続できないことがあります。 この場合、WordPressのデフォルトでは“エラー: データベースに接続できません”と黒文字で記載してあるだけのページが表示されてしまいます。 このままでは格好悪いですし、ユーザーからしても意味不明で、下手すれば現存しないサイトかと勘違いされてしまいそうです。 そこで、このエラーページを少しでも見栄え良く、ユーザーにもわかり易くなるようにカスタマイズしてみました。 データベース接続エラーページのカスタマイズ方法 まずはdb-error.phpと言う名前で、データベースエラーの時に表示させたいphpファイルを作成します。こちらのページを参考にさせてもらい、このブログでは下記のような内容でdb-error.phpを作成しました。 db-error.php <?
《レスポンシブWebデザイン》[Responsive Web Design]とは、Webサイトの閲覧環境(パソコン・iPad・iPhone・Android などのスクリーンサイズ)に応じて、ページレイアウトを動的に変更させる手法です。 このレスポンシブWebデザインは、2010年に欧米のブログ《A List Apart》で Ethan Marcotte氏の記事にて初めて紹介されています。 » Responsive Web Design また、モバイル主軸にWebデザインを考えることを《モバイルファースト》[Mobile First]と言い、スマートフォンのような小さなスクリーンサイズを優先してデザインするレスポンシWebブデザインも、その手段の一つとされます。このモバイルファーストという考え方は、スマートフォンの普及と共に多くのWebサイトで実践され初めているそうです。 今回はこのブログに
iTunesさえあれば音楽やラジオ放送、そして動画まで全て無料で楽しめてしまうPodcast(ポッドキャスト)。今回は主にミックス系のミュージックPodcastを個人的好みで10種類選定してみました。 ホントにこの手の音楽系Podcastって種類が多くて、あれもこれもって感じで購読してしまいますが、どんなに購読しても全て無料なので気にしません!もちろんiPhone、iPodで聴くことが出来ます。 Resident Advisor podcast 配信元:Resident Advisor サイト:http://www.residentadvisor.net/ 更新:毎週月曜日 » このPodcastを購読する Stones Throw Podcast 配信元:Stones Throw サイト:http://www.stonesthrow.com/ 更新:不定期 » このPod
CSS3でお手軽にアニメーションが表現できる「transitionsプロパティ」※SafariかChromeで見てください ARTICLE /as/ CSS3 transitionプロパティは、指定した要素にアニメーション効果をつけることができる、CSS3で実装された機能の一つです。但し、このプロパティはwebkit系のブラウザ(Apple Safari, Google Chrome等)以外には、今のところまだ対応していません。 便利でお手軽に使えそうだったので、早速このブログでも使ってみました。上の画像にマウスオーバーさせてみてください。これがCSS3のtransitionsプロパティを使った効果の一つです。 ※webkit系のブラウザ(Apple Safari, Google Chrome等)以外でご覧の場合は効果が見られません。 CSS3のtransitionプロパティについて 便
《WP SexyLightbox》は LightBox のようなスライドショーを実装できる WordPressプラグインなのですが、こちらは動画や Webページまでもスライドショーにしてくれる、万能型のプラグインです。“Sexy”と名付けられている通り、ポップアップのモーションも普通の LightBox とは一味違う、面白い動きをしてくれます。 左のサムネイルをクリックすると動画がポップアップされます。ポップアップした状態で画面をスクロールすると、それに合わせてボックスが追いかけてきます。少し遅れて追いかけてくる動きも面白いです。 プラグインの入手と有効化 こちらのページから wp-sexylightbox.zip ファイルをダウンロードして解凍する wp-sexylightbox フォルダを wp-content/plugins ディレクトリにアップロードする WordPress 管理画
《WordPress Content Slide》はコンテンツをスライドショーとして表示できるWordPressプラグインです。写真のみを美しく魅せるスライドショーとして使う事もできますが、画像とテキストを使ったコンテンツを効率良く、しかも目を魅くような効果で見せる事ができます。 -> サンプルデモ 1 -> サンプルデモ 2 プラグインの入手と有効化 こちらのページから content-slide.zip ファイルをダウンロードして解凍する content-slide フォルダを wp-content/plugins ディレクトリにアップロードする WordPress 管理画面にログインする ダッシュボードからプラグインメニューに入る Content Slide Plugin の項目で「使用する」をクリックしてプラグインを有効化させる ※プラグインの新規追加でダウンロードした zip
2011.02.16 - WordPress WordPressでのECサイト構築に便利!日本製のショッピングカートプラグイン ここ最近、ショッピングサイトのサンプル作成のため「WordPressと同じような感覚で使えるはず」との思い込みで、EC-CUBEを試用していたのですが、システム構成がWordpressよりも複雑だったり、Smartyと言うテンプレートエンジンを使っていたりで、少し不便に感じていました。 ここは、やはりWordpressでどうにかできないかと思い、ショッピングカートのプラグインを色々と物色。今回は、その中でも日本製(もちろん日本語対応なので使い易いはずです)のショッピングカートプラグインを、見つけたものだけご紹介します。 Welcart 拡張性も高く、コミュニティもある人気のプラグインです。僕はこちらを導入して、現在試用中です。手早く導入できて、カスタマイズの自由度
2011.02.25 - WordPress iPhoneからアクセスした時のテーマを指定できるWordPressプラグイン「iPhone theme switcher」 iPhone theme switcherはWordPressで作成したサイトやブログにiPhoneからアクセスした場合に、どのテーマ(テンプレート)でサイトを表示させるかを指定できるWordPressプラグインです。 このWordPressプラグインについて iPhoneアクセス用表示切り替えのWordPressプラグインとしては WPtouchなどがありますが、それに使われているテンプレートはカスタマイズが難しく、デザインの変更など思うようにできませんでした。 しかし こちらは“iPhone用のテーマを指定する”プラグインですので、jQuery Mobileなどで自分で作成したテーマを iPhoneアクセス用に使えま
WP-Pollsはサイトやブログに簡易アンケートを設置することができるWordPressプラグインです。 このWordPressプラグインについて PHPコードで、そして記事やページ内にでも簡単にアンケートを表示させることができる上、デザインの変更も簡単です。 ダウンロードとアップロードそして有効化 こちらからプラグインデータをダウンロードしてZIPファイルを解凍する。 wp-pollsフォルダをサーバー内のwp-content/pluginsディレクトリにアップロードする。 WordPressダッシュボード → プラグインの管理 → wp-pollsで“使用する”をクリックしてプラグインを有効化させる。 有効かさせるとWordPressダッシュボードの左サイドバー下に“Polls”欄が表示されます。 まずはアンケートを設定します まず“Add Poll”でアンケートの内容を作成します。こ
2011.01.21 - WordPress 関連記事をサムネイル画像と共に表示してくれるWordPressプラグイン「LinkWithin」 LinkWithinは自分のブログに、関連記事をサムネイル画像と共に表示してくれるWordPressプラグインです。※Blogger・TypePad・その他ブログサービスにも設置できます。 このWordPressプラグインについて 記事ページの任意の場所に、サムネイル画像付きの関連記事リンクを簡単に表示させることができます。 まずはこちらのページで利用するブログの情報を入力します。 Email: 自分のメールアドレスを入力します。 Blog Link: ブログのURLを入力します。 Platform: ここではWordPressを選択します。 ※Blogger・TypePad・その他にも設置できるサービスです。 Width: 何列表示にさせるかを
2011.01.14 - WordPress 定番のスライドショー「jQuery LightBox」が実装できるWordPressプラグイン「WP jQuery Lightbox」 WP jQuery Lightboxは色々なサイトやブログで多く見かける、定番のスライドショーを実装できるWordPressプラグインです。※下の画像をクリックすると、アクションが実行されます。 このWordPressプラグインについて このWP jQuery Lightboxは、JavaScriptライブラリであるjQuery LightBox pluginがWordPress用のプラグインとして使えるようになったものです。 ダウンロードとアップロードそして有効化 こちらからプラグインデータをダウンロードしてZIPファイルを解凍する wp-jquery-lightboxフォルダをサーバー内のwp-conten
2010.05.19 - 08:44 記事をTwitterに自動投稿してくれるWordPressプラグイン「WordTwit」 WordTwitはブログ記事を更新したら、自動的にTwitterに投稿してくれるWordPressプラグインです。 これまでこのブログの更新情報はtwitterfeedで流れるようにしていたのですが、せっかくのWordPressプラグインなので、こちらを使ってみることにしました。 twitterfeedだと通知されるまで時間差もありましたが、このWordTwitだとほぼリアルタイムに通知してくれるみたいです。 ↑導入は簡単、こちらからプラグインデータをダウンロード、解凍してからサーバー内のpluginsフォルダに突っ込みます。あとは管理画面のプラグイン項目で、WordTwitを有効化させます。 ↑そして設定、まずURL短縮サービスの選択ですが、有名所と言うことでこ
2010.09.13 - 08:58 ログイン画面をオリジナルデザインにカスタマイズできるWordPressプラグイン「My Brand Login」 My Brand LoginはWordPressで作成したサイトのログイン画面を、オリジナルのデザインにカスタマイズできるWordPressプラグインです。 » My Brand Login このWordPressプラグインについて WordPressログイン画面のロゴやリンクカラー、バックグラウンドのカスタマイズまでできます。今回はロゴの変更方法だけご説明します。 ダウンロードとアップロードそして有効化 こちらからプラグインデータをダウンロードしてZIPファイルを解凍する。 my-brandフォルダをサーバー内のwp-content/pluginsディレクトリにアップロードする。 WordPressダッシュボード → プラグインの管理 →
2010.08.30 - 09:26 色々な効果のスライドショーを簡単に実装できるWordPressプラグイン「WP-Cycle」 WP-CycleはWordPressで作成した自分のサイトまたはブログで、スライドショーを実行できるWordPressプラグインです。 実際にWP-Cycleプラグインを使用した例が、下のスライドショーです。 » WP-Cycle このWordPressプラグインについて このWP-Cycleは、JavaScriptライブラリであるjQuery Cycle PluginがWordPress用のプラグインとして使えるようになったものです。 以前からこのブログでは、右上の広告をスライド表示させていますが、そちらはjQuery Cycle Pluginを用いています。 ダウンロードとアップロードそして有効化 こちらからプラグインデータをダウンロードしてZIPファイル
hT DESIGN blog(エイチティー・デザイン・ブログ)は、デザイン、ウェブに関する話題や、iPhoneアプリのご紹介を主にお届けするブログです。PopClock ユーティリティ gravity clock ライフスタイル TimeTuner Radio Alarm Clock ユーティリティ ToonPAINT 写真 Touch LCD - Designer Speaking Clock ユーティリティ Change Myself ICONIQ SCAR RIP SLYME MOON 浜崎あゆみ Killer On His Knees Crucified Barbara Sex Action Crucified Barbara
ハードロック&ヘヴィーメタルには、多くの名バンド、名曲が存在しますが、バンドロゴだけでその雰囲気が伝わってくるような名作ロゴもあります。今回はそんなハードロック&ヘヴィーメタルバンドの名作ロゴの中で、個人的にお気に入りのものをご紹介しようと思います。 ついでに、それらのロゴを真似することが出来るフリーフリーフォントも一緒に並べてみました。 AC/DC(エーシー・ディーシー) 1973年〜現在。オーストラリアのハードロックバンドAC/DC。数あるバンドロゴの中で、これが僕の一番のお気に入りです。どんなバンドか知らなくても、誰もが一度は見たことのあるロゴではないでしょうか? » このロゴを作れるフリーフォント [Squealer] ANTHRAX(アンスラックス) 1982年〜現在。アメリカのヘヴィーメタルバンド、アンスラックス。メタリカ、メガデス、スレイヤーと共に、スラッシュメタル四天王と
2010.07.12 - 07:40 スクロールに合わせて画像を読み込んでくれるWordPressプラグイン「jQuery Image Lazy Load WP」 jQuery Image Lazy Load WPはサイト閲覧者のスクロールに合わせてページ中の画像を読み込み、フェード効果を付けて表示してくれるWordPressプラグインです。 スクロールされてから画像を読み込むので、最初のページ表示にかかる時間は少し短くなる筈です。特に画像を多く扱うギャラリー系のサイトなどには効果的なプラグインだと思います。 少し前から探していたプラグインだったので、早速このブログでも導入してみました。もちろんWordPressプラグインなので導入は超簡単。 このWordPressプラグインの設定方法 こちらからプラグインデータをダウンロードしてZIPファイルを解凍する。 jquery-image-laz
このページを最初にブックマークしてみませんか?
『hT DESIGN blog | ウェブ・デザイン・iPhoneアプリの情報ブログ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く