タグ「Movable Type」が付けられているもの

復習!ブログの更新について①

  • 投稿日:
  • by
  • カテゴリ:

こんにちは。

アイ・リンク・コンサルタントスタッフブログ担当です。

「更新していない間にブログの書き方を忘れてしまった!」

そんな方もいらっしゃるのではないでしょうか。

今回は基本的な操作方法について説明します!

  ~目次 ~ 

  ログイン

    ログイン画面

  既存記事の更新

  新規記事を作成する

  画像にキーワードを入れる

  画像が大きすぎた場合

  画像挿入後の文章を書く

  タイマー設定と記事の投稿完了

  新規投稿の確認

ログイン

自社のHPを出します

(例)→https://www.○○○.com/

から

https://www.○○○.com/mt/

末尾にmt/を付けたら、Enterキーを押します。

ログイン画面

gimp55.jpg

"Movable typeにサインイン" をクリック

ID/PASSWORD を入力

★基本的にMovable type(以下MT)は青いボタンを押すことによって次の画面に進むことができます

既存記事の更新

gimp57.jpg

①記事>②一覧>③該当記事のタイトルをクリック

gimp127.jpg

①記事のタイトル(見出し)

②画像挿入ボタン

③記事を直接修正可能

④画像はクリックすると青くなるのでDELを押すと削除可能

gimp126.jpg

⑤記事の修正(文字の追加削除、画像の追加削除)が終わったら更新ボタンを押します。

gimp125.jpg

⑥再構築ボタンを押します。

この「再構築」中にpingが飛び、全ネットワーク上に更新が通知されます。

★「サイトの表示」がクリックされると、HPが表示されて更新が確認できます!

新規記事を作成する

gimp50.jpg

①記事>②新規をクリック

gimp51.jpg

①検索ワードを入れてタイトルを入れる

②本文を入れる

③画像を入れたい部分をクリック

④画像の挿入をクリック

gimp60.jpg

①をクリック

②フォルダ内から画像を選択

③開く

④カーソルを下げる

⑤編集をクリック

gimp53.jpg

⑥名前にキーワードをいれましょう

⑦保存をクリック

⑧閉じるをクリック

⑨挿入をクリック

⑩完了

画像挿入後の文章を書く

gimp124.jpg

①★の場所でエンター 

②文字を打ちましょう

タイマー設定と記事の投稿完了

gimp121.jpg

①記事は"公開""日時指定"が選べる 公開日付(タイマー設定用)

gimp122.jpg

②カテゴリの中から当てはまるものを選択

gimp123.jpg

③公開  公開ボタンを押せば自動的に再構築されてHPができます

新規投稿の確認

gimp119.jpg

①サイトの表示をクリック

gimp120.jpg

②再読み込みボタンをクリックしましょう

★☆★リンクの設定をしよう★☆★

  • 投稿日:
  • by
  • カテゴリ:

今回は

リンクの設定

についてです!

やり方は簡単なのでぜひ皆さんもトライしてみてください!

※本記事はMovabliType5以上の場合の紹介です。お使いのverによっては表示や操作等が異なる可能性があります。


その他不明な点は、

すこぶるCMS HPの"すこぶるCMS 管理画面操作マニュアル"をご覧ください

https://www.sukoburu-cms.com/

図6.jpg


今回は弊社のHP、

https://www.katoken.gr.jp/

へのリンクを作ってみましょう。

①本文にhttps://www.katoken.gr.jp/と記載します

gimp88.jpg


②本文のhttps://www.katoken.gr.jp/ をドラッグで選択

gimp89.jpg


③「リンク挿入/編集」をクリック  

gimp90.jpg


④ハイパーリンク情報に必要な情報を記載

gimp91.jpg


⑤更新→再構築をして実際にリンクが飛べるか確認してください

弊社の場合↓↓↓↓

https://www.katoken.gr.jp/


~応用編~

バナーや写真からリンクを飛べるようにしたい!という方はこちらをお読みください

①本文にhttps://www.katoken.gr.jp/と記載します

gimp92.jpg

②本文のhttps://www.katoken.gr.jp/ をドラッグで選択

gimp93.jpg

③「リンク挿入/編集」をクリック  

gimp94.jpg

④ハイパーリンク情報に必要な情報を記載

gimp91.jpg

⑤更新→再構築をして実際にリンクが飛べるか確認してください

sakura_b.jpg

クリックすると弊社のHP、https://www.katoken.gr.jp/へ移動します。

★☆★YouTubeをHPにのせよう★☆★

  • 投稿日:
  • by
  • カテゴリ:

YouTubeをHPに載せる設定

について説明します!

※本記事はMovabliType5以上の場合の紹介です。お使いのverによっては表示や操作等が異なる可能性があります。


その他不明な点は、

すこぶるCMS HPの"すこぶるCMS 管理画面操作マニュアル"をご覧ください

https://www.sukoburu-cms.com/

図6.jpg


①載せたい動画をYoutube で開きましょう

gimp82.jpg

②共有をクリック→埋め込むをクリック

gimp83.jpg

動画の埋め込みの下にある文章を全文コピーしましょう

gimp84.jpg

例:↓

<iframe width="600" height="350" src="https://www.youtube.com/embed/t50184uR-3U" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe から始まって </iframe> で終わっています

④MTで載せたいページの編集画面を開きます

gimp85.jpg

⑤ソースを開き、載せたい場所に先ほどの文章を貼り付けます

gimp86.jpg

完成です!!

*完成イメージ画像です↓

gimp87.jpg

皆さんもぜひ動画の挿入をお試しください♫


実際に動画を見てみたい方はこちらから↓

弊社のYoutubeチャンネル

https://www.youtube.com/user/katochanp1959

★☆★ヘッダーの設定方法★☆★

  • 投稿日:
  • by
  • カテゴリ:

久しぶりにHPのヘッダーを変えてみよう...

あれ?うまくいかない!今回はそんなお悩みの方のために

ヘッダーの設定方法

の復習を行っていきましょう!

※本記事はMovabliType5以上の場合の紹介です。お使いのverによっては表示や操作等が異なる可能性があります。


すこぶるCMS HPの"すこぶるCMS 管理画面操作マニュアル"をご覧ください

https://www.sukoburu-cms.com/

図6.jpg


①名前を半角英数字にして画像をアップロード

(詳細はマニュアルP16をご参照ください)

図8.jpg

②アイテムの管理からヘッダーにしたい画像をクリック

(詳細はマニュアルP16をご参照ください)

図9.jpg

③タグにヘッダー画像と入力

アップロード後の名前は"ひらがな"でOK!

図11.jpg

④変更を保存をクリックしたら再構築で完成!

hedda-3.jpg


まとめ

図1.jpg図2.jpg

図3.jpg図4.jpg

5.jpg