WordPress ギャラリーを印象的に見せるレスポンシブスライダー（複数設置対応）プラグイン – セルティスラボ
Celtis Gallery Slider プラグイン スライダーを使うとこんな感じのクールで印象的なギャラリー表示ができます (^^) 特徴 ギャラリーの作成は標準ギャラリーと同じ方法なので設定が簡単レスポンシブ対応ページ内に複数ギャラリーを設置可能画像のタイトル、キャプション、説明表示の有無を指定可能画像下のナビゲーション表示の有無を指定可能各画像にはリンク先の設定が可能スライダーは JavaScript を使用せずに CSSによる実装 Gutenberg ブロックエディタ使用時は、標準ギャラリーからスライダースタイルを指定することが出来ます デモ サンプルとしてギャラリースライダーを設置してみます このプラグインのCSSは、Celtis Speedy テーマに合わせて記述してあります 公式テーマでは問題ありませんでしたが、テーマによってはうまく表示がされない場合があるかもしれません
WordPressでjQueryを使う一番シンプルな方法
WordPressを使ってサイト構築するとき、jQueryを使ってカスタマイズすることが多いと思います。 このサイトでもAjax+pushStateなどの技術を使うためにjQueryを多用しています。 WordPressでjQueryを使う じつはWordPressにはjQueryもパッケージされているので、自分のサーバーにjQueryを置いたりGoogleなどのCDNを読みこまなくても、header.phpに<?php wp_head(); ?>と書けば必要に応じて勝手に読み込まれます。 しかし問題があります WordPressにパッケージされているjQueryは、WordPressの独自仕様になっていて、ちょっと使いづらいんです。 具体的には、jQuery.noConflict();という関数が実行されていて（参考記事）、要はjQueryと似たような記法のjQuery以外のJavaSc
HugeDomains.com
Captcha security check pondad.com is for sale Please prove you're not a robot View Price Processing
[試] サイト表示速度を高速化する方法 | WordPress jQuery読み込み位置の最適化 | 試行錯誤ライフハック
WordPress jQuery読み込み位置最適化による表示速度高速化 jQueryの読み込み位置の工夫がメインですが、CDNの活用とjQuery本体の軽量化に関する工夫もあわせて紹介します。 CDN上のjQueryライブラリの活用 WordPressには、元々jQueryライブラリがバンドルされており、それが自動的に読み込まれるようになっています。このjQueryライブラリは、WordPressをインストールしたサーバから読み込まれます。 この代わりに、高速なCDN上に配置されたjQueryライブラリを読み込むようにします。以下がそのコードです。利用中のWordPressテーマのfunctions.phpに追記します。 //管理画面では内蔵のjQueryサイト側ではGoogle AJAX Libraries API function load_cdn() { if ( !is_admin
![[試] サイト表示速度を高速化する方法 | WordPress jQuery読み込み位置の最適化 | 試行錯誤ライフハック](https://cdn-ak-scissors.b.st-hatena.com/image/square/712ba71a86a188beb0ab0bfbfce2dd964ffb7b74/height=288;version=1;width=512/https%3A%2F%2Fmarubon.info%2Fwp-content%2Fuploads%2Fmethod-speed-up-display-of-web-site-with-wordpress-jquery-load-position-optimization-01.png)
タブ表示＿wordpressでjQuery uiを利用してみる-その(１): 取材に行ったんじゃなかったんですか？
前回の記事に引き続いて「jQuery ui」をとりあげます。 仕事でwordpressを使う機会が増えてきたので、wordpressでの実装方法を考えてみます。 今回はwordpressのコメント欄にjQuery UIのタブ機能をつけてみたいと思います。 このような感じでコメントを見る部分とトラックバック、コメント記入欄にタブでわけてみます。 ダウンロードページより本体をダウンロードします。 ダウンロード方法 リソースは Core Widget Tabs の３つとなります。これらにチェックを入れ、ダウンロードします。 使用しているバージョン jquery-uiの最新バージョンは1.8.13 wordpressの最新バージョンは3.1.3 必要なリソース jquery.js jquery-ui-1.8.13.custom.min.js jquery.ui.setting.tabs.js jq
WordPress本体のjQueryと公式版のjQuery｜Webクリエイターネット
Category WordPress ｢WordPressでjQueryを使っていると、ライブラリやプラグインが動かなくなった!?｣なんて話を聞いたり、そんな場面に出くわしたことはないでしょうか？ jQueryの基本的なことを知っている方ならすぐ分ることだと思いますが、ブログ等を運営している方皆さんがその辺りに詳しいわけではありません。 また、既存のテンプレートやプラグインを活用すると、誰でも簡単にサイトを構築できるといったところがWordPressの魅力の一つでもあります。 今回は、WordPress本体のjQueryと公式版のjQueryの違い、WordPressでjQueryを使用する場合に気を付けておきたいことについて書いてみようと思います。 Keyword：jQuery,コンフリクト WordPress本体のjQueryと公式版のjQueryの違い WordPress本体にはjQ
WordPress3.4でjQuery UIをiPhoneやiPadなどのタッチデバイスに対応させる - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 先日リリースされたWordPressの 新バージョン、WordPress3.4から コアファイルにjQuery UIをタッチ デバイスで動かすライブラリが 追加されたみたいです。jQueryUI あんま使わないですけど・・ WordPress3.4から、以前ご紹介したjQuery UIをタッチデバイスに対応させるライブラリ、jQuery UI Touch Punchがコアに導入されました。動作デモや詳細は前に書いた記事をご確認下さい。 jQuery UIをタッチデバイスに対応させるためのライブラリ・jQuery UI Touch Punch 読み込み方 面倒臭いので細かい解説は割愛します。今日はライブラリの場所だけご紹介。 wp_enqueue_script('jq
WordPress jQueryの重複読込を防ぐ | WEBHACKS
WordPress のプラグインが出力するjQueryの設定と、内で直接記述したのjQueryの設定が重複し、コードに不具合を起こしてしまうことがある。そうしたjQueryの重複読込を防ぐためには、以下のコードをfunction.phpに記述する。 //重複がないよう最適化したjQuery設定を出力 add_action('wp_head', 'myScript', 1); function myScript() { wp_enqueue_script('jquery'); } そうするとから、<?php wp_head(); ?> から、最適化されたjQueryの<script>の設定が出力されるようになる。 Related posts:WordPress バージョン情報を隠してセキュリティを高める
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね！今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー（カスタム分類）を使って作っています。 ページを表示する為に使っているテンプレート
2011年に配信したjQueryやWordPressなどのWeb制作向け情報・総まとめ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 早いもので今年も残すところあとわずか となりました。今年は年をまたいで仕事 しないとならないので早めに総まとめ的 な記事を書いておきます。と言っても 完全に自分用のまとめですのでご覧に なっても役に立たないと思いますがｗ というわけで、後で復習するのに、探さなくていいようにしただけの自分用リンク集です。 jQueryとWordPressにやたら偏ってます。過去記事のまとめですので目新しいものは一切ありません。 ネタは省いてます。あと、種類で細かく分ける気力が残ってないので順不同です。 スマフォ向けが多いのでスマフォ関連は※印を振っておきました。 復習用なのでリンクは全て当サイトの記事にしてます。他の方には二度手間ですがご了承下さい マウスを乗せるとキャプチャが表示さ
モバイルサイズになると自動でグローバルメニューをPathのような横スライド式に切り替える軽量jQueryプラグイン・PageSlide Responsive - かちびと.net
結構良さそうだったので備忘録。レスポンシブWebデザイン向けのライブラリです。モバイルのサイズになるとグローバルナビを横スライド式に切り替える、というもの。面白いですねー。 これ結構いいんじゃないでしょうか。レスポンシブWebデザインにするとどうしてもナビゲーションが縦長になりがちなのでその不満は解消できるアイデアですね。 PathやFacebookのiPhoneアプリのような横スライドメニューは使いやすいかもしれない。 Pathのようにというか、全く同じじゃないんですが、モバイルサイズになると横スライド式のメニューに変更するjQueryプラグインです。 ちょっといいアイデアですね。プラグインも圧縮版は3KBと軽量です。 タップすると左からメニューがスライドします。 手抜きで申し訳ないんですがサンプルです。 Sample※表示確認はresponsivepxを使うと楽です 実機で重いのは僕が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cou2-design.com
info-architecture.jp