Discover the top curated WordPress Builders & Themes tailored for creative professionals, including designers, developers, and digital marketers. Each WordPress Builder has been meticulously selected to enhance your skills and boost your creativity.
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして
複数のブログを1つのWordpressで運営管理したい! それを実現するのがWordpressのマルチサイト化という機能です。今回はさくらインターネットで出来るマルチサイト化の導入方法を紹介します。 さくらインターネットでマルチサイト化を実現 今回やりたいのはWordpressをインストールしてaaa.comというドメインを割り当て、このブログを使ってbbb.aaa.comやccc.aaa.comというサブドメインを利用してブログを複数運営管理するというものです。 では、さくらインターネットのコントロールパネルの設定をしますが、前もってwordpress本体はwww直下にインストールしてあることとします。 コントロールパネルでサブドメインを追加する 1:さくらドメイン設定で新しいドメインの追加設定をします。【ドメイン設定】から『新しいドメインを追加』をクリック。 2:設定したいドメインを選
wordpressのカスタムフィールドを使いやすくするプラグインは、日本語の情報が多い「Custom Field Template」や「Custom Field GUI Utility」の2つが有名です。今回紹介する海外製の「Advanced Custom Fields」は、日本語の情報こそ少ないですが、海外での評価も高く、僕も実際に使ってみたところ、非常に使いやすく感動したので紹介します。いろいろ開拓してみるもんだね。 Advanced Custom Fieldsって? wordpressのカスタムフィールドはとっても便利です。これを使えば、「タイトル」「本文」「抜粋」以外に自由に入力項目が増やせます。「金額」「品番」「サイズ」などを追加して、商品ページをより入力しやすくする、なんてことも可能です。ただ、実際にカスタムフィールドを使ってみると分かるのですが、カスタムフィールドの入力欄がち
初めまして、 当方Wordpressを勉強の身ながらホームページを制作している者で御座います。 このたび、友人のホームページを制作しておりまして。 カスタムフィールドに入力したURL 例えばhttp://example.com をhtmlタグを使わず、自動的にリンクにする方法はないか? (理由は、その方がだと困るからという理由です) という事を聞かれまして、しかしプラグインなどを色々と試しているのですがプラグインなどがなく苦戦を強いられております。 何か良いプラグインなどありますか? または、何か解決策はありますでしょうか? 因みに私は、 advanced make clickable Ver 1.3.1 というプラグインを導入させましたが、これは、記事に反映されるものでして カスタムフィールドの値には反映されないみたいなんです。 回答の程、何卒よろしくお願い致します。
Netim offers nearly 1,000 geographical (ccTLDs) and generic (gTLDs) extensions. Find the perfect domain name Netim regularly offer discounts on domain names. Some extension start at $1.50 excl.tax for the first year. Discover all of our special offers Whether your website is personal, professional or an online store, you will find the perfect offer for your projects! Discover our web hosting plans
目次 1. カスタムフィールドとは? 2. カスタムフィールドの使い方 3. カスタムフィールドの表示方法 4. カスタムフィールドのちょっとした小技 5. 拡張プラグイン Custom Field Template 6. 拡張プラグイン Advanced Custom Fields 1. カスタムフィールドとは? WordPressの投稿フォームには、「タイトル」と「本文」の2つがあります。 ただのブログであればこれで十分ですが、CMSとしてWebサイトを構築しようとしたら不十分です。 WordPressには、投稿フォームに「カスタムフィールド」を追加できる機能があります。この任意の情報は「メタデータ」と呼ばれ、「名前」とその「値」の組み合わせからなっています。 つまり、「タイトル」と「本文」以外に、任意の入力フォームを追加できる機能といえます。 ↑目次に戻る 2. カスタムフィールドの
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
大きな栗の木の下で ■当ブログ投稿内容の当事者や関係者の方で、コメントの削除や記事訂正を希望される方は、該当ページのコメント欄よりお申し付けください。可能な限り対応させて頂きます。 lazyload.jsを使うと、画面のスクロールに合わせて画像を読み込むから美しい。 jquery.jsとlazyload.jsをダウンロード+アップした上で、 head内に以下を追加 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.dimensions.min.js"></script> <script type="text/javascript" src="jquery.lazyload.js"></script> <script type="text/ja
HTML で制作されたホームページを WordPress でリニューアルするとか、新規サイトを WordPress で制作する間トップページには公開予告を表示しておきたい…なんて時に、index.html と index.php を併用しないといけない場面がよくあります。 WordPress のサイトのアドレスを、「http:// ドメイン名」にしているので、制作中のサイトを「http:// ドメイン名/index.php」で確認しようとしても、リダイレクトされてしまうから…。理屈はよくわかります、でもねー。 でも、救世主はネットの中にお住まいのようで…。「同じディレクトリにindex.phpとindex.htmlを混在させる」の中に解決方法がありました。 転記すると、wp-includes/canonical.phpの208行目(管理者注=バージョン3.1.4 では286行目)の //
さくらサーバーでtestというディレクトリでWordpressを使っています。 事情があって、同じtestというディレクトリにindex.htmlを置くことになりました。 Wordpressが自動的に作った .htaccess ファイルがあります。 # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase /test/ RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /test/index.php [L] </IfModule> # END WordPress これが原因なのか、test/index.phpにアクセスするとtest/index.htmlが表示されてしまいます。 どなた
マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User Friendly Tooltip 40+ Tooltips Scripts With AJAX, JavaScript & CSS vTip 凄く可視性が高い吹き出し。フェードインで表示し、マウスオーバーの間はマウスストーキングします。使いやすそう。対象がテキストでも画像でもOK。試しに入れてみました。以下のリンクにマウスをあわせるとバルーンが現れます。角はcssで丸くしました。デフォルト状態だとマウスカーソルにarrow部分が重なってしまうので
How does it work? Like this: <script src="jquery.js"></script> <script src="lake.js"></script> <script> $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 }); }); </script> ... <img id="lake-img" src="lake.png" style="display: none;"/> Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element. Th
jQuery UI の effect プラグインを使い、クリックで、要素を横に揺らす方法。effect() の1つ目の引数に、「shake」を指定する。3つ目の引数で、横に揺れるアニメーション動作の速度を、ミリ秒単位で、調整できる。 実装例(サンプル) 実装例(サンプル)の動作について 実装例(サンプル)のカーキ色のボックスをクリックすると、ボックスが横に揺れる。 実装例のソースコード 読み込み 読み込み方は、2種類ある。パスは、それぞれ、アップロードした場所を指定する。 まとめて読み込む場合 <link rel="stylesheet" href="themes/base/jquery.ui.all.css"> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascr
Six Revisionsに10 Awesome Techniques and Examples of Animation with jQueryとして 10個のjQueryを使ったアニメーションが紹介されています。 ソースもUPされているので参考にどうぞ。 Puffing Smoke Effect in jQuery 煙突から煙を吐くアニメです。 ゆらゆらとゆれるのが特徴的ですね。 Parallax Scrolling Background 右上のメニューを選択すると 画面が動いて、他のボードに移動します。 ページ全体を使った大胆なアニメーションですね。 これらを使えば、Flash等も使わずに スムーズなアニメーションが作成できますね。
日時(月、時間など)に合わせて、背景画像を自動的に変更したいとき。 月に合わせて、背景画像を(正月、節分、ひな祭り、......)のように替えたい場合、まず1〜12月の画像を連番で用意する。月については、 1月はimage0.png、2月はimage1.png のように0を初期値として連番で画像に名前をつける。表示するためのjavascriptは以下の通り。 var theDate = new Date(); var thisMonthImage = "url(image" + theDate.getMonth() + ".png)"; $("#content").css("background", thisMonthImage); head要素でjQueryを読み込んでおく id="content"の属性を付けたHTML要素の背景画像が設定される
img要素ではなく背景画像(background-image)を切り替えるjQueryプラグインです。 2013年7月29日にバージョン0.4.0をリリースしました。一から書きなおして、切り替え方法など色々改善しているので、良ければ使ってみてください。 ダウンロード jquery.bgswitcher.js 開発リポジトリはrewish/jquery-bgswitcher · GitHub 依存ライブラリ jQuery 1.7.x以上が必要です。 ライセンス MIT License 主な機能 エフェクト付きの背景切り替え 切り替えの制御(開始/停止/リセット) ファイル名の連番自動読み込み 画像のプリロード デモ Demo - jQuery.BgSwitcher 使用方法 <div class="box"> <p>Lorem ipsum dolor sit amet.</p> </div>
今回は比較的簡単な背景色をランダムにってのをjQueryでやってみたいと思います。ウィンドウを開くたび、色をこちらで指定して好きな色のみでランダムに背景色を変更できるようにします。 ※デモ追加しました。 ではHTMLソース。 <body> <p></p> </body> ほぼ空ですがpタグのところに文字を入れるのでpタグだけ入れといてください。 ではjQueryのソース。 var bgcolor = ["#fff000","#ff3dab","#0085f5"]; hairetusu = bgcolor.length; //配列数「3」が出力 $('p').append(hairetusu+"パターンのランダム背景です。");//pタグに配列数を出力 var picup = Math.floor(Math.random()*hairetusu); // 1~3を変数picupに入れる va
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く