HPFマニュアル

テキストリンクの設置方法

記事本文に入力したテキストにリンクを設定することができます。
①　リンクを設置するテキスト文をドラッグで選択します。
②　【リンク挿入／編集】アイコンをクリックします。
③　リンクパスを設定します。
■サイト内のページへのリンクの場合
　【プロトコル】：「＜その他の＞」
　【URL】：「/●●●●.html」（ページ名）を設定します。

■自サイト内（ファイル管理にアップロードした）PDFの場合
　【プロトコル】：「＜その他の＞」
　【URL】：「/materials/XXXXXXXXX.pdf」を設定します。
　※ファイル管理で対象のPDF選択後「情報」ボタンを押下するとURLが確認できます。
　※PDFの場合は新規ウインドウで表示するよう、以下の④以降の設定も行います。

■外部サイトにあるページやPDFにリンクしたい場合
　【プロトコル】と【URL】を外部サイトのURLに合わせてフルパスで設定します。
　※外部サイトへのリンクの際は新規ウインドウで表示するよう、以下の設定も行います。

④　「ターゲット」タブをクリックし、
⑤　「新しいウインドウ」を選択します。
⑥　「高度な設定」タブをクリックし、
⑦　【関連リンク】欄に「noopener」と半角英字で入力します。
⑧　【OK】ボタンをクリックします。
⑨　最後に【登録】ボタンをクリックします。

Facebookページをホームページに表示する方法

Facebookページを自社のホームページに表示させるにはFacebookの『Page Plugin』機能を使用します。

【注意】この機能を使用される場合はFacebookの登録が必須となります。
また、表示可能なのは「Facebookページ」です。個人のFacebookは表示できません。

▼【Page Plugin】埋め込みコードの取得
　以下のFacebookのサイトにアクセスします。
　https://developers.facebook.com/docs/plugins/page-plugin

①　FacebookページのURL　：　表示させたいFacebookページのURLを指定してください。
　※Facebookページ以外のURLを入力するとプレビューが
　　「Not a valid facebook page url」の表示になります。
②　タブ　：　通常、変更の必要はありません。　必要に応じて変更してください。
③　幅　：　ご使用中のテンプレートに合わせてサイズ調整をしてください。
　※記事本文内、またはサイドメニュー上下にある自由HMTLエリアに設置できます。
④　高さ　：　プレビューを確認しながらサイズを調整してください。
⑤　チェック項目　：　プレビューを確認しながら、ご希望に合わせて設定してください。
　・スモールヘッダーを使用
　・plugin container の幅に合わせる
　・カバー写真を非表示にする
　・友達の顔を表示する
⑥　「コードを取得」をクリックします。


⑦　【IFrame】タブをクリックし、表示されたコードをコピーします。
 


▼ホームページファクトリーの編集サイトにて
⑧　記事本文内に設置する場合
　　ソースモードにして⑦でコピーしたコードを貼り付け、登録します。
⑨　サイドメニュー上下にある自由HTMLエリアに設置する場合
　　表示幅を上記③で調整してから⑦でコピーしたコードを貼り付け、登録します。
⑩　自由HTMLエリアはパソコン用とスマーフォン用で分かれているので、
　　スマートフォンサイトにも表示したい場合は【表示位置】を選択し、
　　コードを貼り付け、登録します。

記事に表を設置する方法

以下に基本的な表の設置方法とカスタマイズの手順を示します。
（１）表の作成
①　表を設置したい記事本文のアイコン一覧から【表】をクリックし、
　　表のプロパティを開きます。
②　表の行数と列数を指定します。
③　表の幅と高さを記事表示幅内での割合、またはピクセル数で指定します。
　　（高さは任意）
④　各項目を任意で設定できます。
　　ヘッダー：１行目または１列目を項目名として太字表示にできる指定
　　枠線の幅・セル内余白・セル内間隔：ピクセル指定
　　行揃え：右詰め、または左詰めを指定
　　キャプション：表の上部に表示させるタイトルを指定
　　表の概要：メモ入力欄
⑤【OK】をクリックします。


（２）設置した表の編集
▼行の追加・削除
　追加または削除したい行の任意のセル内にカーソルを当て、右クリックします。
　表示されたメニューの【行】にカーソルを当て、動作を選択します。


▼列の追加・削除
　追加または削除したい行の任意のセル内にカーソルを当て、右クリックします。
　表示されたメニューの【列】にカーソルを当て、動作を選択します。

▼セル幅の調整方法
①　調整したい列の任意のセルの内にカーソルを当て、右クリックします。
　　表示されたメニューの【セル】にカーソルを当て、【セルのプロパティ】を選択します。
②　表示されたセルプロパティにて幅欄に値をピクセル、またはパーセントで指定します。
③　【OK】をクリックします。



▼セルに背景色を設定する方法
①　背景色を設定したいセル内にカーソルを当て、右クリックします。
　　表示されたメニューの【セル】にカーソルを当て、【セルのプロパティ】を選択します。
②　表示されたセルプロパティにて背景色の【色の選択】をクリックします。
③　表示された色選択の中からご希望の色を選択します。
（右側の【選択された色】欄でカラーコードを確認したり、ここで指定することもできます）
④　【OK】をクリックします。

 

ホームページから直接電話を掛ける設定

② 【本文】欄に電話番号などのテキストを入力するか、又は、画像を設置します。
　 （今回は画像を設置します。）
③　設置した画像を選択し【リンク挿入】ボタンをクリックします。
④　プロトコルを【その他】に選択します。
⑤　URL欄へ『tel:0123456789』を入力します。
　　※『0123456789』の部分は、電話番号（ハイフンなし数字のみ）を入力します。
⑥ 【OK】をクリックします。
⑦　最後に記事コンテンツ編集画面、下部の【登録】クリックして完了となります。
 

画像データをアップロードできない時の対処方法

ホームページファクトリーにアップロードできる画像データのカラーモードはRGB（ディスプレイ用）です。もし、画像データをアップロードしようとしてエラーになった場合には、カラーモードがCMYK（印刷用）になっているのかもしれません。カラーモードが異なっていた場合、下記の方法でRGBに変更することができます。

▼ 画像編集ソフト『ペイント』を起動する
①　パソコン画面の左下にある検索窓で『ペイント』と検索します。
②　上部に表示された『ペイント』とをクリックします。
③　ペイントが開きます。
 

PDFのファイルサイズ縮小方法

ファイルサイズの大きなPDFをホームページに掲載すると、ホームページ閲覧者がそのPDFを開く際に時間がかかったり、通信量も大きくなってしまうため、掲載する際にはPDFの用途に合わせサイズを縮小させましょう。
MicrosoftのOffice10からはWordやExcelデータを保存する際にPDF形式で書き出しが出来るようになりました。
そこで、以下にPDF化する際にサイズを縮小する方法をご案内いたします。
是非、お試しください。

▼ PDFファイル作成時にサイズを縮小する方法
①　Word又はExcelデータを開き【ファイル】タブをクリックします。
② 【名前を付けて保存】を選択します。
③　保存するファイルの種類を【PDF】にし、『その他のオプション』をクリックします。
④　保存の際にサイズを『標準』、『最小サイズ』が選択できます。
　 『最小サイズ』を選択するとWeb閲覧用の画質になりデータがサイズが小さくなります。
⑤ 【保存】をクリックします。

※ 注意 ※
ホームページなどWeb閲覧用に最小化し掲載したPDFを閲覧者が自身で印刷すると画像は多少ボケてしまいます。
 

Googlemapの設置方法

▼ 住所の検索
①　検索サイト『Google』で住所を検索します。
　　※番地まで細かく検索することで該当する住所にピンが立ち表示されます。
②　左側の【メニュー】ボタンをクリックします。
③　表示されたメニュー項目にある【地図を共有または埋め込む】をクリックします。
 

ギャラリーの画像にリンクを貼る方法

▼ ギャラリーの追加
ギャラリーを設置したいページに移動し、【ギャリーを追加】クリックします。
 

メイン画像（スライドショー）設定

メイン画像とは？
サイトのトップページや各ページに表示されるイメージであり、サイトやブログの「顔」となるバナーのことです。

▼ メイン画像編集画面を開く
【メイン画像】編集エリアをクリックすると編集画面が表示されます。
 

Favicon（ファビコン）の設定方法

Faviconとは？
ホームページを示すアイコンとして使われる画像ファイルのことです。
検索したホームページのURL横に表示されたり、お気に入りに登録したときなどにホームページタイトルの横に表示されます。

Favicon（ファビコン）を設置するには、まずこの画像を作成する必要があります。
また、画像の推奨サイズは、16×16・32×32・48×48pxです。

※ 注意 ※
ファビコンとして使用できるファイル形式は、.jpg・.jpeg・.png・.gif・.ico  です。
 
▼ Favicon（ファビコン）設定
①　編集画面の左端にある【設定】にカーソルを合わせます。
②　表示されたタブから【サイト設定】をクリックします。
③　サイト設定ページのファビコンから【ファイルを選択】で設定する画像を選択します。
④　サイト設定ページ下部にある【サイト設定を更新】ボタンをクリックして完了です。

※ 正しく設定されているか【公開】して確認しましょう。