BLOG﻿メニューとウィジェットFacebookTwitter検索:ABOUT当サイトは株式会社アートグラフィック新潟WEB制作ブログです。WEB制作にまつわることや新潟の情報など投稿していきます。会社のホームページはこちら♪ご注意:記事は当時の情報を元に書かれておりますので、仕様が変更され記事と合わない事がございますので、その際はご容赦願います。目は口ほどに物を言う?目+αでキャラクターの感情を表現!ブログやSNSで、ちょいちょい登場しているきりん君。口が大きな鼻(?)で隠れているので、表情にバリエーションをつけるのが地味に難しい...。今回、目と多少の附属物で、どれだけ表情に変化が出るのか挑戦してみました。こちらが、基準となる平常心のきりん君です。笑う目を細めて頬を赤らめました。企む同じ笑顔でも、こちらは邪悪な笑みです。何か悪いこと考えてます。怒るちょっとムッとした感じ。眉間のシワがポイントです。怒る2より怒りが強いバージョン。光のない大きな黒目は、不気味な迫力があります。泣くゆらゆらした黒目にきらめきを入れて、うるうるに。泣く2涙が止まらない!同じ涙でも、描き方でいろいろな泣き顔ができそうです。あきれ顔にも見えます。考える思案中...眠い半開きの目で眠い顔。マンガで見るような泡(?)をつけると、よりそれっぽく。焦る左右で黒目の大きさを変えて、目を白黒している感じに。驚く某少女マンガのように、白目でハッと。燃える瞳に炎を宿らせ、眉毛もつけて熱い感じにしてみました。描いてみて目だけでも、ちょっとした違いでけっこう変化が出るものですね!いつかLINEスタンプでも作るようなことがあれば、活用していけたらと思います。コメントを残すローカル環境からのお引越し(searchreplacedb2.phpを使います)【WordPress】みなさんのお住まいのところは梅雨入りしましたか?私は今年の春に2階から1階に引っ越したのですが、2階の時に比べてちょっぴり湿っぽい気がします。洗濯物が乾きにくくて嫌な季節ですね。今回はローカル(今回はMac×Mampです)から本番環境へWordpressを移行した時のお話です。カスタムフィールドやら初期登録分の記事やら、固定ページやら、量が多くなければ本番環境でもう一度作っても良いのですが(その程度ならWP使ってないかもしれませんね)、ローカル環境でお腹いっぱいになっているWPを本番環境に引っ越します。WP標準のインポートツールだけだと、うまく移行できないデータがあったり、データベース上のURLの書き換えがうまいこといかずにリンクが切れたりすることがあるみたいです。(※参考サイト:テストから本番へ!WordPressでURLが変わる場合のデータベース修正マニュアル)今回は参考サイトを見ながらsearchreplacedb2.phpというスクリプトを使います。作業手順ローカルからデータベースのエクスポート(sql)本番環境にデータをインポートサイトデータをサーバにアップsearchreplacedb2.phpを使ってデータベース内のURLを書き換えるsearchreplacedb2.phpを削除する準備段階としてsearchreplacedb2.phpを先にダウンロードしておきます。(準備を全部してからの方が慌てなくていいですからね)https://interconnectit.com/products/search-and-replace-for-wordpress-databases/上記リンク先のページ中程にダウンロードのリンクが有ります。BETA版も有るようですが、今回は2.1.0の方を使って問題なく引越しできました!ローカルからデータベースのエクスポートMampからphpMyAdminにアクセスしてデータベースをエクスポートします。必要なテーブルを全て選択すること。SQLで出力すること。コマンドを追加する」にチェックを入れること。実行して.sqlで保存します。データ量が大きい場合は圧縮した方がいいのかもしれません。本番環境にデータをインポートこちらは移行先のサーバによるかも知れませんが、サーバのコントロールパネルからphpMyAdminにアクセスして「インポート」してあげます。コレだけなんですが、コレだけでできてしまいました。サイトデータをサーバにアップFTPツールなどで、サイトデータ(テーマファイルなど必要なもの)をアップロードします。参考サイトなどをいろいろ見ているとwp-config.phpをアップロードして書き換えると説明されているものが多かったですが、今回はその作業無くいけました。本番環境にWPを設置してあったので、その辺りをいじる必要がなかったみたいです。searchreplacedb2.phpを使ってデータベース内のURLを書き換える最初にダウンロードしておいたsearchreplacedb2.phpをWPのフォルダにアップロードしてアクセスします。URLはhttp://ドメイン/wordpress/searchreplacedb2.phpみたいなかんじです。「Submit」をクリックして次に進みます。書き換えを行うデータベースの情報が表示されます。Details」をクリック。書き換えを行うテーブルを選択します。※初期状態で全選択されていたので、そのままで良かったです。確認したら「Continue」をクリック。上のテキストボックスに「どの文字列を書き換えるか(旧URL)」を入力。下のテキストボックスには「書き換え後のURL(新URL)」を入力します。string」をクリック。コレでURLの書き換えが行われます。本番サイトを確認してみましょう。searchreplacedb2.phpを削除する書き換えが行われたのを確認して、searchreplacedb2.phpをサーバから削除します。何度も表示されてますが「消すの忘れないでね!」出そうです。このスクリプトにアクセスできると、誰でも書き換えができてしまいますからね。絶対に削除しましょう。まとめ今回はテストから本番環境への移行で利用しましたが、サーバが移行したときなどにも使えそうです。(カスタムフィールドを作りすぎて移行がすこぶる大変になってしまった。カスタムフィールドのメンテが今後思いやられます・・・)データベースをいじくるので、ご利用は自己責任かつ、細心の注意が必要ですね。【簡単】WordPressのお引っ越し。ドメインを変えての引っ越し方法。虹のようなカラフルデザインのWebサイトまとめもうすぐ6月も終わりですね。新潟ではいまだすっきりしないお天気が続く今日この頃ですが、みなさんがお住まいの空模様はいかがでしょうか?今回は、梅雨空のじめじめ気分が晴れるようなカラフルなWebデザインをまとめてみました。レインボーロードhttp://room-ayaka.jp/rainbowroad/レスポンシブデザイン。ポイントで置いてあるモチーフの色が、じわじわと切り替わります。宝石が虹色に輝くように見えて素敵。GROUPhttp://jazygroup.com/ページ変移のアニメーションが気持ちいい!ぷるぷるSPARKLINGゼリーhttp://www.hakutsuru.co.jp/purupuru/ぷるぷるふるえるアイコンや、しゅわしゅわ消える炭酸水のような背景がとてもかわいらしいです。マウスオーバーの「ぷるんっ!」とした動きが何ともいえない心地よさ。magichttp://www.itokin.com/musee/colormagic/白ベースの中に突然現れるカラーテープが、鮮やかでとても印象的。ファッションショーを見ているかのような商品写真の紹介の仕方も面白いです。500色の色えんぴつhttp://www.felissimo.co.jp/500/「500色」がずらりと並ぶ様は壮観!色えんぴつで描かれたようなボタンやタイトル背景など、色えんぴつのイメージで統一されたデザインになっています。avionhttp://avionavion.jp/レスポンシブデザイン。こども服のブランドサイトなのですが、やわらかめの色使いがイメージにぴったり。CHITAZENhttp://www.chitazen.co.jp/彩度の低いちょっと渋めのレインボーカラー。スクロールに連動して描かれるラインの動きが楽しいです。ヘッダーの町の風景が時間に合わせて変わるのも、心憎い演出。いかがでしたでしょうか?「カラフル」と一口にいっても、彩度や色の面積によって様々なバリエーションがあるんですね〜。コメントを残す『openWYSIWYG』使ってみたお客さまのホームページをリニューアルする際に、『お知らせ』部分をWYSIWYGエディタで書き込めるようにしました。その時に使ったのが『openWYSIWYG』というWYSIWYGエディタ。JavaScriptで開発されているエディタです。この使い方とカスタマイズ、画像使用不可ですがChromeで使う際の修正を書いて行きます。基本プログラムのダウンロード。(ライセンス:LGPL)http://www.openwebware.com/非公式で日本向けカスタム版もあるようですが、使用前にご確認ください。