【Osclass】画像を挿入する方法

Osclass

2019.02.072019.02.08

【やりたいこと】作成したページに画像を挿入したい！

みなさん、画像挿入に困ったことありますか。

ワードプレス、無料ブログサービスでは、簡単に画像を挿入することができます。

しかし、Osclassではそう簡単にはいきません。

ということで、本記事では、Osclassでの画像挿入について記載します。

目次

【10分でできる】サーバーに直接アップロード
【最後に】Showroomとマッハ新書の紹介

【10分でできる】サーバーに直接アップロード

※ダウンロード時間は10分の中に含まれていません。

1.使用したもの

・ロリポップレンタルサーバー　スタンダードプラン

ロリポップ！レンタルサーバー

【WordPress利用満足度No.1】のレンタルサーバー「ロリポップ！」月額220円からWordPressが使え、ワンクリック60秒で簡単インストール！今すぐ10日間の無料お試し！

・Osclass

https://osclass.org/

・テーマ　OsclassWizards

https://market.osclass.org/themes/general/osclasswizards-free-responsive-theme_238

2.手順

①画像挿入の問題確認

Osclassのページ作成画面に移動します。

画像アイコンをクリックします。

Sourse(URL)が必要だと分かります。

②サーバーに画像をアップロード

ロリポップのユーザー専用ページを開き、ロリポップ！FTPをクリックします。

Osclassがアップロードされているフォルダに移動します。

oc-adminを開きます。

imagesを開きます。

アップロードアイコンをクリックします。

挿入する画像を選択します。

アップロードするをクリックします。

アップロードした画像をクリックします。

アップロードした画像のURLをコピーします。

③画像挿入

①で確認したSourseの項目に先ほどコピーしたURLをペーストします。

そのままだと、フルサイズで挿入されてしまうので、縦幅を300に調整しましょう。

画像を挿入することができました。

変更を保存をクリックします。

④確認

実際のページで確認した結果、

無事に画像が表示されました。

3.追記

マイナーのCMSをいじると、自然と知識がついていいね。

【最後に】Showroomとマッハ新書の紹介

ShowroomでUnity配信をしています。リアルタイムの勉強の様子を見てみたい方におすすめです!(^^)!

水中ドローンとUnityのお部屋｜SHOWROOM(ショールーム)

水中ドローンとUnityの配信をメインにします(*^^*)たまにおやつ配信やおしゃべり配信します(*^^*)

以下は、私のUnity学習体験記となっております。

「他人の勉強方法が知りたい」という方におすすめのマッハ新書です!(^^)!

https://hk-ryukyu.booth.pm/items/1061904

https://hk-ryukyu.booth.pm/items/1064971

https://hk-ryukyu.booth.pm/items/1067049

https://hk-ryukyu.booth.pm/items/1066777

コメント

タイトルとURLをコピーしました