広告を利用しています

当サイトは広告を掲載しています。消費者庁が2023年10月1日から施行した景品表示法の規制対象(通称:ステマ規制)にならないよう配慮して記事を作成しています(記事はこちら、消す方法はこちら

【ConoHa】ファイルマネージャーのエディターを広げる方法

ブログ

「ConoHa WING」のアイコン画像

この記事では、僕が契約しているレンタルサーバー「ConoHa WING」のファイルマネージャー機能内にあるテキストエディター(ACE Editorなど)のウィンドウサイズを広げる方法を書きます。

右上の最大化ボタンを押すか、端っこにマウスを乗せて引っ張ります。

【ConoHa】ファイルマネージャーのエディターを広げる方法

僕はWordPressブログを運営するためにレンタルサーバー「ConoHa WING」を利用しています。毎日ではないんですが、1週間に1回くらいはファイルマネージャー機能を使っています。

その際「html」や「php」、「.htaccess」などのテキストファイルを開く時のエディター画面が小さいなと思いました。

PC版「ConoHa WING」のファイルマネージャーで開いたテキストエディター画像

基本的には自分が慣れた環境で操作したいってのと、ファイルの直接編集はいざという時に怖いのでバックアップ作成意味も込めて、一度PC内にダウンロードしてから「Visual Studio Code」などの別ソフトを使って編集するようにしています。

ただやっぱりデフォルトでささっと変更できる内蔵テキストエディターも便利で使う時があります。その時にいくらちょっとの変更とはいえもう少し大きな画面で見たいなぁと思ったので調べてみると、CSSなど使わなくても好きなサイズに調整できました。

パッと見気づかなかったので同じようにウィンドウを拡大したいブロガーさん向けに記事にします。

ConoHaのファイルマネージャーにあるエディターサイズを拡大する手順

テキストエディターを開く

ConoHa WING」のコントロールパネル(管理画面)にログインします。

僕は「WING」を使っているので上部の「WING」タブを選択します。左側サイドバーの「サイト管理」→「ファイルマネージャー」をクリックします。

「ConoHa WING」の管理画面からファイルマネージャーを開く手順画像

エディターで開けるファイル(phpとかhtmlなど)を右クリックします。テキストエディターをクリックします。僕は「ACE Editor」になっています。

PC版「ConoHa WING」のファイルマネージャーにあるテキストエディターでファイルを開く手順画像

ウィンドウサイズの拡大

テキストエディターを開けたら一見いっけんウィンドウサイズを変えられない…っぽい見た目になっています。

しかし、実は変えられます。マウスをテキストエディターのウィンドウ右下にもっていきます。マウスカーソルが両方に矢印があるアイコンに切り替わります。

「ConoHa 」のファイルマネージャーにあるテキストエディターの右下にマウスを置いているGIF画像

マウスカーソルアイコンが切り替わっている状態で、左クリックしながらびよ~んと右下方向にもっていきます。エディターのウィンドウサイズが拡大されます。

「ConoHa 」のファイルマネージャーにあるテキストエディターを拡大縮小しているGIF画像

無時大きくできました。ただしこのままだと右下方向にしか拡大できず、ブラウザの端っこにぶつかってしまいたいして拡大できません。次に紹介するウィンドウ移動でより拡大できます。

「ConoHa 」のファイルマネージャーにあるテキストエディターのウィンドウサイズを広げた画像

ウィンドウの移動

上部のタイトル部分らへんにマウスを置くと四方向の矢印アイコンに切り替わります。右下は拡大縮小でしたが、ウィンドウタイトル部分はウィンドウの移動になります。

「ConoHa 」のファイルマネージャーにあるテキストエディターのタイトル部分にマウスを置いているGIF画像

カーソルが切り替わっている時に左クリックを押しながら好きな場所にドラッグ&ドロップすることで、テキストエディターのウィンドウを移動できます。

「ConoHa 」のファイルマネージャーにあるテキストエディターを移動しているGIF画像

左上らへんにウィンドウを移動することで右下らへんに余裕ができるので、さらにウィンドウを拡大できます。

「ConoHa 」のファイルマネージャーにあるテキストエディターを移動して拡大した画像

拡大縮小ではなく最小化・最大化

これまでは拡大縮小について紹介しましたが、もう一つ「いや、ならこっちでええやん」っていう機能があるので紹介します。ウィンドウの最小化・最大化機能です。

テキストエディターの右上をよく見てみると、Windows11のウィンドウと同じような「×」や「-」などのアイコンがあります。

中央にある「+」アイコンをクリックします。

「ConoHa 」のファイルマネージャーのテキストエディター右上にある最大化ボタン画像

自動的にブラウザの画面いっぱいにテキストエディターを最大化してくれます。

「ConoHa 」のファイルマネージャーのテキストエディターを最大化した画像

ファイルマネージャーが見えなくなるのでファイル一覧を見つつ隅のほうでテキストファイルを編集する…みたいなことはできなくなります。元に戻したい時は同じ位置にある右上アイコンを押します。

まぁ僕はファイルマネージャーを見ながら編集したい状況にこれまでなったことがないので、基本は最大化でいいのかなと思いました。いちいちウィンドウサイズをマウスで拡大縮小するのはちょっと手間ですもんね。

感想

以上、PCウェブサイト版「ConoHa WING」のファイルマネージャー機能内にあるテキストエディター(ACE Editorなど)のウィンドウサイズを拡大縮小する方法でした。

まさかテキストエディターが拡大縮小、移動を自由にできるポップアップ形式とは思いもしませんでした。てっきり中央の固定表示で広げることもできない…のかと思っていました。

最初はウェブサイトのデザインを変えられるCSSを使って無理やり広げるしかないのかなぁと思っていました。ネットで調べても特に情報がなかったです。

「よーし、CSS作るぞ!」って意気込んでマウスを移動していたら気づきました。「ふぁ?カーソルアイコンが変わるってことはこれもしかして…」です。良かったです。

ブログ

Posted by ナポリタン寿司