WordPressインストールの前に初心者泣かせのデメリットに注意
WordPressの「これが困った！」 WordPressで困っていることはありませんか？ サーバー移転／エラー解消／カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 まさにこれからWordPressをインストールしようとしている、ドキドキの初心者さん向けに書きました。 WordPressってどんなもの？ WordPressのメリットは強力だけどデメリットやリスクもあるよ インストール前に備えておくと良いこと こういうことを初心者さんでも理解できるようわかりやすくまとめたつもりです。 なぜ、WordPressを使うの？ WordPressについて調べていると、WordPressユーザーの輝かしい成功談が目につきますよね。 1ヶ月で〇〇万円稼ぎましたー！ 3ヶ月で月間〇〇PV達成しましたー！ こうした声に我も続けと刺激された方も多いでしょう。ま
Photoshopのレイヤー操作が快適になった！レイヤーやフォルダのコピペがショートカットでできる機能拡張 -Copio
Photoshopで一番多くおこなう操作といえば、レイヤー操作という人も多いでしょう。 そんな時に、レイヤーやフォルダのコピペが簡単にできたらいいな、と思ったことはないですか？ レイヤーやフォルダのコピペが同じドキュメント内、異なるドキュメントにもできる無料の機能拡張を紹介します。 レイヤーは一つでも、複数でも簡単にコピペできるようになります。 Copio Copioのインストール Copioの使い方 Copioのインストール CopioはWinとMac対応、Photoshop CCにインストールできます。 ますは、下記ページのちょい下「Free Download」からファイルをダウンロードします。 Copio インストール インストールはちょっと面倒かもしれません。 ダウンロードした「Copio 1.0.zip」を解凍。 「Copio 1.0」内にある「Copio」をフォルダごと下記に移
水っぽい動きのjQueryプラグイン3選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ゆたろです。どうもです。 皆さんは案件などで「水っぽい動き」を求められたことはありませんか？ ゼロから実装するとかなり時間がかかってしまいますが、プラグインを使えば簡単に実装することができます。 というわけで今回は、水っぽい表現をするプラグインの紹介と、それを使用したsampleソースを紹介していきます。 ▼目次 ぷよぷよ動く水玉風 jquery.morphing.js 水たまりの波紋風 jquery.ripples.js フラットデザインと相性抜群 raindrops.js まとめ ぷよぷよ動く水玉風 jquery.morphing.js jquery.morphing.jsは、要素に対して、ぷよぷよと動く円形のクリッピングマスクを作ってくれるプラグインです。 https://github.com/ANTON072/jquery.morphing.js html ダウンロードしたファイル
Web制作でよく使うjQueryプラグイン4選。 | ネクストページブログ
こんにちは。デザイナーのこばやし氏に影響されてすみっコぐらしにハマってしまったアンドレです（ちなみにねこ推し）。 さて、前回はjQueryのメソッドについてお話ししましたが、今回はweb制作でよくお世話になっている、jQueryのプラグインを4つご紹介します。 スライドショー slick 以前はbxSliderをよく使っていましたが、最近はslickを使っています。 変えた理由は大きくは2つです。 1つはbxSliderの場合、1ページ中に複数のスライダーを設置すると、bxSliderオブジェクトの挙動が変化し、制御しづらいことです。 もう1つは、よりレスポンシブに強いことです（responsiveオプションにbreakpoint等を含むオブジェクトを渡してやることで簡単に制御できます）。 Tips スライド化される際にdivやbutton要素が挿入されるため、各画像をul>liでマークア
カスタマイズしやすい！自分で作るjQueryモーダルウィンドウ | それからデザイン スタッフブログ
いまやWEB制作に欠かせないモーダルウィンドウですが、既存のプラグインを利用すると「やりたい表現があるけど、どこをどうカスタマイズすればいいかわからない…」という状況に陥ってしまった経験がある方も多いのではないでしょうか。 今回は、カスタマイズしやすい簡単なモーダルウィンドウの作り方をご紹介します。 デモはこちら。 必要なコードは以下です。（jQueryの読み込み必須） html <!-- モーダルウィンドウを開くボタン --> <p><a href="#modal01" class="modalOpen">Open</a></p> <!-- モーダルウィンドウ --> <div class="modal" id="modal01"> <!-- モーダルウィンドウが開いている時のオーバーレイ --> <div class="overLay modalClose"></div> <!-- モ
jQuery本体のダウンロードと1.X系2.X系の違いと1.9系以降の注意点など - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
1.x 系は IE8 以前をサポートするレガシーブラウザ向けのバージョン、 2.x 系は IE8 以前のサポートは捨てて、高速に安定して動作させることを目指したバージョン、という認識で良いのではないでしょうか。 制作環境に合ったバージョンをダウンロードして下さい。 ダウンロードするファイルは、1.X系2.X系共に Download the compressed, production jQuery ○.○.○ Download the uncompressed, development jQuery ○.○.○ のいずれか。 compressed は圧縮されたファイルで、 uncompressed は非圧縮ファイルです。 特にコアファイルを触らない方は、圧縮ファイルの方を選択で良いと思います。 クリックすると、ズラズラっとコードが表示されますので、 右クリックして名前をつけて保存をクリック
รูเล็ต ทดลองเล่นรูเล็ต เว็บพนันออนไลน์ อันดับ 1 เครดิตฟรีกดรับเอง
7 คาสิโนออนไลน์ ชั้นนำที่ดีเยี่ยมที่สุด Ichimaruni-design คาสิโนออนไลน์ ขอชี้แนะ 6 เว็บเดิมพันออนไลน์ชั้นหนึ่ง ที่มีครบทุกสิ่งที่มีความต้องการ ไม่ว่าจะเป็น คาสิโนออนไลน์ บาคาร่าออนไลน์ ไพ่โป๊กเกอร์ออนไลน์ พร้อมรับโปรโปรชันเครดิตฟรีที่แจกให้แบบจุใจ เว็บไซต์ตรงไม่ผ่าเอเย่นต์ เล่นง่าย ได้เครดิตฟรี ๆ ไปเลย UFABET เครดิตฟรี ไม่รับมิได้แล้ว กับโปรเด็ด โบนัสปัง UFABET เครดิตฟรี สิ่งดีๆที่เรามีให้เฉพาะสมา
WordPressの投稿にテーブル（表）を作成して挿入する方法 | creive【クリーブ】
投稿内に表を使用しているWordpressサイトはあまり多くはありません。 いくつか理由はありますが、「表を作成するのがめんどくさい」、「正しく表を作成するための知識に不安がある」という理由が大半かと思います。中には「投稿編集者にある程度のスキルが必要だから表作成自体を禁止している」という組織もあるのではないでしょうか。 さて、今回はあまり利用されてこなかった「Wordpress」と「表」という組み合わせを通じて、Wordpressの投稿に表を挿入する方法を学びながら、Webサイトに大変重要なメンテナンス性とアクセシビリティを兼ね備えた表に仕上げていく方法について解説したいと思います。 参考：【HTML】table (テーブル) タグの基本！表の作り方・tr、th、tdの使い方も【サンプルあり】 まずは表をWordpressの投稿に挿入してみよう まずはWordpressの投稿にとりあえず
「SublimeText 3」をDreamweaver感覚で使えるようカスタマイズ！便利なプラグイン12選まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「SublimeText 3」をDreamweaver感覚で使えるようカスタマイズ！便利なプラグイン12選まとめ こんにちは！ デザイナーのすーちゃんです。 変温動物ぎみなので冬は常時手が冷たく、コンビニのお釣りを受け取るのにとても気を遣います。あの、ちょっと上から落としていただいて構いませんので……。 さて、わたしは普段Dreamweaverでコーディングをしているのですが、ちょっとした修正などには「Sublime Text 3」を使っています。ただ、たまにしか使わないので、Dreamweaver感覚で使おうとすると凄まじいストレスが……！ そこで今回はしっかり腰を据えて、Sublime Text 3をDreamweaver感覚で使えるようにプラグインでカスタマイズしてみましたので、その方法をご紹介したいと思います！ わたしがSublime Text 3を使う4つの理由 まず、なぜDre
デザインをレスポンシブに対応させる時に役立つjQuery・プラグイン6（サンプルあり） - Design Color
レスポンシブ対応jQueryコード 1.スクロールすると現れて追尾するトップへ戻るボタン スクロールすると現れるページ上部へ戻るボタンです。よく見るやつですね。PC版ではスクロールするとふわっと画面右下に現れて追尾しますが、スマホ版（ウィンドウ幅480px以下）ではついてこられると鬱陶しいので画面最下部に固定しています。 まずは、ある程度スクロールするとフェードインして現れるjQueryコード。 <!-- jQuery --> <script> $(function(){ var pageTop = $("#pageTop"); pageTop.click(function () { $('body, html').animate({ scrollTop: 0 }, 300); return false; }); $(window).scroll(function () { if($(th
WordPress + Titan Framework で簡単に管理画面のオプションページを作成する
WordPress + Titan Framework で簡単に管理画面のオプションページを作成する WordPressでテーマを構築していると簡単なオプションを管理画面から管理者に設定してもらいたいときがあります。 そんなときはTitan Frameworkというプラグインを使用すると簡単にオプション画面を作成することができます。 投稿日2016年01月14日 更新日2016年01月15日 プラグインのダウンロード Titan Framework はWordPressのプラグインページからダウンロードすることができます。 Titan Framework « WordPress Plugins ダウンロードしたら通常プラグインと同じように「plugins」ディレクトリに配置して、管理画面からプラグインを有効にしましょう。 ここでは WordPress 4.3 Titan Framework
サイトの仕様をグレードアップさせるjQueryプラグイン「Top 7 Free jQuery Plugins to Improve Your Web Design」
サイトの仕様をグレードアップさせるjQueryプラグイン「Top 7 Free jQuery Plugins to Improve Your Web Design」 さまざまなプラグインがフリーで配布されており、取り入れてみることで今までの仕様よりもクリエイティブ性をアップさせることができます。今回はそんなjQueryプラグイン「Top 7 Free jQuery Plugins to Improve Your Web Design」を紹介したいと思います。 Cropper 7種という厳選された数ですが、どれも使ってみたくなるプラグインばかり。気になったものをピックアップしましたので下記よりご覧ください。 詳しくは以下 Swipebox | A touchable jQuery lightbox シンプルですが、印象的なライトボックスのプラグイン。写真を印象的に見せたい時におすすめのツール
デザインツールの革命と言っていいかも！サイズ指定を「%」でできるSketchのプラグイン -Fluid
普通のデザインツールだと、サイズ指定は「px」を使用している人がほとんどでしょう。固定値のデザインをするのであれば、ピクセルで何も困りませんが、レスポンシブの相対値のデザインに適しているとは言えません。 Sketchでサイズ指定を「%」でできるプラグインを紹介します。 キャンバス・グループ・兄弟要素に対して、相対的にサイズを指定できます。
ページ削除履歴 - Naifix
Naifix で公開していた以下のページは削除されています。 WordPress プラグイン関連 以下の記事で紹介・解説していたプラグインは何年も更新されておらず、最新版の WordPress で検証したところ正常に動作しないことが確認されたため削除しました。 WordPress のちょっとしたカスタマイズに便利な WP Theme Test https://naifix.com/wp-theme-test/ WordPress テーマカスタマイズに便利な「Theme Test Drive」の使い方 https://naifix.com/theme-test-drive/ ツイート数やはてブ数を取得して高速表示できる SNS Count Cache の使い方 https://naifix.com/sns-count-cache/ Facebook の「いいね！」が激増する WordPres
【jQuery】画像がスムーズに拡大縮小する動きが気持ちイイ［zoom.js］の使い方
画像をクリックすると、スムーズな動きで拡大表示され、ウィンドウをスクロールすると再び気持ちのイイ動きで縮小される、ライトボックス風のjQueryプラグインを紹介します。 ［zoom.js］と名付けられたこのjQueryプラグインですが、シンプルでいて非常に完成度が高いためか、最近かなりの注目を集めているようです。 まずは以下のURLより、実装したサンプルをご覧ください。 ［zoom.js］：実装サンプルはコチラ クリック操作で拡大。 またスクロールさせる以外に、もう一度画像をクリックするかESCキーでも縮小させることができます。 この手の画像操作系のライブラリは動作が重く、なかなか導入に踏み切れないケースが多々ありますが、この［zoom.js］は非常に軽快に動作するので好感度MAXです。 導入手順 さて。この［zoom.js］を実際に設置してみましょう。 まずは公式サイトよりメインのデータ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressをハッカーから守ろう!!ログイン履歴管理プラグイン「Crazy Bone」 – ワードプレステーマTCD
Sketchユーザーにおすすめ、シンプルなアニメーションが実装可能なSketch用プラグイン『AnimateMate』 | バンクーバーのうぇぶ屋
PhotoshopとSketch対応！リアルデータ利用で UIデザイン作成を楽にする拡張プラグイン Craft - PhotoshopVIP
Sketchを更に便利にパワーアップするプラグインのまとめ
タグによるフィルタリング機能を実装できるjQueryプラグイン
