jQuery/JavaScriptの高速化テクニック | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
すごい便利！WordPressでブログをリニューアルするときに役立つ３０
作成：2013/06/17 更新：2014/11/01 WordPress > 先日コムテブログをひっそりとリニューアルしたわけですが カスタマイズしたい部分を調べるだけで膨大な時間がかかってしまいました。 今回はWordPressでブログをリニューアルしたり 新たに立ち上げたりするときに 参考にすると助かるサイトをまとめさせていただきました。 既存のサイトをレスポンシブ化したり、スムーススクロール、タブ、ロールオーバーを簡単に実装したり、高速化にセキュリティ対策。やらなきゃいけないことをしっかりメモ。 リニューアルのおかげでアクセスも1.3倍ほど上がったので、集客効果もあり。是非お試しを！ エンジニア速報は Twitter の@commteで配信しています。 もくじ レスポンシブに対応させる １．レスポンシブ対応なCSSの書き方 ２．Adsenseタグを改変してレスポンシブ対応させる ３
固定ページで子ページのリンクやタイトル、抜粋を一覧表示させるショートコード - かちびと.net
固定ページで子ページを持つ親ページに使うショートコード。子ページを一覧表示させる。 出力されるマークアップは$outputの中身ですので変えたい場合はここを弄れば良いですね。
ページ内の目次を自動作成するWordPressプラグイン・Table of Contents Plus - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Wikipediaのように、ページ内の目次を自動で作成するWordPressのプラグイン・Table of Contents Plusのご紹介です。長いコンテンツが多いサイトでは結構便利なんじゃないかなと思います。セッティングも色々と出来ますよ。 Wikipediaライクなページ内の目次を作成するWPプラグイン。自動で見出しを探して目次を作ります。小見出し>孫見出しもネストしてくれます。 ↑ ページ内に見出しを自動生成します。投稿やカスタムポストタイプなどにも作れます。 ↑ セッティング項目はいろいろ。目次を表示/隠すでスイッチできたり、デザインをスタイルしたり。見れば大体分かると思います。 ↑ 何もレイアウト設定してないのでアレですが、このように自動作成されます。
WordPressでjQueryが動かないとき真っ先に確認すべき点
WordPress のテーマやプラグインを作る人には常識だと思うけど、 「jQuery のプラグインが動かない！」 というお悩みはこれが原因であることが一番多いし 自分もこれで嵌まったことがあるので。 $ は使えない jQuery ではこんな表現を使うことがあると思うんだけど $('#switch').click(function () { $('#panel').show(); }); この $ は WordPress 標準の jQuery では使えません。 WordPress が標準で読み込む jQuery だと、こんな感じになりますね。 jQuery('#switch').click(function () { jQuery('#panel').show(); }); 要するに、一般に $ で表される jQuery オブジェクトを WordPress では jQuery で表すことに
[WordPress]これでフッターに重ならない！ ブログのサイドメニューを固定してスクロールに追従させる方法 | NANOKAMO BLOG
photo credit: Eric M Martin via photopin cc どうも@kuroji1987です。 ブログのサイドメニューに、スクロールに追従するメニューを設置いたしました。「オススメ記事」というタイトルで、同じカテゴリの記事をランダムで表示させています。 広告を表示させることもできるのですが、Googleの規約で禁止されているという話なのでやってません。結構やっているブログあるので、もしかしたら大丈夫なのかなぁとも思うのですが……。どうなんでしょうかねｗ ということで、その追従するメニューの設置方法をご紹介します。 フッターにめり込まないメニューがいい スクロールに付いてくるだけならとっても簡単に実装できるのですが、多くのブログがそうであるようにスクロールしきったのち、そのままメニューがフッターにめり込んでしまうという現象が発生します。これが僕はどうしても許せま
卓上に写真を置いたようなインタフェースのギャラリー作成用のjQueryプラグイン:phpspot開発日誌
Adaptive Thumbnail Pile Effect with Automatic Grouping | Codrops 卓上に写真を置いたようなインタフェースのギャラリー作成用のjQueryプラグイン。 次のような、１つの写真は複数の写真を重ね合わせたようになっていて、クリックするとパラパラと写真がアニメーションしつつ開かれてギャラリー風になるというなんともオシャレなUIが実装できるようです。 クリックした所のアニメーションもカッコいいので是非デモを見てみましょう デモページ 関連エントリ サムネイルがシャッフルされてクールなギャラリー実装「Photofy」 動画ギャラリー用WordPressプラグイン10個 フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」
WordPressで外部のjQueryを読み込むときに注意すべきひとつのポイント
いやー、ちょっとハマっちゃったので備忘録的に書き残しておこうと思います。 久々に管理画面を触っていたら、メディアアップローダーがちゃんと動かない! という状況に陥りまして、その原因がjQueryの読み込みに関係してたんですよねー。。 Photo:Designing a new feature, with jQuery! By Peter Hellberg WordPressを使う上のに切っても切れないのがjQuery。 各種プラグインがさまざまなjavascriptのフレームワークを使うため、そもそもWordPressに包括されるかたちで、jQueryは導入されることになります。 そのため、特にjQueryの公式サイトからダウンロードしてくる必要もありません。 ただ、ちょっと気になるのがそのロード時間。 内蔵されたjQueryを呼び出すこと自体が、ロード時間の増加につながっている可能性もあ
ブログの高速化に貢献！画像をあとから読み込むプラグイン「jQuery Image Lazy Load WP」が便利！ | ゴリミー
【img via WordPress Pencil and Pins-07 by thisismyurl】 ブログの表示速度は早ければ早い方が良い！ そう思って様々なWordPress用プラグインを試しているのだが、最近、画面内に画像が表示された段階で画像を読み込むような動作をしているメディアが気になっていた。 調べてみたところ、そのような処理をしてくれる「jQuery Image Lazy Load WP」というプラグインがあった。実際に導入してみたらそれなりに効果を発揮したので、紹介する！ 「jQuery Image Lazy Load WP」のインストール 「jQuery Image Lazy Load WP」を入れることによってどういう効果があるかというと、本来であればページ内にある全画像を最初に読み込むため特に画像数が多い記事やページは読み込み速度が遅くなりがちなのだが、このプラ
22 Versatile Adobe Flash Menu and Navigation Tutorials : Speckyboy Design Magazine
Resources by Application Bootstrap Templates Figma Templates Flyer Templates Illustrator Templates InDesign Templates Lightroom Presets Logo Templates Logo Fonts Mockup Templates Photoshop Actions Photoshop Brushes Resume Templates Tailwind CSS UI Kits Web Templates Video & Motion Design Templates All Motion Design After Effects Apple Motion DaVinci Resolve Final Cut Pro Premiere Pro Presentation
WordPress の thickbox を3箇所(見方によっては2箇所とか6箇所とか)修正したのでメモ。 | X->A->O
WordPress の thickbox を3箇所(見方によっては2箇所とか6箇所とか)修正したのでメモ。 WordPress の thickbox のグループ利用でハマったこと。バグなのか私の使い方に問題があるのか不明。 きっと皆さん問題になってるのだろうと検索したのですが見当たらないってことは、私の環境または使い方に問題があるのかもしれませんが、一応解決したので同じ問題に当たった方はご参考にしてください。ちなみに、有名な(?)「thickbox.js から ＠マークを取り除く」ってのではないです。これはもちろん対処済みでした。 (なお余談ですが、WordPress は管理画面で jQuery を多用していて、そのライブラリの thickbox も一般の表示でしっかりと利用できるようにサポートされています。スクリプトとスタイルのハンドルを用意するのみならず、それを一度で呼び出してなおかつ
Sequence.js – ページの要素をばらばらにアニメーションするjQueryプラグイン – creamu
Sequence.jsは、ページの要素をばらばらにアニメーションするjQueryプラグインです。 とても気持ちいい動きをするので、ぜひ見てみてください。 水平のスライドやパララックスのスライドなどがあります。 Sequence.js
Re: 【ノンデザイナー向け】 WordPress で今風なページトップを超簡単に設置する方法
2011年くらいから、 ページをスクロールすると、フワっと表示されるページトップ（クリックするとページの一番上にいくやつ）が 流行ってますよね！ 超簡単にコピペするだけで作れるソース作ったので、公開します！ via. 【ノンデザイナー向け】Wordpressで今風なページトップを超簡単に設置する方法 | しらさかブログ 僕が WordPress に実装するなら、こうかな？ 以下を functions.php に追加。 // テーマの head 部で jQuery を読み込む add_action('wp_print_scripts', 'add_print_scripts_jquery'); function add_print_scripts_jquery() { wp_enqueue_script('jquery'); } // Scroll to Top 用のスタイルを head 部
jQueryによる背景のスライドショーを手軽に実装出来るWordPressプラグイン・Site Background Slider - かちびと.net
Webサイトの背景に画像をいっぱいに 広げて、jQueryでスライドショー化、 というのを手軽に実装出来るWordPress のプラグインです。jQueryとWPでよく 困ってる方を見かけますのでプラグイン に頼るのも手かなと思います。 WordPressでjQueryを使う、という方で結構困っている方が多いので、以前傾向と対策的な記事を書いたのですが、プログラマーじゃないから難しい、という方はプラグインに頼ってみては如何でしょう。 こんな感じで簡単に背景を素敵なスライドショーにする事が出来ます。背景は常にいっぱいに広がってくれます。キャプチャじゃ分かりませんけど画像が切り替わります。 プラグイン配布先でデモがありましたのでご覧下さい。 Demo フードやファッションサイトなど、トレンドに関係が深いコンテンツと相性良さそうですね。写真で訴求力を高めたい時に有効な手段だと思います。 インスト
WordPressのトップページを雑誌や新聞のような段組にする方法
WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用することができます。 ただ、公式のドキュメント通りに JavaScript を書いただけでは WordPress テーマではうまく動かないので、やり方をここにまとめておきます。 ここでは、WordPress 3.3 のデフォルトテーマ「TwentyEleven」をベースに解説します。 準備 まず jQuery Masonry 公式サイト のページ中央にある「Download the script
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像のみ、pタグで囲わないようにする - かちびと.net
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ
WordPressのwp_enqueue_scriptで呼びだすJavaScriptファイルをフッター(wp_footer()内)に呼びだす方法 - かちびと.net
Loading...
