【jQuery】slickのカルーセルスライダー実装方法とサンプル集｜Gimmick log
TOPjQuery 【jQuery】slickのカルーセルスライダー実装方法とサンプル集 【jQuery】slickのカルーセルスライダー実装方法とサンプル集 公開日：2015.12.02 更新日：2023.03.19 jQuery, カルーセルスライダー 様々なレイアウトのスライダー、スライドショーを実装出来る slick の使い方をまとめました。 これまでも slider-proやcarouFredSelをご紹介しましたが、slickは両者のいいとこ取りという感じです。詳細は以下の機能概要をご覧ください。 slick.js配布元 サンプルページ slickの機能概要 レスポンシブ対応 横幅のブレイクポイントごとにスライドの表示数、スクロール数を変更可 （centerModeではスクロール数は1つで固定） タッチデバイス対応 IE8以上で動作（スライド数のドットの色は変化しない） 縦カル
2015年総まとめ、jQueryのプラグインとスクリプト100選
毎年恒例のjQueryのプラグインとスクリプトの総まとめを紹介します。「100選」の名称は恒例なので、実際は100以上あります。 今年目立ったのは、ランディングページなどの縦長ページ系、スクロールエフェクト系・CSSやSVGのアニメーションでしょうか。あとレスポンシブ周りも単にサイズ変化に対応させるだけでなく、ユーザビリティを向上させるものが充実していました。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 ソーシャル関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェクト関連 テキスト関連 タブ・アコーディオン関連 テーブル・リスト・チャート関連 フォーム関連 パネル・ボックス関連 モーダル
Drawer
Flexible drawer menu using jQuery, iScroll and CSS. InstallationStep 1: Link required filesDownloadDrawer v3.2.2jQuery 1.11.3+ Created by jQuery Foundation and other contributors.iScroll Created by Matteo Spinelli.CDN<!-- drawer.css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css"> <!-- jquery & iScroll --> <script src="https://ajax.google
「Custom Permalinks」で特定のパーマリンクを設定すると404エラーになる問題 - Suikolog
いやー、かなり弱っておりました。 クライアントさんから「新規記事を作ったけれど、そのパーマリンクにアクセスすると404になるんだけど」というリクエストが来まして。 そのサイト、「Custom Permalinks」というプラグインを使ってます。ちょっとこれまでにも小さな問題やnoticeを吐き出しまくる困ったちゃんだったので正直「またか」という気分だったのですが。 確かに「その記事だけ」パーマリンクがおかしく、404になってしまう。 ググってみても大体は.htaccessの問題で全てのシングルページが404になる、というお話ばかりで、どうにも糸口がつかめずにいたのです。 対症療法として気づいたのは、そのページのカスタムパーマリンクを一文字でも変えると、うまくつながるということ。 しかしそれでは、症状が出たときにクライアントさんが思ったようにパーマリンクを設定できないということで、できれば根
Tooltipster - The jQuery Tooltip Plugin
To use a theme, just include its css file (located in the dist/css/plugins/tooltipster/sideTip/themes folder) in your page and specify its name in Tooltipster's options: $('.tooltip').tooltipster({ theme: 'tooltipster-noir' }); To bring your own modifications to the style of your tooltips, a custom themes section awaits you below. Note: "sideTip" is the name of the plugin used by default by Toolti
会員制サイト「ロゴマルシェ」で使用したプラグイン一覧 – ワードプレステーマTCD
先日、弊社よりロゴマルシェというフリーのロゴ素材ダウンロードサイトをリリースいたしました。 というわけで本記事では、ロゴマルシェの宣伝も兼ねて、このサイトで使用したプラグインをご紹介したいと思います。ちなみに、ロゴマルシェはWordPressで作っています。会員制サイトの機能もほとんどプラグインで対応できました。 会員制サイト機能 Theme My Login ユーザー登録を管理するプラグイン。登録フォームを作ったり、会員登録をメール認証制や管理者承認制にしたり、登録後の送信メールをカスタムしたりできます。会員制サイトには欠かせないプラグイン。 使い方：【wordpress】Theme My Login ｜制作現場のコードストック ユーザー管理に関するあれやこれや（Theme My Login編） Never Let Me Go アカウント退会機能を追加するプラグイン。WordPressは
WordPressで会員制サイトを構築できるプラグイン3個を比較【日本語対応】
WordPressで会員制サイトを構築できるプラグインを紹介します。 管理画面の大部分が日本語化されており、日本語の環境でも運用しやすいプラグインを厳選しました。 これらのプラグインを活用すれば、WordPressに会員制サイトを運用するためのコンテンツ管理機能と会員管理機能を拡張して、会員制サイトに登録した会員だけが保護されたコンテンツを閲覧できるように制限を設けることができます。 プラグインの基本機能が無料で提供されており、拡張機能が有料販売されています。 全ての機能を無料で利用できる訳ではありません。 便利な機能が多いので、プラグインの機能が気に入ったら、有料の拡張機能を購入を検討してみましょう。 それがプラグイン開発者の支援にも繋がります。 プラグインごとに機能や特徴が異なります。 どのプラグインも非常に高機能なので、自分の利用目的に合うプラグインを探してみましょう。 はじめに 選
WordPress 会員制サイトの作り方 WP-Members | hijiriworld Web
2012/10/5: 記事を加筆しました 会員制サイトの主な要件 WP-Membersプラグインの仕組み 設定 WP-Membersプラグインのインストールと有効化 WordPressの設定 WP-Membersの設定 投稿記事にアクセス制限をかける すべての記事に制限をかける 特定の記事に制限をかける 記事の一部に制限をかける 固定ページに制限をかける 注意事項 – 一覧ページなどについて ログインフォームの設置 メンバーズページと新規ユーザー登録ページの設置 新規登録の流れ 登録ユーザーの管理 デザインのカスタマイズ 他要件への応用（1つのパスワードを使いまわす場合） 会員制サイトの主な要件 ・すべての記事、特定の記事、記事の一部にアクセス制限をかける ・サイト上にログインフォームを設置する ・サイト上から新規ユーザー登録ができる ・パスワード変更、パスワードリセット、登録情報の変更が
WordPressで会員制サイトを作れる無料プラグイン「Simple Membership」
2015年10月2日 Wordpress 会員登録をしたユーザー限定でコンテンツを表示する会員制サイト。作るには時間や手間がかかるイメージですよね。今回はそんな会員制サイトを簡単に、そして無料で作れちゃう「Simple Membership」というプラグインをご紹介します。 ↑私が10年以上利用している会計ソフト！ 会員制サイトに必要な機能 以下の機能のついた簡単な会員制サイトを作ってみようと思います。 新規ユーザー登録 ログインフォームの設置 記事やページを限定公開 ユーザーによる登録情報（名前やパスワード等）の変更 管理ページから手動でユーザー追加 Simple Membershipは無料で使えるWordPressの会員システム導入プラグイン。会員レベルの設定やコンテンツの限定公開も簡単で、ショートコードを使ってログインフォームも設置できますよ。細かい設定は難しいかもしれませんが、上記
WordPressの優良プラグイン50選、最初にインストールしておくと超便利！
WordPress（ワードプレス）を利用してブログを運営する際に役立つプラグインを紹介します。 プラグインはWordPressの機能を拡張する役割があります。 プラグインを上手く活用すると、ブログの機能を増やして、ブログの運営を効率化できます。 ブログ運営に役立つ便利なプラグインが沢山あります。 あなたのブログに導入するプラグインを選ぶ際に参考にして下さい。 WordPressの便利なプラグインをあなたも活用しましょう。 この記事を読むと得られること はじめに プラグインとは？ WordPress（ワードプレス）のプラグインは、 機能を拡張する役割があります。 初期状態は、シンプルな機能しか用意されていませんが、 プラグインを利用することで、様々な機能を拡張できます。 便利なプラグインは沢山あります。 この記事では便利なプラグインを紹介しています。 あなたのブログで利用するプラグインを選ぶ
様々なコンテンツを簡単に記事に埋め込めるプラグイン「WP Canvas – Shortcodes」 – ワードプレステーマTCD
WordPressの記事にちょっと凝ったデザインのパーツを入れようとすると、スタイルシートを設定したり画像を作ったりと、案外手間が掛かることがあります。そんなときに、簡単に様々なパーツを埋め込めるのが、今回紹介するプラグインの「WP Canvas – Shortcodes」です。 このプラグインひとつで記事内に追加出来る項目は以下の通り。 アコーディオン タブ トグル カラムとセクション お客様の声 ボーダー ボタン Full Width 通知 Googleマップ ソーシャルアイコン プログレスバー 価格表 フラグ付きの画像 ハイライト カウントダウン RSVP カスタムHTML コードスニペット 任意の投稿の表示 様々な種類のアイコン プラグインのインストール 下記のURLからプラグインをダウンロードして、wp-content/pluginsディレクトリにインストール。その後、管理画面か
WordPress管理画面をカスタマイズ・拡張できるプラグイン19選
WordPressの管理画面をカスタマイズ・拡張して使いやすくできるプラグインを紹介します。 WordPressの管理画面は、初期状態ではシンプルな限られた機能しかありません。 プラグインを利用して機能を拡張することで、機能を増やしたり、使いやすく調整することができます。 管理画面を自分好みにカスタマイズして、記事作成や運営作業の効率化を図りましょう。 この記事を読むと得られること はじめに プラグインの数は最小限に抑える ダメ、絶対、プラグインの入れすぎ 同時に利用するプラグインの数が多過ぎると、 プラグインの相性問題でエラーが発生したり、 ブログの表示が遅くなる原因になります。 本当に必要なプラグインだけを選んで導入してください。 利用するプラグインの数は、10個程度に抑えるのが理想です。 バックアップ必須 プラグインをインストールする前に、 必ずWordPressのデータベースをバッ
Advanced Custom Fieldsの使い方
目次 中々の大作になってしまったので目次付けときます。 ↓目次を表示する まえがき KoToRiは最近まで「Custom Field Template」を愛用していました。 使い方を詳しく説明した記事も書きました。詳しく書き過ぎて見てくれた人にコメントで注意もされました笑 Custom Field Templateの使い方[WordPress] でも最近『Advanced Custom Fields』に乗り換えました。 理由はいろいろあるのですが一番の理由は編集画面に表示されるフィールドが見やすいからです。 管理画面をなるべく使いやすくカスタマイズするという事に重きを置くようになったのです。今更ですが。 でも調べていくうちに『Advanced Custom Fields』の柔軟性にビビりました。 みなさん、このプラグインが無料なのは凄いことです！ なので『Advanced Custom F
[JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js
マークアップは非常にシンプル、スクリプトの設置も簡単、スマホでもタブレットでもデスクトップでもすいすい快適に操作できる水平スクロールコンテンツを実装できるjQueryのプラグインを紹介します。 デモのアニメーション horizonScroll.jsの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="jquery-1.10.2.js"></script> <script type="text/javascript" src="jquery.horizonScroll.js"></script> </head> スマホなどタッチデバイス対応にする場合は、touchSwipe.jsも加えます。 <head> ... <script type="tex
![[JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/87c79333735eb75d10033e33d194426b66f5def3/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015031609.png)
[Wordpress]プラグインの見直しに。ポータルサイトで使用中のプラグイン24+2個 – devolen
ワードプレスで構築したポータルサイトに使用中のプラグインを24+2個紹介します。 不必要なプラグインがないか、見直しをしていたのですが、記事にして紹介することにしました。これを機会に、あなたのワードプレスで使用中のプラグインを見直してはどうでしょうか。 現在東大阪なびで使用中のプラグインを、簡単に説明をつけて紹介します。 「東大阪なび」は、地域情報ポータルサイトなのですが、 今回紹介するプラグインは、ポータルサイト以外でもとても使える便利なプラグインです。 各プラグインには一応リンクを貼っていますが、 ほとんどが自ワードプレス内のプラグイン検索をすると見つけられます。 WordPress日本語版で標準装備のプラグインも含め、計24+2個と多めですがどれも使えるプラグインです。 では以下より紹介していきます。 広告管理に最適。 AdRotate テキスト、画像、バナー等をローテション表示。
プラグインでWordPressを楽々お引っ越し！duplicatorならサーバー移転も簡単。
WordPressの「これが困った！」 WordPressで困っていることはありませんか？ サーバー移転／エラー解消／カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 💬 𝕏（twitter）はよくフリーランスの人たちにフォローされてるようです。 Follow @websae2012 WordPressの移転／バックアップ／複製に最適な「duplicator」とは？ WordPress › Duplicator « WordPress Plugins 『duplicator』は、WordPressサイト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://mmenu.frebsite.nl/
タグによるフィルタリング機能を実装できるjQueryプラグイン
WordPressで企業サイトをつくる時に入れておきたいプラグインまとめ - 株式会社bridge
WordPress神推しブログ - ねたわん
