a{height:48px;width:48px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}#search-menu-input:checked~#search-menu-content{-webkit-transform:translateY(20%);transform:translateY(20%)}.search-menu-content{padding-top:40px}WordPress初心者がブログ運営する上で必要なバックアップ方法。CSS・HTMLの基礎がわかるステップを丁寧に説明。コピー2017.12.14WordPressのデータベース・本体ファイルを間違ってすべて削除し、バックアップを一度もとったことが無い場合。キャッシュなど残っているときの、記事・画像のデータなど復元する方法です。WordPressのファイルとデータベースを新規導入しても記事と画像、カスタマイズした項目は戻って来ません。キャッシュやfeedly、Web上・ローカル上にアーカイブされたデータが残っていれば、運が良ければ復元出来るファイル・記事が存在するので、出来る範囲復元してください。キャッシュが残ってると一番早いので、初めの見出しからチェックしてくださいね。検索結果にあるキャッシュ機能で表示するには、リンクやタイトルを入れて『検索』ボタンを押し、『▼』ボタン『キャッシュ』をクリックして表示!もしキャッシュ:古いデータが残っていれば、復元可能です。検索結果のデータが残念ながら更新されてしまっていれば、普段使っているブラウザのキャッシュで記事内画像・CSSが残っている場合もあります。※CSSのコピペは要素の検証で取得できることもあります。HTMLをコピペするメリットHTMLをコピペすると、装飾するためページ内につけたタグ・画像のタグ(以前の画像のパス)までコピーできるからです。記事のコピペだけでも問題ないですが、ほんのり作業が楽になります。F12キーなどで要素の検証を開き、エレメントをコピペすればかなり効率が良いです。そこで記事だけでなく、環境によってはCSSも復元可能です。ページで使用しているプラグインもチェックできる場合もあるので、ご確認ください。※画像・CSSの復元については後述。基本的な検証画面の使いかたは、以下をチェックしてください。要素の検証が分からない場合、上記記事をチェックしながら、以降復元してください。Chromeでの復元方法ですが、FireFoxなどでも同じように似た方法になります。記事の復元!コンテンツのHTMLタグをコピペWordPressの記事は色んなHTMLタグに囲まれてます。記事を囲っているタグを見つけ、コンテンツのHTMLだけ、復元してください。class="hoge">だけを削除するのではなく終了タグ</div>も削除してください。記事内に広告などを入れている時も同様、削除して以前と同じ状態に戻す。テーマによって、コンテンツだけの領域だけ指定できないコンテンツの領域だけコピーできない場合、テキストエディタを使って、上下不要なHTMLを削除して、自分が書いた記事以外はコードやテキストを削除してください。記事部分のみをWordPress新規投稿からテキストエディタにコピペすればOK!その場合。記事のURLの確認方法https://webcache.googleusercontent.com/search?q=cache:urH**E***8sJ:https://bibabosi-rizumu.com/simplicity-slide-in-customize/+&cd=*&**=ja&**=***&g**=jp&client=****-b-abGoogleさんのキャッシュURLを参考にすれば、ピンク色部分がアドレスです。記事を作成復元するとき、スラッグにsimplicity-slide-in-customizeと入れてみるなど工夫をしてください。普段使っているブラウザがスマホの場合スマホでもHTMLは表示できるので、表示出来たらコッチのモノ❦以下の文字列を入れて検索してください。表示されたキャッシュのURLの前にview-source:といれるHTMLが表示される全コピーしたら、テキストエディタにコピペ。その後コンテンツのはじめの文字列から、最後の文字列まで抜き取り、復元してください。カスタマイズしたCSSについてCSSもアーカイブされた当時のスタイルが存在します。必要なCSSをコピーして復元することも可能です。※CSSはテーマや使用中のプラグインによって、状態は変わります。プラグインを使用してないときは、そのままコピペで対応してください。プラグイン使用の際は、プラグインの種類が多すぎるので割愛します。上記方法で画像のパス・HTMLソースを復元できましたが、画像のパスを合わせる必要があります。合わせなければ画像が表示されません。以下はキャッシュから取得したHTMLです。かいてありますが以下の通り。703px">画像の設定にもよりますけど、WordPress記事内から追加した場合は以下。/>どちらも画像のパスがあっているけど、画像の保存場所・画像ファイル名を合わす必要があります。画像ファイルのパスを合わせる画像のパスは違うディレクトリ(フォルダ)内にアップロードしても画像は表示されません。例:サイトフォルダ(/public_html)/wp-content/uploads/2017/05/ssl-ga-search-console.pngこの場合、2017フォルダ内に05フォルダを作成:その中に画像ssl-ga-search-console.pngを入れて、uploadsフォルダ内にアップロードポイント画像のパスが...uploads/2017/10/hoge.pngを追加する場合。10フォルダ内にhoge.pngを入れる。FTPの.../uploads/2017フォルダ内に10フォルダをアップロード。フォルダのアップロードが完了し該当フォルダが存在するとき、フォルダ内に該当ファイルをアップロード。自作画像をPCにダウンロード。画像(のHTML)を消す再度、新規アップロードを行う。画像のパスのパス通りに画像を設置しなければ、リンク切れで画像が表示されないので注意してください。2.3:uploadsフォルダは、投稿画面などでアップした画像を格納』をどうぞ。LINK簡易的バックアップ!初心者用WordPressファイル内説明と、5秒で復元する方法WebArchiveに記事が存在した場合キャッシュに存在しなかった記事を復元したいとき。WebArchiveを探してあればラッキーです。Machine上記方法で取得した記事のHTMLにある全てのリンク(画像・内部・外部リンク)は、一見キチンと表示されてるようですが注意点があります。※他はEverNote・Pocketなど...以前にBackupをとってる場合は、後で復元用に使うのも良いかもしれません。WebArchive内、リンクについて自分の記事である内部リンク・外部へのリンクどちらも、WebArchiveで表示されるHTMLで指定されているリンク全て、WebArchiveドメインから始まります。自分のサイト内リンクに見えてもWebArchiveの外部リンク。※ただ画像やリンク先URLは、自分のページ内で正しいパスをHTMLで表示している。修正が必要ですが、気を付ける点は以下の通り。正しいリンクに再指定。対応)内部対策などSEO的にも大事なので、面倒がらずに修正・確認してください。ページ内を見やすくタグ指定には変化はないので、ページ内の装飾が沢山あるとき便利です。本番だと面倒なので、ローカルWordPressを利用するのも良いと思います。アーカイブされた日付けの記事内容です。その後修正したものがあれば、再度修正が必要です。画像について画像については、キャッシュの画像で説明した通りですが、パスを変更するより再度アップロードしたほうが早いかも知れません。自分の作成した画像をPC内に保存。画像を削除した場所に新規(再度)アップロード。※ほぼstyleを触ってない場合はスルーして大丈夫です。固定ページ固定ページも残っていればラッキーです。HTMLをコピーする場合、リンクには気を付けてくださいね。カテゴリ・タグカテゴリ・タグが残っていればパーマリンクやカテゴリ分けの際も楽ですよね。チェックしてみてください。その他:メニュー・ウィジェットなどテーマによってバラバラですが、記事の復元が落ち着いた頃チェックしておきたいのが、メニュー・ウィジェットです。メニュー:パーマリンクの設定などメニュー設定をはじめから開始するのも良いですが、内部対策(SEO)がシッカリしているテーマだとメニューも検索でヒットします。キーワードが入ってるか、再確認できる機会でもありますよね^^ウィジェットテーマによって沢山あるので、チェックしながら再設定すれば早いですよ。フィードでの各投稿の表示で全文を表示していた記事だけ、記事の全文・画像を復元することが可能です。Feedly・RSSなどスタイルは一切ないので、コピーしたらプレーンテキストで貼り付けしてください。以下の通りで対応してください。貼り付け後、WordPressの機能・書式設定をクリアにテキストエディタに直接貼り付けメモ帳に貼り付け後、再度コピーして対応するなど。普通にコピぺすると、フィード用のHTMLまで復元されますから。フィードではstyle.cssは読み込んでないから、CSSの取得はできません。画像の復元についてフィードにも画像のパスまで付いてます。WebArchiveと同じで再度、画像をアップし直すなど対応が必要かもです。見出し:『画像ファイルのパスを合わせる』その他、サーバー上で行う設定に関して初期設定からやり直しになるので、、以下を参考に初期設定の確認をチェックしてください。LINKエックスサーバーで新規WordPressを導入後、サーバーと管理画面でする設定エックスサーバー仕様ですが、ほかに色々設定のし忘れてないか、落ち着いたころに確認してください。上記にもリンクがありますが、あとはバックアップをとってくださいね。WordPressのバックアップは2つあります。後日、サーチコンソールを確認する間違ってWordPressを削除してしまったので、検索bot:クローラーが巡回にくると『ページがない!』として404がいっぱい出ると思います。復元できた記事なら、サーチコンソールでエラーが出ても存在するページだと知らせるとOK!忘れている記事・カテゴリ・タグなどがあれば教えてくれるので、見つけてもらった場合。いつもアクセスするデバイスでアクセスしたら、ブラウザがキャッシュを残している場合もあります。※電源を落としてない場合など。パーマリンクが文字化けして、どのリンクか分からない場合は、デコードすれば文字列が分かるので、記事の追加をするなど対応してくださいね。記事IDなどページ毎にはIDがありますが、記事を作ったり、下書き保存をする回数によって、そのIDが違ってきます。それを復元ととらえるかコピーコンテンツととらえるのかそこらへんは不明です。復元方法を探している人に書いたものの、実際は試してないので、何とも言えません。自己責任で復元してくださいね。消えてしまった記事をできる範囲自力で元に戻す方法として参考にして頂ければと思います。さいごに私もボーっとしていて、テスト用サイトを削除・復元を試すとき、本番環境を削除してしまいました^^;バックアップはとってるので、すぐ復活させましたが...。焦る気持ちは分かりますが、まずは復元作業を頑張ってください。...などする事はたくさんありますが、昔よりも良い文・良い画像も作れるはずです。画像修正ついでに代替テキストを入れると良いですよ。今やらなきゃ、今後もしないと思いますので。スポンサーリンクスポンサーリンクこの記事が気に入ったらいいね!しよう最新情報をお届けします。コピーフォローするスポンサーリンクスポンサーリンクかうたっくビバ★りずむCheck!Postsバックアップ・復元FTPソフトでバックアップが終わらないから原因調べ方!プラグインSiteGuardの画像はムダに溜まるって知ってた!?FTPソフトで転送中エラーがでて、バックアップが終わらない。してもダウンロードは完了しない。今回はプラグイ...2017.01.23バックアップ・復元そろそろ始めよっ♪WordPressデータベースのバックアップ!エクスポート詳細設定方法を、初心者がメチャクチャわかるよう説明WordPressのデータベースをバックアップする方法を、初心者がわかるよう説明します。phpMyAdminでエクスポートの詳細設定を行うとき、選択する項目が足りないと、復元のときエラーを出してインポ...2016.12.12バックアップ・復元WordPressプラグイン前の旧バージョンへ戻す、2つの方法!更新でエラーが出たときの対処手順WordPressで運営していると、プラグインの更新だけで致命的なエラーやちょっとした不具合が出てしまう場合があります。初心者向け!WordPressのバックアップ方法、記事をエクスポートする手順WordPressで運営してるとエラーなどに事態に備えて、バックアップをPC(ローカル側)に保存しておくと安心です。FTPソフトを使ってローカルにWordPressのバックアップをとる方法をご...2016.07.26バックアップ・復元WordPressのデータベースMySQLって何?タンス?phpMyAdminログインの詳細から説明WordPressのデータベースMySQLのログイン場所・ログイン方法・データベースのバックアップを初めてとるブログ初心者のため、何が保存されているのか、簡単に説明します。エラーが出た...2016.12.10バックアップ・復元WordPressデータベースの復元!インポート方法とテーブルデータのダンプエラー対処データベースMySQLをインポートして復元するのは、WordPressを更新してエラーが出たとき、サーバーの移行でブログのお引越しをするときなどです。インポートしてブログを復元する方法を説明します。初心者向け説明、WordPressの復元方法WordPress初心者がブログを復活させる方法は、FTPソフトでサーバーからとったバックアップファイルからの復元、データベースの復元方法です。エラーで管理画面に入れないとき、すぐに元に戻せる...2016.04.20バックアップ・復元WordPress初心者の疑問!バックアップ・エラー対処・復元のQ&A集WordPressでエラーが出たとき復元する方法、バックアップについての疑問、バックアップがないときの復元、特殊なエラーなどを、Q&A方式で全力回答したページです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。個人情報の取り扱いについてはリンク先をご確認ください。他社からエックスドメインへの移管申請。エックスサーバー側の全工程2020.01.22ムームードメインから.comなど.jp以外のドメイン移管、全工程をブログで説明。Cacheの設定を変更すればOK2018.10.30タニタの体組成計が、体重しか表示されなくなったとき試すこと2018.10.26Cocoonテーマのアップロード方法!インストールなど失敗する原因・対処方法付き。/CSSセレクタ指定、HTMLタグ:親子・子孫要素をしれば装飾が反映。他社からエックスドメインへの移管申請。エックスサーバー側の全工程2020.01.22ムームードメインから.comなど.jp以外のドメイン移管、全工程をブログで説明。Cacheの設定を変更すればOK2018.10.30タニタの体組成計が、体重しか表示されなくなったとき試すこと2018.10.26Cocoonテーマのアップロード方法!インストールなど失敗する原因・対処方法付き。/CSSセレクタ指定、HTMLタグ:親子・子孫要素をしれば装飾が反映。レンタルサーバー『エックスサーバー』エンジニア特化型Q&Aサイト【teratail(テラテイル)】無料会員登録カンタン&お得に可愛くなれる♪Rcawaii─登録30秒、カワイイ洋服借り放題!プロのおしゃれテクも学べて月額9,980円タイトルとURLをコピーしました。