パソコン関連サポートなど、バックアップ致します。2020年2月3日パソコンのサウンド環境改善しました。ウィジェットと違い自動で<p>タグで括らず、htmlを記述できる新しい機能ですが、セーブが完了しない事があります。この他にも、カスタムcssや投稿記事内でjavascriptを記述した場合とかも同様にセーブできない。セーブできたように見えても、保存出来てなかったなどが発生することがあります。SiteGuardが動作している環境では、次の対処で解決します。SiteGuardが稼働中の環境での対処方法SiteGuardはセキュリティ強化を手軽に強力にしてくれる便利で頼れるWordpressのプラグインですが、セキュリティ対策故に誤動作して悪さをしてしまう事があります。間違いはないはずなのに保存・実行の段階で期待通りに動かない場合は、次のように対処しましょう。レンタルサーバーの管理画面で、WAF機能のログを見てみましょう。不具合が発生した時間にログが登録されていたら、その「URL」と「検出されたシグネチャ」をメモしましょう。WordPressの管理画面のSiteGuardのWAFチューニングサポートのメニューを開きます。「新しいルールの追加」をクリックして、シグネチャとファイル名、コメントの入力画面にします。メモした「検出されたシグネチャ」をシグネチャへ、「URL」をファイル名に記入して保存します。これで問題は解決するはずです。うまくいかない場合は、再度見直し(半角スペースやtabが挿入されていないか?など)修正は、一度削除して新規に入力し直すと良いと思います。修正だとうまく反映されない場合があるようです。WAFチューニングの設定方法の詳細はこちらWAFチューニングをしても解決しない場合SiteGuard以外にも要因になるプラグインはあると思います(定義が重なっている場合など)が、まずは、自分の作業内容を疑って、もう一度、丁寧に見直しましょう。新たに変数・関数定義をした場合などはユニークとなっているか?(簡単な確認方法は私は知りませんので、グローバルな定義は頭に特定のキーワードを付けるようにしています。)そのうえで、やっぱり、不具合時にWAF機能にログが登録されているようなら、追加したWAFチューニングの設定を削除して、入力し直して見ましょう。おいて、他社と同等かそれ以上の魅力のあるレンタルサーバーであるからこそ、話題に上るのだと思います。今では、大手では当たり前となっているようですが、paperboy時代からお客様に見えない部分でサーバーの多重化や回線の多重化などしっかりとした運用をしている老舗なので、私はたまにお試しで浮気はしますが、ほぼロリポップ一本で運用しています。安心してデータを預けられるレンタルサーバー。月額100円(税抜)~容量最大400GBでWordPress簡単インストールなど多彩な機能がついて、バックアップ機能も完備!WordPressのホームページに高速化施策の結果。結果から高速化したのは、このホームページです。pure.css導入のテーマで作っていますが、ちっとも高速ではない(実際CSSフレームワークは全体のうちの極僅かなので、高機能のCSSフレームワークを高速なCDNを利用して使用した方が全体的には高速になるかもしれません。)ので、自家製テーマなので、テーマ自身の高速化を含め対策した結果です。サーバが混むと5秒位になることはありますが、アフィリエイト広告(PCページよりは1枚減らしてますが^-^;)とFacebookページありでこれは優秀だと自己満足しています。これなら満足できる性能ではないでしょうか。WordPressのホームページの高速化のための施策テーマ自体の高速化は、使用するテーマにより変わってくるのでここでは詳細は省略します。(高速なCDNが存在するフレームワークやアイコンなどは、CDNから読む、使用していないheader情報は削除するなど)お使いのテーマによっては、ここでの施策を自前で内蔵していたり、優れたソース(wordpressはダイナミックにhtml/cssを生成しますので、phpの書き方一つで随分とレスポンスが変わります。)など様々な工夫で高速化されたものも存在します。私がお客様サイトの作成のペースで使用することの多いで、「BizVektor」などもその1つです。(よく使うもう1つ「Lightning」も比較的高速ですが、標準テーマの範囲で作成されている為か、ここでの高速化施策で、改善できます。Insights」でチェックして、ファイルを置き換えましょう。リソースをダウンロードできます。」と最適化されたデータを作成、ダウンロードすることができます。変更できるものは差し替えましょう。共通の画像をモバイルもPCも使用している場合、圧縮画像のサイズを確認しましょう。PCではぴったりでもモバイルでは解像度が不足などの場合があります。ダイナミックにstyle.cssを生成するテーマの場合は、単純な差替えは有効でありません。場合によっては不具合の要因になるかもしれません。画像読み込みにCDNを使う予定がある場合は、綺麗に見せたい画像は圧縮画像への置き換えは控えた方が良いと思います。CDN側でも圧縮しているのか画像の品質が低下する場合があるようです。以下の様な項目で、対策状況と改善策を提案してくれますが、注意してダウンロードしたデータと差し替えると、「3.画像を最適化する」は改善されます。「4.CSSを縮小する、6.JavaScriptを縮小する」も若干改善します。差替えはFileZillaなどでftpで行います。Minify」により高速化しましょう。高速化のプラグインは沢山ありますが、多機能すぎたり依存性が強かったりとしますので、できるだけ単純軽量で稼働実績も多いものを選びました。Insights」の指摘の1項、2項、4項、5項、6項、9項が改善されます。Cache」をインストール・有効にして、以下のようにチェックを入れます。このままでもいいですが、念のため、キャッシュのフラッシュの設定をしておきます。Minify」をインストール・有効にします。この状態で無条件HTML/CSS/JavaScriptの縮小・結合をしてくれますが、テーマの作りや使用しているプラグインによっては不具合が発生するかもしれません。(出来れば、ローカルに公開サーバー同等環境を用意して確認しておくのが良いと思います。Minify」に任してしまいます。Cache」を設定します。Minify」側でするようにすれば、問題はないようです。これまでに記述したツールで評価結果をよくしたり、不具合を改善するためには、3カ所チェックします。Listに記載しましょう。/wp-content/themes/%テーマ名%/style.cssこんな感じで記載します。「BizVektor」の場合だと、私の事例では、以下のようにすると不具合なく動作するようですが、殆ど高速化は見られないので、使用しない方が良いかもしれません。(お客様のサイトなので使用を止めました)/wp-content/themes/biz-vektor/design_skins/001/001.css最後にFixしているホームページなら無料の画像CDNを導入しましょう画像限定のCDNの導入は簡単で、画像はサイトデータの多くを占めますので、高速化に大きく貢献しますが、注意が必要です。意識的にデータの削除は出来ませんし、URLさえわかればだれでもアクセスできますので、個人情報にかかわる写真や頻繁に差し替える画像を扱う場合は、使用を控えましょう。対象外設定も可能ですので、部分的に採用することも可能です。Photon」を設定します。Url:はランダムは避けてどれか選びましょう。設定後暫くするとCDN経由で画像アクセスするようになります。requestsを見ると、レンタルサーバーのDNS/SSL/Wait(Wordpressのジェネレーション時間?)で100ms~1秒まで変動します。この部分がレンタルサーバーの性能によって大きく変わる部分と思います。現状、通常500ms程度で、100ms以下の場合もあり、理想的な高速なサーバーであれば、0.4S程度反応が早くなるかもしれません。実は、「pagespeed」での測定結果が微妙なんです。PCでは90/100なんですが、モバイルが71/100と微妙な結果となります。Minify」を正しい手順で設定(上記※)、画像CDNは使用したままで、「pagespeed」の完全なレポートでのスコアが、モバイル/パソコンともに98/100となり、一応の満足な結果となり、今後の高速化への施策も見えてきましたので、今回の追求はここまでとします。Analyticsを無効とすれば、100/100)覚書・補足SNS系のプラグインは、意外に重いので、できればテーマ内で処理したほうが良さそう(今後の課題:今後の弊社テーマ「pureframe」の残項目に追加)。Social」で対応、このプラグインは’the_excerpt’を書き込んでいるようなので、’get_the_excerpt()’の使用には注意が必要。Highlighter’などテキストをスキャン、ハイライトしてくれるようなプラグインは大変見やすく利便性は高いのですが重いので、必要なページのみ有効とする等工夫が必要かもしれない。様々な理由であえて、自社内で作成する場合のどのようにすれば良いでしょうか?目的を明確にしましょう。何のためにホームページを作成しようとしているのか明確にして、ゴールを明確にしましょう。別に広告を出す等、誘導は別でパンフレット的なレベルであれば、不慣れな担当者でも実現できる手段はあります。それ単独で集客を考えているなら、かなりハードルが高くなり実現性は低くなります。店舗販売のローカルビジネスや、極めて特殊で競合他社がいないビジネスであれば、実現性は高くなります。社内で実現性が低い目的・ゴールの場合は、教育期間・費用などトータル的に検討して、外注をご検討されるのが良いでしょう。外注する場合も対応範囲で2万円台から数百万(本格的?ホームページの場合、60万~150万程度)の費用と様々ですので、管理する人件費・工数を考慮すると外注に委託する方が費用を抑えられるかもしれません。(内容にもよりますが、弊社の場合だと作成費+年間のサーバレンタル費・管理費を含めても10万円前後だったりします。)お気軽にお問合せ下さい(ご要望の内容如何で、愛媛県以外の事業者様も対応させて頂きます。)予算と期間は?ホームページを作成するには公開するための場所が必要です。契約プロバイダーでホームページが作成できる場合にはそれを利用する方法もありますが、使用できるToolが自由度がなかったり、営利目的で使用は制限されていて、独自ドメインの使用や広告の非表示には有料サービスの利用が必要だったりします。最近では安価なレンタルサーバーや格安でホームページを立ち上げられるサービスがあり、ホームページ専門のサービスを利用する方がより本格的なホームページは作成しやすいと思います。Owndがおススメです。(独自ドメインは将来的な会社の財産となります。年間数千円なので必ず取得しましょう。↓)但し、いくつか単独では機能不足(問合せフォーマットがないなど)もありますので、他のサービスを利用して補うテクニックが必要だったりはします。ビジュアル素材(写真など)や記載すべき内容が明確であれば、作成期間も極めて短期間で公開できるでしょう。(事前準備が十分できていれば、1日で公開も十分可能です。)月々1,000円前後であれば、選択肢は相当に広がります。Wix(無料サービスもありますが、本格的利用には有料サービスが必要)やGoopeなど初心者でもホームページの作成が容易なサービスが利用できます。WiXはレゴブロックのようにパーツを並べて自由度に構築できます(別記事で書きましたが、頻繁に保存しましょう。苦労が一瞬で消えますので)。飲食店などローカルビジネスにはGoope(グーペ)がおススメです。グーペの場合、ページを追加したいなどの場合に階層メニューが作成できないなど窮屈に感じる場合があります。そんな場合は、低価格のレンタルサーバを使ってbaserCMS(4.0以降)で構築されると本格的なホームページが意外に簡単に作成できます。baserCMSは日本語のコーポレートサイト用に開発されたCMSですので、大変日本語にフレンドリーで4.0になって大変洗練されていますし、比較的軽いので月額100円の超低価格のレンタルサーバーでも運用できます(SSLが使用できない、高トラフィックは不可など制限はあります。)ので、リスクも低いといえます。セキュリティ対策ももともと十分考慮されている上に世界的にはシェアが低い(日本語専用なので)こともありターゲットとされる可能性も低く比較的メンテナンスも楽だと思います。◆お値段は少し上がりますが、安定した高性能が好評CMSといえば、Wordpressもお手軽で、テーマの範囲でとりあえず立ち上げるだけであれば、担当者不在でも不可能ではありません。セキュリティ対策を怠ることができないので、しっかり面倒を見る必要があることと、さすがに100円サーバー(Lolipopのエコノミープラン100円プランではそもそも動きません。)では重く実用的ではなく※、ある程度の快適な運用には経験と知識が必要となりますので、専任者がいない場合は、お勧めできません。遅いから高いサーバーへ移設しても必ずしも早くはなりません。(もちろん早くなる場合もありますが、ホームページから無駄を省いたり、CDNを利用するなど高速化する工夫をされる方が効果的です。overまでに改善しました。(ちなみにフレームワークとフォント以外はCDNは使用していません....現在は、画像もCDN使用)このあたりのWordpressサイトの高速化については、別途記載したいと思います。ついてCSSフレームワークpureの概要CSSフレームワークといえば、Bootstrapがまず思い浮かびますが、ご存知の通り他にも沢山の種類が存在します。その中でもpureはかなりサイズが小さく、その割に必要なフレームワークはしっかり押さえていて、使いやすいフレームワークになっています。PUREの機能概要BASENormalize.cssがベースになっていますので、別にリセットの用意は必要なくブラウザの違いによる表示の差分も最小限になるようにできています。/>FORMS各種タイプのFormが予め設定されていて、「class=”pure-form”」と指定するだけでformが使用できます。細かいデザイン設定する場合は、デザイン設定用のclassを合わせて予め設定して、そちらでアレンジするだけです。lineの入力フォームならこんな感じで簡単に記述できます。form/ログインフォーム記憶するサインインラベル付き入力BOXを表示するようなFormの場合、calssに’pure-form-stacked’を追加します。selectがdefaultで、2.25emに設定されていますが、高さが足りないようなので、調整が必要かもしれません。ここでは、2.7emとしています。記憶するログイン入力BOX表示位置を揃えたい場合は、calssに’pure-form-aligned’を追加します。Grid’を併用することで、レスポンシブデザインに対応した入力フォームとなります。class=”pure-group”‘で括ることで、サインアップフォームやモバイルデバイスに適した入力フォームとなります。レンタルサーバーWordPressのローカル開発環境を簡単に構築する方法WordPressのローカル開発環境を簡単に構築WordPressのホームページを作成したり、テーマ作成も実際のレンタルサーバー上でできなくもないですが、運用中や移設準備中だったりすると、ダーミーサーバーを構築して試したりとなります。そんな時にやっぱりローカルで適用予定のサーバー上と同じことができれば、リスクなしにいろいろトライでき、ほぼ完全な形でサーバー上で公開できます。ローカルでWordpressを動かすとなると様々な先人たちが比較的簡単に構築できるツールを公開して下さっていますが、ある程度専門的な知識を要求されたり、サーバーごとのリビジョン違いなどへの対応となるとなかなか難しいと思います。最近では、展開するだけでサーバーが構築できるinstantwordpressが登場してお手軽に試せますが、残念ながら、これはリビジョンが固定となり、2017年8月時点でphpは、最新の7ではありません。これがなかなかの優れものです。このソフトをインストールして構築したいサーバー名と環境を選べば自動でローカルサーバーを構築してくれます。複数構築ができるので、サーバーごとに構築することで、いつでもネット上のサーバーと同じことを試すことが可能となります。Migration」を使って、Export/Importで簡単にローカル環境とインターネット環境が相互に適用できます。レンタルサーバーが無料の独自SSLを提供開始ロリポップが無料の独自SSLを提供開始!待ってました!実は、最近重くなったので、サーバーごと引越しを検討していました。いうわけか、動作が重かったのも急に改善されたようで、高速を謳っているZ.comと性能差は感じないレベルまで回復しています。引越しは見送りとなりそうです。いつもロリポップ!をご利用いただき、ありがとうございます。ロリポップ!では本日より、無料独自SSLの提供を開始いたしました!それを記念して、10日間限定の【全プラン初期費用無料キャンペーン】を開催中です。詳細はこちらをご確認ください。Encrypt」なので、個別認証のSSL認証ではありませんが、手軽にSSL化できるのは大変ありがたい。問合せページや、現時点でのSSL差別化の動きには十分なSSL化が無料でできるのは大変うれしい。他社も無料・格安提供を始めているのでいずれはとは思ってましたが....早速、主なページや、お客様のページもSSL設定をしました。変更すると一度Logoutさせられるが、慌てない。ミス修正は直接変更が必要になるかもしれないので、DBの修正箇所くらいは事前に確認しておくと安心です。301の対応、SEO対策ですね。[R=301,L]こんな感じ、下の2行が今回追加。これで、httpでアクセスが、httpsに画像やリンクで、httpsでないものは、httpsへ変更。(ほとんどの画像はあらかじめ相対アドレスにしていたつもりですが、漏れがいっぱい。外部リンクはダメなのがいっぱいなのでどうするか検討中。)まぁ、こんなところで、最低限、問合せページと出来れば導入ページはグリーン▲(保護された通信・安全な接続)にして体裁を整えましょう。ECショップ・モールも、BASE、Yahoo、楽天、ポンパレとSSL化しています(Amazonは以前から)。この流れ乗り遅れると気が付けば訪問者が1/10なんてことになるかも同じドメインでメールを使わないWordpressだけなら、SSL化100円のこちらもおススメです。Wordpressで必要なことはすべて料金内で設定済み、あとは中身を作るだけ。メールも使うなら、Z.comのレンタルサーバーも契約してこちらでメールを使用することになります。このレンタルサーバーは企業向けクラウドサーバーの延長線の感じで、こちらでWordpressなど様々なAppを動作させることもできますが、すべて自身で設定が必要となりますので、やや専門的な知識が要求されます(ロリポップの自動で7世代バックアップが当たり前となった私的にはバックアップが一番問題で、当面はロリポップへ定期バックアップで運用予定。アルゴリズムでのシグナルとして使用する」とアナウンスされて、ついに本年度から本格化します。その流れに従い、Yahooショップや楽天市場などのモールも常時SSL化されます。ローカルビジネスで地域検索で見つけて頂ければOKなホームページを除いて、Google検索を重視するホームページは常時SSL化を遅ればせながら、急がなければならない状況になっています。弊社ホームページは、現在ロリポップ!のレンタルサーバーを利用しています。【スタンダードプラン】は大容量の120GB!弊社の運用実績から、非常に安定しており、性能改善も行われており、格安価格ですし、大変魅力的なレンタルサーバーとなります。残念ながら、現状は、常時SSL化にドメイン当たり別途2,000円/月(長期契約割引あり)必要となってしまいます。(年間契約で、常時SSL込みでスタンダードプラン2,170円/月~)そこで、今現在、格安で常時SSLが導入できるレンタルサーバーをピックアップしてみました。(弊社が移行も視野にいれて検討しているサービス)なんと年間4,680円(税別)で常時SSLホームページが構築できます。本番とまったく同じ環境でテストすることができる【ステージング環境】WordPressサイトの部分的なコピーも丸ごとコピーも1クリックで!【サイトコピー機能】etc・・・セキュリティ対策もしっかり出来る【独自SSL】は月額100円!!高速性と高い技術サポートが評判のサーバが、常時SSL無料で月額900円(税抜)で使用できます。下記特長を備えています。「プランS」(2017年6月30日までの期間限定)ディスク容量300GBで独自SSLも無料で上記の2サービスよりお得感がありますが、上位プランの様子からマルチドメインよりデータサーバ的な運用に向いていると思われます。JAPANグループならではの高品質なサーバー環境で低価格&大容量。容量、メモリ、CPUを自由自在に拡張OK。保守管理はファーストサーバにすべておまかせで安心です。専門スタッフによる個別サポート、作業代行サービス継続的に機能強化・改善し、常に最新の環境をご提供これまで上げた3件は、構築にはそれなりの知識と経験が必要ですが、こちらは簡単にホームページが構築できます。簡単に構築できて、常時SSLで2,000円/月。テンプレート以上のことをするには知識が必要で、制約も多くなります。情報を登録すれば、すぐにオリジナルのホームページが完成します。初心者だけでなく、中・上級者の方も満足。スマートフォン・タブレットも対応!裏技的ですが、通販もされるのであれば、ネットショップでホームページを構築する方法もあります。カラーミーショップなら、テンプレートをかなり自由に変更できますので、トップページをホームページの体裁にすることは比較的容易です。常時SSLは独自ドメインの場合、残念ながら、1,000円/月必要ですが、エコノミープランであれば、常時SSL込みで1,900円/月でショップ兼ホームページが構築できることになります。いくつか注意点があります。エコノミープランだと自由ページが10ページまで(年ごとに増えて100ページまで)ですので、大規模なホームページの作成には向きません。ホームページ化には、テンプレートを編集できるhtmlの知識が要求されます。クレジット審査を受ける場合にショップとしての記載以外部分が不適切と判断されるリスクがあります。レンタルサーバーロリポップ!スタジオでレゴブロック的にホームページを構築GMOペパボから「ロリポップ!スタジオ」のリリース通知が来たので、ちょっと覗いてみました。グーペの焼き直しみたいなものかと思ってましたが、その機能を見てみて裏切られました。グーペとは全く違い、かなり自由度が高いようで、どうもレゴブロック的に構築できるようです。メニューの階層構造はもちろん、SEO対策もしっかり考慮されているようです。詳細はこちら)でも使えるので、月額1080円でかなり自由度の高いホームページが簡単にできてしまうとなると、なかなか魅力的なので、いろいろと忙しいこの時期ですが、時間を作って年内の無料期間にいろいろと試したいと思います。機能を見たところ、「グーペ」にあって「ロリポップ!スタジオ」にない機能は予約機能だけのようですが、おそらく競合となるであろう「WIX」が予約機能を備えているので、近い将来サポートされるかもしれないですし、とりあえずは外部の予約システム「Coubic」などを利用すれば事足りると思います。「グーペ」で物足りない方は、「ロリポップ!スタジオ」でって感じでしょう。スキルのある方がWordpressを使用するには及びませんが、通常ホームページに要求される要件はほぼ構築できるほど、ポテンシャルは高そうな印象です。マニュアルの機能からだけの印象ですので、実際に使用して使いやすいか、信頼性、レスポンスはどうかなど、実際に使って確かめてみたいと思います。年内は無料ですので、多くの方が試されて、実力を確認して頂ければと思います。私自身も含め、確認された結果を踏まえて、今後のお客様へのホームページ構築の提案に加えるか検討したいと思います。お気軽にお問合せ下さい(パソコンのこと、格安システム構築、ホームページ作成、運用サポートなど)弊社Yahooショップ最近の投稿ストアボタンが嬉しいSTORESを始めるYahooショップカートを外部に貼り付けるwxpythonで作ったbuttonがWindows10ではアクティブにならない。御社に最適なモールの選びの為にネットショップの作成から運用までサポートパソコンの購入、メンテナンス、トラブル対応などなんでもご相談下さい。2020年2月3日パソコンのサウンド環境改善しました。