デザイン工房 Office neo
  • ABOUT
  • WORKS
    • WEB_制作実績
    • DTP_制作実績
    • 制作料金
    • workma 制作実績
  • サイト更新の方法(CMS:Joomla!)
    • サイトの更新方法「記事を書く」
    • 記事に写真を載せるために ❶ 写真をリサイズする
    • 記事に写真を載せるために ❷ Webサーバーへアップロード
    • 記事に写真を載せるために ❸ 記事に写真を挿入する
    • 記事の更新方法
    • リンクの貼り方
    • PDFファイルへのリンク
    • メインメニューに新しくメニューを追加する(修正する)方法
  • CSSメソッド
  • PhotoGallery
    • 写真館_2015
    • 写真館_2018
    • 写真館_2021
    • 写真館_2022
  • BLOG
サイトの更新方法「記事を書く」

サイトの更新方法「記事を書く」

ここでは、Joomla!というCMS(コンテンツ マネジメント システム)で構築し、JCEエディターを使用した、当社提供のホームページの更新方法を解説します。

ID・PWを入力してログインした後に表示される「記事を書く」あるいは「ブログを書く」ボタンをクリックすると、新しい記事を作成することができます。

続きを読む…
記事に写真を載せるために ❶ 写真をリサイズする

記事に写真を載せるために ❶ 写真をリサイズする

1. 写真のサイズを小さくする

デジカメやスマホで撮った写真は、そのまま使用するには大きすぎるので、画面表示の遅延やサーバーへの大きな負担ともなるため、適切な大きさにリサイズして使用します。

続きを読む…
PDFファイルへのリンク

PDFファイルへのリンク

ここではPDFファイルへのリンクの作成方法、サーバーへのアップロード方法を解説します。作業はエディターで行います。エディターの開き方は サイトの更新方法「記事を書く」を参照してください。

step1

PDFファイルへのリンクを貼りたい画像(もしくはテキスト)を選択

続きを読む…
メニューの修正方法

メニューの修正方法

step1

バックエンドからログイン

メニューの追加・修正は、バックエンドから行なってください。ドメイン+/administratorでバックエンドのログインフォームが開きます。ID,PW,Web認証あるいはシークレットキー等を

続きを読む…
記事に写真を載せるために ❷ Webサーバーへアップロード

記事に写真を載せるために ❷ Webサーバーへアップロード

撮った写真をWebサイト(ホームページ)に掲載するには、まずWebサーバーに写真をアップロードしなければなりません。

step1

カーソルを置いて『イメージを挿入』ボタンを押す

記事を書く際の編集画面(JCE editor)に、

続きを読む…
リンクの貼り方

リンクの貼り方

リンクとは、ページとページをつなぐためのシステムで、文字列や画像を別のページや画像と関連させて、その部分をクリックすれば、関連先のページや画像が表示されるという機能です。
(出典:松野ゼミ http://www.pu-kumamoto.ac.jp/~matsuno/zemi2/index.html)

 

ここではリンクの貼り方についてご説明します。

続きを読む…
雲仙天草国立公園

写真の挿入方法

ここでは、記事に写真を掲載(挿入)する方法について解説します。

step1

写真をWebサーバーにアップロードする

続きを読む…
記事に写真を載せるために ❸ 記事に写真を挿入する

記事に写真を載せるために ❸ 記事に写真を挿入する

❶ ファイル名をクリックして写真を選択します。プレビュー画像は右枠の詳細で確認できます。

❷ にURLが表示されているかを確認して下さい。

❸ には写真が表示されない場合や見えない方のための代替テキストを入力します。

続きを読む…
メインメニューに新しくメニューを追加する方法

メインメニューに新しくメニューを追加する方法

step1

バックエンドからログインします。

 

https://○○○○○.○○○/administrator/

続きを読む…

  • facebook
  • twitter
  • pinterest
  • email
  • instagram

Category Menu

  • 写真の挿入方法
  • サイトの更新方法「記事を書く」
  • リンクの貼り方
  • メインメニューに新しくメニューを追加する方法
  • 記事に写真を載せるために ❸ 記事に写真を挿入する
  • 記事に写真を載せるために ❷ Webサーバーへアップロード
  • 記事に写真を載せるために ❶ 写真をリサイズする
  • PDFファイルへのリンク
  • メニューの修正方法

記事一覧

  • CSS Grid Masonry Layout 2022年08月24日
  • デザイン工房 Office Neo について 2022年08月23日
  • CSS Grid Layout 2022年08月15日
  • 写真の挿入方法 2022年07月17日
  • CSS フォント指定の基礎的部分 2022年07月01日
  • 立体的なボタン 2022年07月01日
  • 横並びのメニューデザイン 2022年07月01日
  • CSS 見出しのデザイン集 2022年07月01日
  • サイトの更新方法「記事を書く」 2022年07月01日
  • リンクの貼り方 2022年07月01日
  • メインメニューに新しくメニューを追加する方法 2022年07月01日
  • 記事に写真を載せるために ❸ 記事に写真を挿入する 2022年07月01日
  • 記事に写真を載せるために ❷ Webサーバーへアップロード 2022年07月01日
  • 記事に写真を載せるために ❶ 写真をリサイズする 2022年07月01日
  • PDFファイルへのリンク 2022年07月01日
  • メニューの修正方法 2022年07月01日
  • workma【チーム:デルタワークス】 制作実績 2022年07月01日
  • 制作料金 2022年07月01日
  • DTP_制作実績 2022年07月01日
  • WEB_制作実績 2022年07月01日

写真素材素材【写真AC】

 

無料イラスト素材【イラストAC】

サイト更新の方法(CMS:Joomla!)

  • 写真の挿入方法 (3114) 2022年08月12日
  • サイトの更新方法「記事を書く」 (4072) 2022年08月15日
  • リンクの貼り方 (3154) 2022年08月12日
  • メインメニューに新しくメニューを追加する方法 (3728) 2022年08月12日
  • 記事に写真を載せるために ❸ 記事に写真を挿入する (3070) 2022年08月15日

CSSメソッド

  • CSS Grid Masonry Layout
  • CSS Grid Layout
  • CSS フォント指定の基礎的部分
  • 立体的なボタン
  • 横並びのメニューデザイン

BLOGの新着記事

  • 無料素材サイト『写真AC』に写真を投稿しました。

WORKS

  • DTP_制作実績
  • WEB_制作実績
  • workma【チーム:デルタワークス】 制作実績
  • 制作料金

othermenu

  • 予約申込フォーム
  • ログイン
  • ABOUT
  • WORKS
    • WEB_制作実績
    • DTP_制作実績
    • 制作料金
    • workma 制作実績
  • サイト更新の方法(CMS:Joomla!)
    • サイトの更新方法「記事を書く」
    • 記事に写真を載せるために ❶ 写真をリサイズする
    • 記事に写真を載せるために ❷ Webサーバーへアップロード
    • 記事に写真を載せるために ❸ 記事に写真を挿入する
    • 記事の更新方法
    • リンクの貼り方
    • PDFファイルへのリンク
    • メインメニューに新しくメニューを追加する(修正する)方法
  • CSSメソッド
  • PhotoGallery
    • 写真館_2015
    • 写真館_2018
    • 写真館_2021
    • 写真館_2022
  • BLOG