スライドショー TinySlider
最近のニーズに合わせてTOPページのアクセントとして簡単なスライドショーを入れてみました。WordPress には標準で jquery.js が入っていますが、使う時には、$ を jQuery に書き換えます。 今回は コリスさんのページ を参考に CSS を調整しました。現在表示しているパネルの位置ボタンをオリジナル画像に作り直し、コントローラーボタンも出さない設定にしてみました。...
View ArticleSimple jQuery Slideshow
もっとかんたんに超軽量スクリプトでクロスフェードを入れてみました。Jon Raasch’s blog を参考にしました。 スライドショー 前回と同じように、WordPress で使う時には $ を jQuery に書き換えます。さらに LabPad を参考にして画像リンクの設定をしてあります。 1)header.php にスクリプトを入れます。 <script...
View Articleスライダープラグイン
サブメニューの見せ方として、スライダーをいくつか試していましたが WordPress の画像スライダープラグインができました。クロスフェードタイプですが、管理画面からカスタム投稿で画像をあげるやり方や下にナビメニューが付けられるのが便利です。トップページに仕込んでみました。 こちら からソースを DL できます。 (プラグインのアップデートがされてないので今は動かないようですが参考まで。)...
View Articleボットによるフォーム送信防止
ボットによるフォーム送信を防ぐ CAPTCHA を導入してみました。使うには、あらかじめ Really Simple CAPTCHA プラグインをインストールする必要があります。サーバーの設定なども関係してきますので詳しくはこちらを参考にしてみてください。お問い合せカテゴリーも追加してみました。...
View Article「Thunderbird」送信画面でズームイン・アウト
Mozilla、“スレッドを無視”機能が追加された「Thunderbird 24」安定版を公開 の記事を見てスレッド表示があることに気づきました。 スレッドは「表示」メニュー→「並べ替え順序」→「スレッド」または「非スレッド」で選択できます。...
View Articleブログタイトルにお天気を表示
記事タイトルに今日のお天気を表示してみました。 WordPress Plugins/JSeries からプラグインを入手して有効化します。 設定 -> 投稿設定 で取得したい地域IDを指定します。 以下に記載したようにテンプレートファイルのループ内の任意の位置にコードを入れて表示させます。(過去のお天気情報は取得できません) <?php while(have_posts()) :...
View Articleスマートフォン表示
このサイトのスマートフォンテーマを作りました。 iPad は PC 表示と同じにしてあります。 レイアウトは PC 表示のデザインをそのままコンパクトにした感じですがシンプル化してるので多少情報を少なくしてあります。横表示した時のことは考慮していません。まだ変更していきますが、サムネイルのみ表示していくパターンのものはフリックできるようにしたりいろいろ実験中です。 ヘッダーは 320px...
View Articleイラスト / あめ玉
昔懐かしいような、あめ玉です。 素材として作りました。 あめの下の影の作り方 1. Fireworks で1px の矩形を画いてベタ塗り 2. エッジを37%でぼかす 3. あめの下の部分と重ねて完成
View ArticleFireworks の最適化パネル
Fireworks から jpg で書き出す場合、最適化パネルのメニューに任意の圧縮率の設定を保存することができます。ファイルごとに設定が必要ですが一度設定保存すればファイルを閉じても変更されません。 1. jpg で設定したい数値(圧縮率)に変更します。 2. 右上のメニュークリックで図のように名前を付けて保存しておきます。 3. 次に使う時は、最適化の▼をクリックでその名前の設定を選びます。
View ArticleDropboxの使い方 / パソコンごとに同期フォルダを制限する
Dropbox デスクトップアプリケーションでパソコンごとに同期するフォルダを選択したい場合があります。 例えば現場で限られたプロジェクトのフォルダのみ同期させてパソコンの容量や同期時間を節約したい場合などに便利です。 新規購入したパソコンに1番最初に同期させた時に、どのフォルダをこのパソコンと同期させますか?みたいなメッセージが出て、その方法があることを知りました。...
View ArticlePhotoshop コンテンツに応じる
元画像より大きな画像を作りたい時に背景が足りないと思うことがあります。 そんな時に便利なのが「切り抜きツール」を選択した時に右上に表示される「コンテンツに応じる」にチェックを入れておくとおおまかに背景を追加してくれます。 「切り抜きツール」で作りたい大きさで選択して 「コンテンツに応じる」にチェックを入れておくと おおまかに背景を足してくれました。 簡単なことだけどイザという時覚えておくと便利です。
View Article動画素材サイト「Mixkit」
背景に動画を使ったサイトの作り方を調べていてお試しで動画素材サイト Mixkit からダウンロードしてみました。無料で商用利用OK、かつクレジット表記も不要というフリーの動画素材。ちょっとお試し用に使うにはアカウントを作らなくても使えるところもよい。このコーヒーの動画は繰り返し流れていても切れ目が自然なところが使いやすいです。 ちなみに背景で使うのでコントローラー非表示で使っています。
View Article