桜の遅い新潟ですが、それでも花見に行く前に葉桜になりそうです。
何の脈絡もありませんが、今回もWordPressのはなしを。
ダッシュボードから簡単にシステムのアップデートができるWordPressですが、たまに更新に失敗して、「メンテナンス中」から復旧できなくなることがあります。プラグインのアップデートでもあります。
なんかアップデートが進まないなぁ、と思ってサイトを表示させようとしても、メンテナンスモードのまま、
と、なって、何も受け付けなくなってます…。
プラグインとの相性か、サーバーのPHPのバージョンか、原因は様々です。
ログインも出来なくなるので焦りますが、以下の方法で復旧できます。
慌てずFTPでインストールフォルダにあるファイル、「.maintenance」を削除しましょう。
とりあえず元に戻ります。
ファイルそのものは一時ファイルですので、削除しても問題ありません。
あとは原因を探ってから、再度更新しましょう。
私は先日この症状が出た時は、WordPress側の新バージョンが出るのを待ちました。
消極的解決法。
4月に入りまして、花粉さえ飛んでなけれは、
いい季節になりました。
今回は、デザイナーに作業をお願いするときに
気を付けていることをまとめました。
私は、普段webディレクションの仕事していて
お客様から聞いてきた内容を元に、構成案とデザイン案を制作します。
構成案は自分で作成すればよいのですが、ページのデザインはデザイナーにお願いします。
デザイナーへの説明がうまく伝わらないと、
「イメージと全然違う」
「何度も修正が入って予算をオーバーしてしまった」
などのトラブルが起こってしましまいます。
ドラマで良くある「○○君これお願い。」みたいに何の説明もなく
仕事が上がってくることは、ほぼありえません。
上記のトラブルが起きないよう
私がデザイナーにお願いするときの注意点をまとめてみました。
1.情報、目的、サイト構成の説明
デザイナーにお客様の情報や目的、サイト構成を説明するようにしています。
まずは、ディレクターとデザイナー同じ情報を共有することがスタートラインです。
ここをおろそかにすると、後々大きなズレが生じる場合があります。
2.掲載情報
掲載内容と情報の順位付けを行い指示します。
デザイナーが構成に時間をかけて、後ですりあわせを行うよりも、
はじめから指示をした方がスムーズに作業を行えます。
3.色の指定
メインカラーを指定します。
お客様指定の場合もありますし、デザイナーと相談して決める場合もあります。
どちらにしろ明確に指示します。
サブカラーは状況に応じて指示しています。
4.テイストの近いサイト
他のサイトを使ってイメージやデザインの方向性を伝えます。
最低3~4サイト用意します。
コピーサイトにならないように、
全体の雰囲気や部分的に参考にするなどサイトによってどこを参考にするのか説明します。
デザイナーに考える力をつけるにはこの方法はおすすめしませんが、
私は、感覚・雰囲気など、言葉で明確に表現しにくい部分を共有するために使用しています。
5.スケジュールの確認
今持っているスケジュールを確認して無理のない納期を設定します。
あまりにも短納期で仕事を詰めすぎると、それなりのデザインしか上がってきません。
全ての仕事でできるわけではありませんが、意識して行っています。
まとめ
以上の点を意識して行っていますが、
いきなり100点のデザインは上がってきません。
デザイナーがお客様と直接お話しできれば、デザイナーの能力の問題となりますが、
お客様 → ディレクター → デザイナーの場合は、
ディレクターがお客様の話をまとめて、デザイナーに指示していますので、
半分はディレクターの責任だと思います。
「思ったものをあげてこない」ではなく、「思ったものをあげてもらう」ために何をするかが大事だと思います。
暖かくなってきました。新潟の桜は次の週末あたりに咲くようです。新潟市内だと、鳥屋野潟の桜がキレイですね。
ここしばらく、WordpressのURL変更を行う事が数件あり、だいたいやり方が固まったので、手順を公開してみます。
phpmyadminは使いません。ドメインの変更がないことが前提です。
テストURLでとりあえず構築したワードプレスを正式URLに変更することはよくあると思います。
または、考え無しにテストのつもりで構築してしまい、後から変えたくなったりとか。クライアントの気まぐれでアドレス変えてくれとか…。まぁ色々ありますよね…。
★手順★
１．設定画面で、ブログのURLを変更する。
２．データベースの該当箇所を書き換える。
３．必要があれば、URL（ドメイン）を変更する。
４．確認する。
例として、
旧 http://www.agn-web.com/test04/
このブログのURLを
新 http://www.agn-web.com/niigata/
に変更するケースで説明します。
ダッシュボード→設定で、
・Wordpressアドレス（URL）
・サイトアドレス（URL）
を両方変更し、保存します。
保存を押すとアクセスできなくなって、404がでますが、気にしません。
serch-replace-DBというPHPで書かれたツールを使います。
https://interconnectit.com/products/search-and-replace-for-wordpress-databases/
こちらからzipファイルをダウンロードしてください。
解凍したらフォルダごと、ワードプレスのルートディレクトリにアップロードします。
フォルダ名は仮にSRDBとしておきます。
ブラウザで、SRDBフォルダにアクセスします。
http://www.agn-web.com/test04/SRDB/
ワードプレスで使われているDBを自動で読み込んでくれます。
このツールを使って、DB内のURLを書き換えます。
今回は、agn-web.com/test04をagn-web/niigataに置き換えます。
dry runでテストできます。明らかな間違いが無ければ、live runで実行します。
view changeで変更箇所を確認することも出来ます。
今回は、サーバー上のディレクトリ名をtest04からniigataに書き換えます。
FTPクライアント上で変更すると良いでしょう。
URLの変更のみなら、即座に反映されますので、変更後のURLで表示できるかどうか確認します。
チェックポイントとしては、
・変更後のURLでアクセスできるか。
・見た目で画像などがきちんと表示されているかどうか。
・画像のリンク切れがないか。
・ページ遷移のリンク切れがないか。
等を確認します。特にテーマをカスタマイズしていた場合、URLを記入している箇所は要注意です。
無事に変更できたことを確認したら危険ですので、必ずSRDBフォルダを削除しておきます。
・変更までにDBのバックアップを取りましょう。失敗すると全てのデータを失いかねませんので、慎重に。
・上記手順を間違えると、管理画面に入れなくなりますので、ご注意を。
・元に戻せるデータを用意してから、作業するのが基本です。
・上記はWordpressのversion4あたりの話です。
・どうにもならなくなったら、新規構築する割り切りも大事。
・お約束ですが自己責任で。絶対に失敗できない方はご依頼ください。
・色々書きましたが、サーバー引越しよりはラクです。引越しの時はwp-configの書き換えなども必要です。
いよいよ明日から4月!
始まりの季節は、なんだかいつもそわそわしてしまうsakaiです。
新年度ということで、環境の変化が多い時期ですが、
そんな中、新たにWebデザイン制作業務に携わることになった方もいらっしゃるのではないでしょうか。
「Photoshopは使ったことがあるけど、Webデザインには利用したことがない」
そんな方向けに、Web制作においての初歩的なPhotoshop操作のポイントをまとめてみました。
今回ご紹介するのは、作業しやすい、他の人が見てもわかりやすい構造にするためのレイヤー管理方法です。
※以下の記事は、PhotoshopCS6の環境をもとにしています。
こちらにチェックを入れると、直接カンバスからレイヤーが選択できるようになります。
拡大･縮小･回転も、バウンディングボックスで変形可能!
レイヤーコピーを繰り返すとレイヤー名のうしろに「〜のコピー」がずらり…
これだとちょっとわかりづらいですね。
レイヤーパネルのオプションを開き「コピーしたレイヤーとグループに「コピー」を追加」のチェックを外します。
これで、コピーを繰り返しても「〜のコピー」はつきません。
すっきりとしたレイヤーパネルになりました。
たとえば、ボタンパーツは1つのグループに。ヘッダーは1つのグループに。
最初はざっくりとでもかまわないので、こまめにまとめながら制作を進めましょう。
スライスで書き出すときや、あとから変更を加えるとき…
整理されていないところから目的のレイヤーを見つけ出すのは至難の業。
たとえばコーダーさんなど、データ作成者以外の方にデザインデータを渡す場合は特に気をつけたいものです。
フォルダが増えてくると、開かれたグループを一つ一つ折り畳むのは手間になってきます。
「⌘＋shift」でフォルダ脇の三角アイコンを押すと、1度に収納することができます。
「テキストレイヤーだけを編集したい」「背景画像だけを編集したい」
そんなときに便利な機能です。
左から「ピクセルレイヤー」「調整レイヤー」「テキストレイヤー」「シェイプレイヤー」「スマートオブジェクトレイヤー」のフィルタリングです。
これらを選択すると、対象の属性レイヤーのみを表示することができます。
ちなみに複数選択することもできます。
選択しているとき、一時的にグループ表示ではなくなりますので、
あらかじめグループを色分けしておいた方が、よりわかりやすくなるかもしれません。
いかがでしたでしょうか。
レイヤー整理の参考に、少しでもなれたら幸いです!
古町花街千社札めぐりは、明日が最終日です！ この機会に行ったことの無いお店にも、 是非足を運んでみてください。新たな発見があると思います。 抽選会場の本部、古町花街コミュニティインフォメーション五季茶家は本日月曜日は定休日となっておりますので、ご注意ください。
— 古町花街千社札めぐり (@senjyafuda_mgr) 2015, 3月 30
約１ケ月開催された古町花街千社札めぐりも本日が最終日です。
みなさんはもう行かれましたか？
twitterやFacebookでも「行ってきたよ♪」という声も聞かれます。
春の訪れを感じるこの季節にふらり古町も素敵ですよね！
すっかり春めいてきまして。みなさんの花粉症の具合はいかがですか？
私自身は平気なのですが、まわりの花粉症の人たちをみると辛そうで・・・
それよりも私は春先特有の猛烈な眠気に困っています。間断なく春の眠気が襲ってくるのです。強敵です。手強いです。眠いです。
いつものことじゃないのかって？いやー、まぁ。。。
さて、今日はWordpressのお話で。
現在投稿するユーザーが複数入るポータルサイトみたいのを作ってまして。
記事書く時にカテゴリーのつけ忘れって、結構あると思うのですよね。それで、特定のユーザーの場合は、必ずあるカテゴリに初めからチェックが入った状態にしたいな、と。
ユーザー権限で分岐できればもっとカンタンだったかもなのですが、今回はjQueryで処理しました。
※function.phpに記述
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
function check_cat_type() { //ユーザーID取得 $user = wp_get_current_user(); $userID = $user->ID; //type /* プロフィール情報とカテゴリの共通するスラッグ */ $type01 = 'type01'; $type02 = 'type02'; $type03 = 'type03'; $type = 'profile_type'; /* 'profile_type'はプロフィール情報のカスタムフィールドのslug */ //ユーザーのタイプ取得 $profile_type = get_the_author_meta( $type, $userID); if($profile_type != ''){ foreach ($profile_type as $thistype){ //カテゴリーIDの取得 if($thistype == $type01){ $idObj = get_category_by_slug( $type01 ); }elseif($thistype == $type02){ $idObj = get_category_by_slug( $type02 ); }elseif($thistype == $type03){ $idObj = get_category_by_slug( $type03 ); } $cat_id = $idObj->term_id; //jQueryでチェックボックスに該当するチェックボックスにチェックを入れる $script_type = '<script type="text/javascript">'; $script_type .= 'jQuery(document).ready(function($){'; $script_type .= 'jQuery("input#in-category-' .$cat_id .'").attr("checked", "checked");'; $script_type .= '});'; $script_type .= '</script>'; echo $script_type; } } } add_action('admin_head', 'check_cat_type'); |
今回はコチラを参考にさせていただきました。ありがとうございます！
記事投稿時に指定したカテゴリーのチェックボックスを選択済みにする
今の所これだと、編集時にも必ずチェックが入るんですよね。
あえてチェック外したいなっていうときは忘れないようにですねー
どうもKazです。
はじめて…と言っていい程、まともにcookieを触る事になりまして…
まぁ、さわったんですがね。
コイツが以外と一癖あるなって改めて思ったので、忘れないように書いとこうと思います。
今回はPHPで扱ったのですが、読み・書きはJqueryで扱うよりもカンタン♪
フォームのPOSTで渡す動きが飲み込めていれば、カンタンにおいしくお使い頂けます。
ただ、動きが…この動きが独特で…気づくまで頭を抱えてました。
【cookie】の生態
・いつでも読める、いつでも書ける。
・変数にもカンタンに内容を入れられます。
・読み込んで加工を加え書き込み、また読み込むと”加工前の内容”が入っています。
・cookieの削除を行っても”消えません”。
この生態の後半2つ。
通常の変数やレコードの書き込みに慣れてすぎていると、まったく感覚がつまめません…
書き直したのに、変わらない!!
消したのに、まだ有る!!
まぁ、扱い慣れている人ならば『何言ってんだ』と思うかもしれませんが…
ページを再度読み込まない限り内容が変わらないって言うのは、慣れません!!
cookieを扱う際は、書き込みは気にしなくて良いのですが
リアルタイムに内容を扱う際は、特定の変数に入れて
その変数をリアルタイムに変わるcookieとして使いましょう。
あとは、リロードの対策とcookieの賞味期限の調整をお忘れなく。
今回は、Windows Vista（Home Basicは未実装）以降のバージョンに実装された画面キャプチャソフトです。
今更？って思う方もいるでしょうが、正直言うと知らなかったんです（笑）
元々、画面キャプチャソフトは昔からシェアウエアを使用してた為、
必要がなかったのです。
今回、お客様に簡単に画面キャプチャを取ってもらうために
何かいいソフトはないか調べていたら、
WindowsにSnipping Tool（スニッピングツール）があることを知って、
ビックリ！！
こんないいソフトがあったなんて・・・
なので、今更かもしれませんが紹介します。
画面キャプチャソフトとは？パソコンの画面に表示されているものを
画像にして保存するソフトです。
全体画面キャプチャは、キーボードの右上に「PrintScreen」と書かれたキー（「PriScr」と略されていることもあります。）を押せば、取ることはできます。
では、Snipping Tool（スニッピングツール）を使うと何ができるかというと
1.自分の好きな形に取ることができる。
2.取った画像に直接マウスで文字が書ける。
3.そのまま別のソフトに貼り付けや画像として保存できる。
それでは、説明してきますね。
まず、Snipping Tool（スニッピングツール）は
Windowsの「スタート」→「すべてのプログラム」→「アクセサリ」の中に「Snipping Tool」があります。
Snipping Toolが立ち上がると、ウィンドウが出現し、背景が白いマスクがかかった画面になります。
1.自分の好きな形に取ることができる。
操作ウィンドウの「新規作成」の▼から切り取りの方法が4種類選べます。
・自由形式の領域切り取り
・四角形の領域切り取り
・ウィンドウ領域切り取り
・全画面領域切り取り
・自由形式の領域切り取り
マウスをドラッグした形に切り抜けます。一筆書きになるので注意！
・四角形の領域切り取り
マウスをドラッグしたエリアを四角形に切り抜きます。
・ウィンドウ領域切り取りは選択したウインドウを切り抜きます
・全画面領域切り取りは文字通り全画面を切り抜きます。
2.取った画像に直接マウスで文字が書ける。
画面キャプチャ後、「ペン」のボタンを押した状態にすると、直接マウスで文字が書けるようになります。
画像の注意点や指示など書くことができます。（フリーハンドです。）
※消しゴムを使うと簡単に消すことができるので何度でもやり直せます。
3.そのまま別のソフトに貼り付けや画像として保存できる。
画面キャプチャ後に「コピー」のボタンを押しすと別のソフト（Word、Excel）に直接貼り付けることができます。
「保存」のボタンを押しすと画像ファイルとしての保存が可能（保存形式はJPEG・HTML・PNG・GIF）
●こんなこともできます
例えば、以下のようにウィンドウの「メニュー」一覧など通常の方法では、うまく取り込む ことができません。
こんな時は、Snipping Toolを立ち上げた後、一旦「Esc」キーを押して、Toolを非アクティブ状態にします。その後、キャプチャしたい「メニュー」を表示状態にし、そのまま「Cttl」キーと「PrintScreen」キー両方を押します。こうすることで、メニューが表示されたまま、Snipping Toolが起動しますので、あとは今まで通りの方法でキャプチャするだけです。意外と簡単にできますので、是非試してみて下さい。
今日はサイト制作材料として新潟市内の銭湯数件で撮影を行いました。
季節柄、湿気と湯気に悩まされる撮影でした。カメラマンは苦労したと思います。
かつてWEBの写真は、それほど高画質でなくても大丈夫と言われた時代もありましたが、回線速度も速くなり、スマホもPCも大画面化、高精細化して、WEBにおける写真のクオリティは以前よりもずっと重要になっています。写真の良いサイトはぐっと魅力的に見えるものです。
弊社では、WEB制作においてクオリティにこだわった上質な写真を、弊社専属のカメラマンが撮影させていただきます。店内撮影から、人物、物撮りまであらゆる撮影に対応可能です。写真にこだわるWEB制作はお気軽にご相談ください。
（写真はディレクターがさらっと適当に撮ったスナップですので、あしからず。）
とうとうやってきました!! 死角を持たないニクい奴!!
RICOHから発売されてます360度の写真が一回で撮影できる
『RICOH THETA』
そして撮影したのが、こんな感じ。
（マウスでグリグリしてみてください!）
※IEではご覧頂けない場合があります。
今まで、空間を感じて頂く事が難しかったのですが、これで雰囲気だけでも感じて頂ける画像が掲載できます。
カフェや式場、気に入った散歩道にある『あの場所』…
撮影やWEB掲載など、ご相談ください!!