はてなブックマーク

WordPressのサイトへのアクセス制限をかける方法です。 まずは以下サイトにて.htpasswdを作成。 http://www.htaccesseditor.com/ そしてアクセスを許可するユーザー名とパスワードを入力し、「.htpasswdを作成」をクリック。 すると自動的に.htpasswdが作成されます。 メモ帳などを起動し、作成された.htpasswdを入力。 そして「htpasswd.txt」という名前で保存します。 次に.htpasswdまでのサイトパスを入力すると.htaccessが自動生成されます。 サイトパスの調べ方はこちら。 メモ帳などを起動し、作成された .htaccessを入力し「htaccess.txt」という名前で保存します。 そしてアクセス制限をかけたいサーバーへアップロード。 サーバーへアップロードしてから、 htaccess.txt ⇒ .htacc

アクセス制限をかける際、入力しなければならないサイトパスの調べ方です。 「AuthUserFile」の部分。 サイトパスを知りたいディレクトリに以下を記述したphpファイルをアップロード。 <?php echo __FILE__; ?> そしてアップしたphpファイルにアクセスすると設置した場所までのパスが表示されます。

最近はお客さんから「ホームページにTwitterやFacebookを表示させて欲しい」と依頼されることが多い。 つい先ほどもWordPressで構築したサイトにTwitterウィジェットを設置したところ、 なぜかアイコンの位置に対してユーザー名が下にずれるということが起こった。（モザイク部分） 調べたところ案外簡単に解決したのでメモ的にエントリー。 原因は、Twitterウィジェットではユーザー名の文字タイトル部分に<h3>や<h4>タグが使われていて、 使用しているWordPressのテーマのcssで、これらのタグに「clear:both」が指定されているため。 対処法としては、 wp-content/themes/使用中のテーマ/style.css 内に以下のタグを記述し、アップロードするだけ。 .twtr-hd h3,.twtr-hd h4{ clear:none; } これで表示の

本日もFacebookページを作成していたら途中でつまづいたのでメモ的エントリー。 Fcaebookページを作成中に「アプリのプロフィールページを見る」が表示されませんでした。 この手順を踏まないとFacebookページにアプリを追加できないので・・・ そんな時は簡単にアプリのプロフィールページを見る方法があります。 「アプリのプロフィールページを見る」が表示されない時にアプリのプロフィールページを見る方法 まず、以下のURLの●●の部分にApp IDを入力してアクセスします。 http://www.facebook.com/add.php?api_key=●●&pages=1 すると以下のようなページが表示されるので、アプリケーションの追加先を選択して保存するだけです。 ちなみにApp IDとはこれのこと。

アメブロのヘッダー画像を自分だけのオリジナル画像に変えたいという方はこちら 今日は写真家さんのためのアメブロのカスタマイズ。 というのも、写真をメインとしたブログをアメブロでやってる写真家は多いと思うのですが、 アメブロのカスタマイズ可能なスキンでは、ブログ全体の横幅がだいたい760～800pxしかなく、 そこからサイドバーの幅が約160pxぐらい引かれて、記事本文部分は600pxぐらいになってしまいます。 3カラムのデザインの場合はさらに160px引かれて・・・。 自慢の写真を大きく見せたいのに、最大でも600px以下でしか見せることができません。 横幅220pxのサムネイルをクリックすれば大きく表示はされますが、 ブログを見ている読者にとって、写真の数が多くなればなるほどその作業はとても面倒です。 そこで、ブログの横幅を大きくして、表示させる写真の最大サイズも大きくしてしまおうというこ

最近は仕事でもWordPressを使用したWEBサイトを作成することが増えてきた。 今日はWordPressのお問い合せフォーム設置プラグイン「Contact Form 7」のデザインを、 テーブルで作成した表のようにカスタマイズしてみた。 Contact Form 7を普通に設定しブログに表示させると、 このように各項目が単純に下に並んでいくだけのデザインになる。 これを表のようなデザインにカスタマイズする方法です。 僕からすればお問い合せフォームはお問い合せができればデザインなんてどうだっていいと思うけど。 PHPの知識ゼロの僕に果たしてできるのか？ このカスタマイズをするにあたって、table（テーブル）タグを使えばいいという事は分かるけど、 Contact Form 7のどのファイルを編集すればいいのかが分からない。 wp-contact-form-7.php？settings.p

アメブロのヘッダー画像を自分だけのオリジナル画像に変えたいという方はこちら 以前、ヘッダー下にメニューボタンを設置する方法について書きましたが、 今回のカスタマイズはそれの応用編。 アメブロのヘッダー下のメニューボタン（ナビボタン）の文字まで全てがぞ。 中級以上の方向けのカスタマイズだと思いますので、初心者の方で挑戦されるのでしたら、 必ずカスタマイズ前のcssのバックアップをとっておいてください。 今回のカスタマイズでは、ヘッダー画像の真下に・・・ このような文字まで全て画像のメニューボタンを設置し、さらにロールオーバーで画像を切り替えます。 この画像では分かりにくいと思いますが、実際のイメージとしては参考サイトのようになります。 今回のカスタマイズには、ボタンの数×2のボタンを用意しないといけません。 ボタンを簡単に作成することができる無料ソフトでお勧めなのはInkscape。 Ink

琵琶湖ウェーダー釣行。ゴールデンウィーク初日ともあって凄い混雑だった。時折吹く強い向かい風に苦戦しながらジーブレイドにジャイロスター3.5インチを装着してキャスト。着底後ボトムをズル引くイメージでスローリトリーブしていたら、まるで根掛かりをしたようなバイトだった。全くコツコツすることもなくただただ重…

ユーザビリティを考慮したプラグイン「WP To Top」。 ブラウザ（画面）の右下か左下に「上に戻る」ボタンを表示させ、 長い記事を読んでもらったあとにいちいちマウスで上までスクロールしてもらう手間を省く。 ⇒ダウンロードはこちら ダウンロードし解凍した「wp-to-top」というファイルをFTPで/wp-content/pluginsにアップロード。 続いてWordPressの管理画面からwp-to-topのプラグインを使用する。 するとこのようにWordPressの画面右下に「Back to top」のボタンが表示されます。 最後に、　設定　⇒　WP To Top　で、ボタンの文字や色などの変更可。 WEBサイトやブログを運営する上でユーザビリティのプラグインは必須です。

アメブロのヘッダー画像を自分だけのオリジナル画像に変えたいという方はこちら アメブロのヘッダーをFlashにする前に・・・は読んでいただけましたか？ ただの自己満足のためにブログのヘッダーをフラッシュにするのは無意味な気もします。 でもとりあえずヘッダーをフラッシュにする方法は書いておきます。 今回は「Suzuka」という無料のFlash作成ソフトを使ってFlash（.swf）を作成しました。 まず、作成したフラッシュ（swfファイル）をサーバーにアップロードします。 ※サーバースペースが必要になりますので、サーバーが無い方はチカッパ！をご利用ください。 次にここをクリックしてスクリプトをダウンロードしてください。 ダウンロードした「flash.js」をメモ帳か何かで開きます。 作成したフラッシュの縦横の幅と、swfをアップロードした先のURLを入力し、上書き保存してください。 編集した「

WordPressにMP3プレーヤーを表示させ、音楽を再生するプラグイン「Audio Player」。 ビジネスブログで音声セミナー、音声でのご案内を流したい 自分でつくった楽曲をブログで紹介したい ブログに遊び心がほしい こんな方にぴったりのプラグインです。 ⇒ダウンロードはこちらから ダウンロードし解凍したフォルダ「audio-player」を、FTPソフトで /wp-content/plugins にアップ。 WordPressの管理画面よりプラグインを有効化します。 たったこれだけ。 用意したMP3ファイルをアップロードしたら、 あとは記事を書くときに記事内に下のような指定の形式でコードを追加するだけです。 するとこんな感じでプレイヤーが表示され、ちゃんと再生もできます。 Audio clip: Adobe Flash Player (version 9 or above) is

ホントはDreamweaverが欲しいけど、5万円近くするのでAptanaで代用します。 Aptana Studio 2.0をインストールして最初にぶつかる問題がメニューなどの英語表示。 さっぱり読めません。 そこでAptana Studio 2.0の日本語化を試みてみましたが、案外簡単にできましたよ。 すでにAptana Studio 2.0をインストールしてある前提でお話しますので、 まだの人はこちらからAptana Studio 2.0をダウンロードしてきてください。 日本語化の手順 まずPleiadesをダウンロード。（安定版 バージョン1.3.1） pleiades_1.3.1.zipを解凍。 解凍したpleiades_1.3.1の中のpluginsフォルダに入っている"jp.sourceforge.mergedoc.pleiades"を"C:\Program Files\Apt

wordpressに、って書いたけどいろんなホームページやブログにも応用はきくと思います。 favicon（ファビコン）とはWEBサイトに関連付けられたアイコンのことを言います。 ちなみにfavorite icon（お気に入りアイコン）の略です。 自分のサイトにオリジナルファビコンを設定する方法 まずはファビコンを作らないと話にならないんで、とりあえずファビコン用の画像を作成します。 無料ソフトならInkscapeがお勧めです。 Inkscapeの使い方はこちらを参考にしてください。 ファビコンのサイズは16px×16pxですが、作成するときは32px×32pxで作るといいと思います。 今回オレはInkscapeでこんな画像を作りました。 この画像をオレのブログのファビコンに設定したいと思います。 １．.JPEG、.GIF、.PNGの画像を.icoに変換する 作成した画像はだいたいがJPE

WordPress × Twitterという人におすすめのプラグインのご紹介。 「WP FollowMe」 →ダウンロードはこちら 画面の右か左に（設定変更可）Twitter (ツイッター) の FollowMe ボタンが現れます。 やり方は超簡単。 ダウンロードした「wp-followme」フォルダをそのまま/wp-content/pluginsにアップ。 WordPressの管理画面よりプラグインを有効化。 「設定」 → 「FollowMe Settings」　で下のように設定。 以上！ WordPress × Twitterという人にはおすすめです。 ってことで、「フォローミー」w 人気ブログランキングで今何位？

6 コメント - あなたの意見もお聞かせください。  Posted by kazushi - 2014年8月7日 at 8:23 AM Categories: イラスト   Tags: ブルドッグのイラスト ​​​​​​​​​​​​​​​ ⇒この作品のSVGをダウンロードする Inkscapeで作成したブルドッグのイラストです。 サッカーワールドカップ日本代表を応援していますが、なぜブルドッグなのかは分かりません・・（笑） 無料イラスト素材としてご自由にお使い下さい。

みんなに「いまさら？」って言われるけど、アメブロことアメーバブログに興味が出てきました。 友達数人のアメブロの基本設定をやってあげたりもしました('-')b そこで感じたこと。 アメブロのヘッダー画像をオリジナル画像に変える方法が初心者にはなかなか難しい・・・。 いきなりcssとか言われて変な英語の羅列を見せられても、無意識に脳が拒否反応を起こしますよねw そこで・・・ 今からアメブロのスキンをオリジナル画像にカスタマイズする方法を超単純に説明します。 １．まずはカスタマイズ可能なスキン「ベーシック」を選択 アメブロには元々いろんなデザインのスキンが用意されていますが、 カスタマイズ可能なスキンは「ベーシック、ピーチ、ブルー、グリーン、グレイ」のみです。 これらのスキンは、スタンダードの中にあります。 その他のスキンをカスタマイズすることは規約違反になってしまうので注意が必要です。 （ちな