• この記事では初心者でも分かりやすく、Cyberduck（サイバーダック）の基本的な操作方法を説明しています。
• FTPソフトはWordpressの内部ファイルにアクセスできます。操作ミスで、サイトが表示できなくなってしまうこともありますので、ファイルを触る場合は慎重に行なってください。

ちー

Cyberduckはインストールできたけど、どうやって使ったらいいんだろ。操作方法がわからないよ〜

Doc Bear

今回はCyberduckの基本的な操作方法を説明していくよ〜

関連記事

【Mac/Windows対応】FTPソフト：Cyberduck（サイバーダック）のインストール方法 2024年4月24日 WordPress「このサイトで重大なエラーが発生しました」と表示された場合の解決法。

01.Cyberduckの画面の説明

Cyberduckを起動すると以下のような画面が表示されます。
最初に画面の各メニューについて説明します。

ご自身の画面に表示されていないメニューがある場合は、後述するメニューのカスタマイズ方法を参考に追加してください。

• ブックマーク(Bookmarks)：
  お気に入りのサーバーを登録して簡単にアクセスできるようにします。
• 新規接続(Open Connection)：
  ブックマークに新しく追加する場合はこちらをクリックします。
• クイック接続(Quick Connection)：
  ワンクリックでサーバーリストに接続できます。
• アクション(Actions)：
  ダウンロード、削除、アップロード、同期などの操作メニューが選べます。
• 情報を見る(Get Info)：
  選択したファイルの一般的な情報、メタデータ、アクセス権などを確認することができます。
• 更新(Refresh)：
  サーバーに再接続して何かアップデートがあったら表示します。
• 編集(Edit)：
  サーバーの編集>保存することができます。
• アップロード(Upload)：
  サーバーへローカルファイルをアップロードすることができます。
• ダウンロード/転送(Transfer)：
  サーバー上のファイルをダウンロードすることができます。
• 接続解除(Disconnect)：
  サーバーを選択している状態でクリックすると接続解除することができます。
• 検索(Search)：
  ファイルやサーバーを検索することができます。
• タブボタン(Tab Buttons)：
  ブラウザ、履歴、ブックマークごとにサーバーを簡単に切り替えることができます。

02.新規接続の方法

以下の画面が表示されるので、①〜⑤まで入力して接続する。

• プロトコル：FTP -SSLを選択
• サーバー：FTPホスト 例） sv***.xserver.jp
• ユーザー名：FTPユーザー
• Anonymous ログイン：チェックを外す
• パスワード：FTPパスワード

03.ファイルのアップロード方法

接続先一覧からサーバー＞アップロード先のフォルダを開き、[ファイル]＞[アップロード]を選択＞アップロードするファイルを選択＞[Upload]をクリックします。

一時ファイル名でアップロードする

一時的な名前でアップロードし、転送完了後にファイルの名前を変更するオプションです。

• 上部メニューの[Cyberduck]＞[設定]をクリックし、環境設定を開く。
転送アイコン＞一般＞アップロードの項目にある、[Upload with temporary filename]にチェックを入れ、設定画面を閉じる。

• 重複ファイル：同じ名前のファイルがあった場合、どのように処理するか設定する項目です。変更する場合は、プルダウンリストから選択してください。

04.ファイルのダウンロード方法

ダウンロードしたいフォルダもしくはファイルを選択し、右クリック＞[ダウンロード]をクリックします。

05.フォルダの同期方法

重要

ファイルをダウンロードまたはアップロードする基準はファイルの変更日です。

そのため、[設定]＞[転送]＞[タイムスタンプ]のオプションを有効にする必要があります。

サーバーに接続＞同期したいフォルダを選択＞上部メニューの[Cyberduck]＞[ファイル]＞[同期]をクリックします。

同期するコンピュータ上のフォルダを選択するよう求められるので、同期したいフォルダを選択します。

不足しているファイルをダウンロード、アップロード、またはミラーリングのみ行うかどうかを確認する画面が表示されます。

ミラーリング：ファイルは双方向に転送され、タイムスタンプに応じてどちらかのシステム上で欠落している場合、または新しいファイルに置き換えられます。

• チェックボックス：転送にファイルまたはディレクトリを含めるか除外するかを切り替えます。
• 下矢印：ファイルはサーバーからダウンロードされ、ローカル ファイルが含まれている場合は置き換えられます。
• 上矢印:ファイルはサーバーにアップロードされ、リモートファイルが含まれている場合は置き換えられます。
• プラス記号：ファイルは存在しないため、転送時に新規作成されます。

06.メニューのカスタマイズ方法

ツールバーのアイコンは使いやすいようにカスタマイズすることができます。
上部メニューの[表示]＞[ツールバーのカスタマイズ]をクリックします。

メニューアイコンの追加方法

メニューバーによく使うアイコンを追加するには、アイコン一覧から追加したいアイコンをドラック&ドロップしてメニューバーの表示したい場所に配置します。

操作方法がよくわからない場合は動画を確認してみてください。

メニューアイコンの削除方法

メニューバーの使用していないアイコンを削除するには、メニューバーから削除したいアイコンをドラック&ドロップしてメニュー一覧に戻します。

操作方法がよくわからない場合は動画を確認してみてください。

メニューのカスタマイズが終了したら、[OK]ボタンをクリックして画面を閉じます。

07.言語の設定について

言語の設定を確認するには[環境設定]を開きます。

上部のメニュー[Cyberduck]＞[設定]をクリックします。

08.まとめ

今回はCyberduckの基本的な操作方法について解説しました。

ちー

最初は難しそう〜と思ったけど、Cyberduckで出来ることがわかった気がするよ〜
でも、実際にブログ運営する時は、どういう風に活用したら良いんだろう？

Doc Bear

次回はアップデートやカスタマイズ時に必要なバックアップの方法を解説していくよ。

トラブル時の対応は以下の記事を参考にしてください。

2024年4月24日 WordPress「このサイトで重大なエラーが発生しました」と表示された場合の解決法。

ちー

最後までお読み頂きありがとうございました。
この記事が何かあなたのお役に立ったら嬉しいです。

• この記事ではFTPソフトのCyberduck（サイバーダック）のインストール方法を学ぶことができます。

ちー

う〜ん・・・Cyberduckを使いたいんだけど、よくわからないよ〜

Doc Bear

この記事では、FTPソフトのCyberduck（サイバーダック）の始め方を初心者にも分かりやすく説明していくよ〜

Cyberduck（サイバーダック）はWindowsおよびMac PCでも使用できるFTPソフトです。
FTPソフトは、WordPressブログのトラブル時には必須のソフトになるので、使い方がわからない方は一緒に始めてみましょう。

関連記事

Cyberduck（サイバーダック）に関しては、こちらのトラブル対処時にも使用しています。

2024年4月24日 WordPress「このサイトで重大なエラーが発生しました」と表示された場合の解決法。

00.Cyberduckのシステム要件について

ご自身のPCがCyberduckをインストールできるかどうか、事前に確認してからインストールを進めてください。

Mac OSWindows

Macをお使いの方は事前に以下をご確認ください。

Mac OSのシステム要件

• Cyber​​duck 8.1以降には、Mac OS X 10.12以降および64 ビット IntelまたはApple シリコンアーキテクチャが必要です
• Cyber​​duck 7.7以降にはMac OS X 10.9以降および64 ビット Intelアーキテクチャが必要です
• Cyber​​duck 7.1 以降には、Mac OS x 10.8以降および64 ビット Intelアーキテクチャが必要です

引用：https://docs.cyberduck.io/cyberduck/installation/#system-requirements

Windowsをお使いの方は事前に以下をご確認ください。

Windowsのシステム要件

.NET Framework 4.7.2 が必要です。
.NET Framework のインストールが失敗した場合は、手動でダウンロードしてください。

• Cyber​​duck 7.1以降には、 64 ビット版のWindows 7 SP1、Windows 8.1、または Windows 10 (14393)以降が必要です。
• Cyber​​duck 5.3以降にはWindows 7以降が必要です

引用：https://docs.cyberduck.io/cyberduck/installation/#system-requirements

参考

.NET Framework 4.7.2 をダウンロード | 無料の公式ダウンロード

Microsoft

01.Cyberduck（サイバーダック）をインストールする

Cyberduck（サイバーダック）のダウンロードページを開く

Cyberduckをインストールする

01）【Download for macOS or Windows】をクリックし、ダウンロードページを開きます。

02）WindowsおよびMac PC用のダウンロードボタンがありますが、今回はMac PCへのインストールを仮定して【Cyberduck for MacOS】をクリックします。

03）保存したzipファイルを解凍/展開すると、PCに以下のアイコンのファイルが追加されます。

これでソフトのインストールは完了です！
アプリファイルはダウンロードフォルダから、アプリケーションフォルダへ移動させておきましょう。

02.接続先の新規登録をする

以下の画面が表示されるので、①〜⑤まで入力して接続する。

• プロトコル：FTP -SSLを選択
• サーバー：FTPホスト 例） sv***.xserver.jp
• ユーザー名：FTPユーザー
• Anonymous ログイン：チェックを外す
• パスワード：FTPパスワード

03.アンインストール方法

04.その他、困ったときは

その他、よくある質問や詳しい操作方法は、公式のドキュメントを確認してみましょう。

まとめ

ちー

やった！PCにインストールできたよ〜

Doc Bear

よかったね！今回はCyberduckのインストール方法だけなので、使用方法はまた別の記事で紹介するね。

今回はFTPソフトのCyberduck(サイバーダック)のインストール方法について紹介しました。無事に作業できたでしょうか？

インストール中にトラブルが発生した場合は、システム要件などをご確認の上、再度試してみてください。

ちー

最後までお読み頂きありがとうございました。
この記事が何かあなたのお役に立ったら嬉しいです。

ちー

Figmaを使えるようになりたいけど、どうやって勉強したらいいんだろう？？？

DocBear

この記事では、独学でデザインツールのFigmaの操作方法を覚えたり、WEBサイトやスマホアプリが作れるようになるための方法を紹介していくよ〜

ネットで”Figma”と検索すると、色々な記事が見つかると思います。

しかし、ブログ記事などはTIPSや断片的な情報が多く、初心者にとっては理解が難しいことがあります。

この記事では出来るだけ体型的に学べる方法を紹介しています。

【無料】Figma公式サイトで学ぶ

Figma公式サイトのサポートページでは、チュートリアル動画や解説記事が用意されています。

日本語版のページはありますが、コンテンツによっては、ところどころ英語のページへ移動してしまうので、英語が苦手な方はとっつきにくいかもしれません。

ちー

え〜！日本語で勉強できる方法はないの？？？

DocBear

もちろん、あるよ！
次からは日本語で勉強できるサイトを紹介していくよ。

【無料】chot.designで学ぶ

chot.designは、無料でデザインツールの使い方やWEBデザインについて学べるサイトです。

操作方法のレッスンを通して、最後のレッスンでは以下のような料理写真投稿アプリのデザインができるようになります。

ちー

わーすごい〜！
自分でもこんな作品が作れるようになるんだ〜って目標があると、勉強が楽しくなるね！

参考UI/UXデザインツール『Figma』入門 | chot.designchot.design

Udemyで学ぶ

Udemyは動画買い切り型のオンライン学習サイトです。

デザイン以外でもプログラミングなどのスキルアップから、趣味に至るまで様々なカテゴリーのコースが用意されています。

オンラインスクールに通うお金はないけど、完全に独学も不安という方には体系的に学べてコスパが良いサービスです。

DocBear

定期的に割引セールが行われており、数万円のコースもセール中に購入すると数千円で購入できます。

気になるコースがあったら、欲しいものリストに追加しておき、セール中に購入するのがおすすめです。

初心者から始めるアプリデザイン＜UI/UXデザインをFigmaで学ぼう！＞

＜Mac / Windows対応＞高品質なUIデザインにはルールがある！Figmaの基本的な使い方はもちろん、AppleのAppデザインを忠実に再現する応用編まで収録。アニメーションを駆使して、圧倒的に表現力豊かなプロトタイプをつくろう！

ちゃんと学ぶ、Figam & Adobe XD

この講座では、ディレクターとしてWebデザインなどを行う講師のたにぐちと、デザイナーのanygraphicaにより、Figmaおよび、XDをデザインツールとしての側面と設計ツールの側面を両方紹介します。

Figma / Adobe XDをこれから使っていきたいという方はもちろん、すべての機能を使いこなせていないという方の復習にも活用頂ければ幸いです。

書籍で学ぶ

書籍でじっくり学びたい方には、以下の三冊をご紹介します。

Figma for UIデザイン

Figma for UIデザイン［日本語版対応］ アプリ開発のためのデザイン、プロトタイプ、ハンドオフ

created by Rinker

¥2,750(2024/12/22 19:59:57時点 楽天市場調べ-詳細)

• Kindle
• Amazon
• 楽天市場
• Yahooショッピング

Udemyで学ぶで紹介した初心者から始めるアプリデザインの講師である、沢田俊介さんの著書です。

Figmaの機能の説明をはじめとして、ワイヤーフレームの作り方、プロトタイプの作り方、詳細デザインの作り方、エンジニアへデザインを渡す方法、ノンエンジニア向けの活用方法まで書かれています。

手元に置いておけば、辞書代わりになりそうな一冊です。

これからはじめるFigma

これからはじめるFigma Web・UIデザイン入門

created by Rinker

¥2,904(2024/12/22 19:59:57時点 楽天市場調べ-詳細)

• Kindle
• Amazon
• 楽天市場
• Yahooショッピング

デザイン制作会社であるnecco inc.のメンバーが作ったFigma本です。

機能の説明だけではなく、チームでの活用方法を学ぶことが出来るので実際に業務でどのようにコラボレーションできるのか勉強することが出来ます。

また、制作会社が作成したクオリティの高い作例（コーポレートサイト/ECサイト/レシピアプリ）を実際に一緒に作成することで、手を動かしながらツールの操作方法やデザインの仕方について、学ぶことができます。

はじめてでも迷わないFigmaのきほん やさしく学べるWebサイト・バナーデザイン入門

はじめてでも迷わないFigmaのきほん　やさしく学べるWebサイト・バナーデザイン入門　もち/著

created by Rinker

¥2,750(2024/12/22 19:59:57時点 楽天市場調べ-詳細)

• Kindle
• Amazon
• 楽天市場
• Yahooショッピング

¥0（kindleunlimited）

STUDIOエキスパートやWEBデザインスクールのNOT DESIGN SCHOOLの代表としても活躍中のもちさん（ @makiko_sakamoto）の著書です。

書籍は基本操作が学べる「基礎編」と実際に制作の手順が学べる「実践編」で構成されています。

作例も豊富なため(Webサイト（LP）、UIデザイン、Instagram広告、YouTubeのサムネイル、プレゼン資料、名刺)、WEBデザイナーに限らず、幅広い方に役立つ内容になっています。

Doc Bear

今なら、Kindle Unlimitedに登録すると無料で読むことができるよ！

まとめ

ちー

無料でも勉強できるサイトがたくさんあってびっくりした〜

とりあえず、chot.designの「Figma入門」を参考にFigmaのアカウントを登録するところから始めてみようかな〜

DocBear

そうだね！

もっと詳しく勉強したい！と思った時に、Udemyのコースや書籍を購入してみても遅くないと思うよ。

ちー

こんにちは。ちー（@ichikanote）です！
デザインがもっと上手になりたいけど、何か良い方法はないかな〜？

DocBear

それなら、トレースをすることをお勧めするよ！

ちー

トレース？？？

DocBear

トレースとは、良いデザインを見本に全く同じデザインを真似して作ることだよ。
真似をすることでバランスの取り方やフォントの扱い方や色の使い方などを学ぶことができます。

今回紹介する「デザインのドリル」を使用すると、30本のトレースを行うことができます。素材やフォントの指定もあるので、素材探しに当てる時間も短縮することが可能です

デザインのドリルとは？

デザインの練習のためのお題集です。

見本のチラシやバナーを見ながら、トレース＆模写をすることでデザインの意図を学んだり、表現の幅を広げることができます。
素材もダウンロードでき、色やフォント名の指定もあるので、手軽に始めることができます。

また、「学習の成果を披露する」という目的に限り、SNS投稿が許可されています。

そのため、Instagramなどでも、#デザインのドリル というタグで沢山の方が投稿されています。

ちー

一人だと、続けるのも難しいけど、他にも頑張っている人がいると思うと励みになるなぁ〜

トレース＆模写で学ぶ　デザインのドリル [ Power Design Inc. ]

created by Rinker

¥1,628(2024/12/22 20:00:26時点 楽天市場調べ-詳細)

• Amazon
• 楽天市場
• Yahooショッピング

DocBear

以下は注意点です。
作業環境や勉強している内容によっては合わない方もいるかもしれないので、確認してから購入するようにしましょう。

Adobe CC ユーザー向け

素材データを使用したり、指定されたフォントを利用してトレースするには、Adobe CCユーザーである必要があります。また、一部の素材はIllustratorでないと開けないファイルがあるので、Adobe Illustratorは必須になってきそうです。

PSD・AI形式の素材データ、txt形式のテキストデータ、JPG形式の完成見本が入っています。データを使用するにはPhotoshopやIllustrator等のAdobe CCアプリが必須となります。

デザインのドリル（本書の使い方 p.004）

作例内で使用しているフォントの多くはAdobe Fontsで提供されているものです。Adobe CCユーザーでない場合はAdobe Fontsは利用できませんので、他のフォントに置き換えて下さい。

デザインのドリル（本書の使い方 p.005）

紙媒体のデザインが大半

一部バナーのトレースもありますが、ほとんどはDMやチラシ、名刺といった紙媒体のデザインが題材となっています。そのため、デザインの基本的な考え方は身につくと思いますが、WEBデザインのスキルアップを目指している方には勉強したいことと少し合わないかも知れません。

フォントギャラリー

トレースを進めていく上で、フォントの知識をストックするため専用のページを作成しました。

トレース一覧

以下からはトレースした画像と一言コメント（学んだこととか参考リンクとか）を載せてゆきます。

01 写真展のチラシ

• 構図はシンプルだけど、文字情報の優先順位が難しい。
• 優先順位の表現方法として簡単な方法は、フォントや写真の大きさで差をつける。

02 不動産会社の名刺

• 中央揃えのデザイン。
• 住所等も中央に揃えると読みにくいため、情報をまとめたブロックを中央に揃えて統一感を持たせている。
• 文字情報が多いため単調になりやすいが、ストライプの柄や区切り線を配置してアクセントをつけたり、読みやすくしているように感じる。

03 キャンペーンのDM

• 重い要素は対角線上に配置する（左上の文字情報 x 右下のイラスト）とバランスが取れる。
• 下にラインがあることでクリスマスツリーなどのアイテムが下について見えて、重心が安定しているように感じる。
• フォントひとつで急にクリスマスっぽくなるのがスゴイ！（フォントの知識、増やしたい・・・）

ちー

なんとなくでカーニングしたけど、文字詰め、ムズカシイ・・・

DocBear

それなら、ゲーム感覚で文字詰めの練習ができるサイトをやってみるのはどう？

参考a letter spacing gameKern Type

04 結婚式の招待状

• 多めに余白を作ることで、写真を注目させたり文字を読みやすくなる。
• 色をゴールドとエレガントなフォントを使うことで結婚式の雰囲気を表現している。
  C：30% M：45% Y：70% K：0%

参考Annabelle JF from Jukebox

参考Mrs Eaves from Emigre

05 ドーナツ屋のポスター

• 二つのドーナツを色分けをすることでコントラストを出して対比されている。主役が二つある場合に参考になりそうな表現だと思った。
• 文字周りのあしらいが控えめだが、動きが出て楽しげに見える表現になっている。

ちー

あしらいが少しあるだけでデザインが華やかになるね！

参考あしらいとは？デザインでマネして使える素材78選【プロが解説】 | ミヤマ OFFICIAL WEBミヤマ OFFICIAL WEB

06 観葉植物専門店のDM

• 中央揃えと多めに余白を取っていることで、上品なデザインを作っている。
• 下部の文字情報は写真の幅に合わせて配置されているため、読みやすく整って見える。
• New Openだけフォントを変えることで、アクセントになっている。

ちー

イラレの調子が悪くてXDで作業したから、文字詰めができなかった〜
（カーニング機能がなかった！）

トレース＆模写で学ぶ　デザインのドリル [ Power Design Inc. ]

created by Rinker

¥1,628(2024/12/22 20:00:26時点 楽天市場調べ-詳細)

• Amazon
• 楽天市場
• Yahooショッピング

• この記事では、WordPressのWebサイト/管理画面にアクセスした時に、「このサイトで重大なエラーが発生しました」と表示された場合の対処法を学ぶことができます。
• 当サイトでは技術的なサポートは対応しておりません。どうしても解決しない場合はWordPress公式サイトのフォーラムにて質問してみてください。

ちー

わ〜〜〜〜〜〜〜〜！どうしよう！

DocBear

な、なにがあったの！？

ちー

ブログが真っ白になっちゃったよ〜！重大なエラーってなに！？
ここまで頑張って記事を書いたのに消えちゃったらどうしよう〜

DocBear

でも、安心してね。
真っ白になってしまう現象はWordPressではごく一般的なトラブルです。
一緒に解決方法を確認していきましょう〜

今回は管理人が実際に体験したトラブル（テーマをダウングレードしたり、プラグインを整理していたら真っ白になりました）を元に解決法を説明していきます。

01.WordPress公式サイトで対応策を検索する

WordPress公式のサポートページに行くと、解決するためのドキュメントが置いてあります。また、フォーラムでは、自分と同じような状況で悩んでいる人が質問しているかもしれません。

まずはそちらで該当する項目がないか探してみましょう。

ちー

頑張って一人でなんとかなきゃって思ったら、目の前が真っ白になっちゃった。でも、一人で悩まないで良いんだ。

みんな・・・優しい。

サポートページによると、以下のようなことが記載されていました。

PHPエラーやデータベースエラーが発生すると、画面に何のメッセージも表示されず、ただ真っ白な画面が表示される場合があります。
闇雲に解決策をトライする前に、真っ白な画面にはいくつもの原因があることを知っておいてください。

引用：WordPressの一般的なエラー

原因１：プラグインが互換性の問題を起こしている

すべてのプラグインを無効化し、一つずつ有効化してください。
管理画面にアクセスできなければFTPで Web サイトにログインしてください。次に「wp-content/plugins」フォルダーを探し「plugins_old」に名前を変えます。これですべてのプラグインは無効化されます。

引用：WordPressの一般的なエラー

原因２：テーマが問題を起こしている

新しいテーマを有効化しただけ、あるいは WordPress マルチサイトで新しいサイトを作成しただけで真っ白な画面が表示される場合には、この可能性があります。
デフォルトの「WordPress Twenty Sixteen テーマ」を有効化してください。管理画面にアクセスできなければFTPで Web サイトにログインし、「wp-content/themes/」フォルダーに移動し、有効なテーマのフォルダーの名前を変更してください。

引用：WordPressの一般的なエラー

ちー

う〜ん、管理画面でテーマのバージョンを変更したり、プラグインの整理をしたり色々いじったから、どっちかが原因のような気がするけど、、、

DocBear

それなら、まずプラグインの無効化を試してみよう！

02.事前に準備するもの

今回、管理画面が表示できないため、外部からサーバーにアクセスする必要があります。そのため、以下のFTPソフトが必要になってきます。持っていない場合は、あらかじめインストールしておきましょう。

事前に必要なもの

• FTPソフト
• FTPソフトに接続する時に必要な情報
  • FTPサーバー名
  • ユーザー名
  • FTPパスワード

メモ

• Xserverの場合は、サーバーアカウント設定完了メールに上記の記載があるため、メモ帳などに貼り付けて保管しておくと良いかも知れません。
• FTP情報が分からない場合は、現在契約中のサーバーへお問い合わせ下さい。

＊管理人は、FTPソフトはCyberduck、契約サーバーはXserverを使用しています。

ちー

ところで、FTPってなんのこと？って人は下のコラムを読んでみてね！

FTPとは

ちー

FTPって何だろう？？？

DocBear

ブログやWEBサイトを検索したり、ネット上で見られるようにするには、サーバーへ必要なファイルをアップロードする必要があるんだ。FTPはそのためのファイル転送ができる仕組みのことだよ。

ちー

そうなんだ〜！ブログを作ったり、カスタマイズする時とか使ったことなかったから知らなかった・・・

DocBear

そうかも知れないね！最近では、サーバーのサービスでWordPressのインストールをしてくれたり、設置後もWordPressの管理画面で簡単にサイト運営ができてしまうからね。

今回みたいに管理画面が表示されない場合は、直接サーバーにアクセスして原因を取り除く必要があるので、万が一のために使い方を覚えておくと安心です。

03.プラグインを無効にする

プラグインを無効にする方法は以下の二つの方法があります。今回は2番目のFTPについて解説します。

• phpMyAdmin を使って、すべてのプラグインを無効化にする
• FTPやファイルマネージャを使ってプラグインフォルダーをリセットする

FTPソフトを起動する

管理人は以下のCyberduckというソフトを使用していますので、こちらのソフトの画面に沿って解説します。

【参考記事】Cyberduckのインストール方法

2024年4月24日 【Mac/Windows対応】FTPソフト：Cyberduck（サイバーダック）のインストール方法

接続先を登録する

以下の画面が表示されるので、①〜⑤まで入力して接続する。

• プロトコル：FTP -SSLを選択
• サーバー：FTPホスト 例） sv***.xserver.jp
• ユーザー名：FTPユーザー
• Anonymous ログイン：チェックを外す
• パスワード：FTPパスワード

FTPで、wp-contentsフォルダー (ディレクトリ) に移動する

無事に接続できると、サーバー上にあるWordPressのフォルダが表示されますので、[wp-content] フォルダを開きましょう。

FTPで、pluginsフォルダーの名前をplugins_oldに変更する

プラグインフォルダの上で右クリックするとメニューが表示されるので、[名前を変更]をクリックし、[plugins_old]と変更する。これにより、プラグインが無効になります。

（フォルダ名が変更されてしまったことで、プラグインが元の場所に見つからないためです＝リンク切れのような状態です）

04.WordPressに再度ログインする

ここで管理画面にアクセスできるか試してみます。
プラグインの更新中などにトラブルが起きた場合であれば、無効にしたことでアクセスできるようになります。

ちー

やったー！開けたよ〜〜〜〜〜

プラグインのページを見ると、全てのプラグインファイルが存在しません。と表示されています。

プラグインフォルダの名前を元に戻す

FTPソフト上のplugins.holdフォルダの名前を変更し、元のpluginsに戻して下さい。

プラグインを手作業で有効化にする

プラグインのページを見ると、プラグインは問題なく表示されているようですが、全て無効になっていることが分かります。そのため、一つずつ、[有効化]をクリックして行き、再度エラーが表示されるまで続けます。
エラーが表示された時に有効化したプラグインが問題だと分かります。

まとめ

ちー

あ〜よかった〜〜〜
ブログが消えちゃったかと思って焦っちゃったけど、無事に元に戻ってよかった！

DocBear

よかったね！

今回は設定の問題で直せたけど、カスタマイズ中やテーマ/プラグインの更新時にはトラブルが起きやすいので、事前にバックアップを取ることを忘れすにね。

管理人もまだまだブログ初心者なので、WordPressのセキュリティの知識はあまりありません。
以下の書籍でセキュリティ対策について勉強中なので、読み終わったらレビュー記事にて皆さんにもご紹介したいと思います。

ちー

最後までお読み頂きありがとうございました。
この記事が何かあなたのお役に立ったら嬉しいです。