一般社団法人神奈川県臨床検査技師会ホームページ更新マニュアル一般社団法人神奈川県臨床検査技師会広報部平成 25年 9月 14日一般社団法人神奈川県臨床検査技師会は、平成 23年に行ったホームページ改修に伴って SNSに対応した wordpressによるウェブサイト構築および運営に内容を変更しました。ウェブサイトを Wordpress化することによリページ更新の簡便化や高度な知識を必要としないベージ開設が可能となりました。また、facebookや twitterとの連携も可能になりました。 1.Wordpressの概要説明 2.新固定ページの開設 3.投稿ページの開設 4.ウェブサイトによる受付及び名簿作成 WordPress(ワードプレス)は、オープンソースのブログソフトウェアである。PHPで開 MySQLを利用している(後述のプラグイ単なるブログではなく CMSとしてもしばしば利用されて発されており、データベース管理システムとしてンより SQLiteでの使用も可能)。いる。b2た afelogというソフトウェアのフォーク(後継)として開発、2003年 5月 27日に初版がリリースされた。 GNU General Public License(GPL)の下で配布されている。主な特徴 PHPによる動的なページ生成標準添付のテンプレート等がウェブ標準に準拠記事への複数カテゴリー設定に対応カスタマイズ可能で検索エンジンフレンドリーな URL テーマによる簡単なデザインの切り替えプラグインによる拡張機能 WYSIWYGによるエントリ編集投稿スラッグによるパーマリンク lIRL作成ライセンス WordPressは、プロプライエタリではなく、GPLに従い配布される、オープンソースなソフトウェアである。誰もが WordPressの開発に参加できる、という利点がある。テンプレート、テーマ WordPressのテンプレートはすべて PHPであるため、PHPと HttLをある程度知っていれば容易にテンプレートをカスタマイズできる。テンプレートは多くの場合、ヘッダー部とサイドバー部、コンテンツ部、フッター部、に分けて記述され、1ページはそれらの組み合わせで表示される。WordPressでは、PHPテンプレートにスタイルシートを組み合わせたセットをテーマと呼ぶ。多くの無料テーマが、公式サイトのほかサードパーティから提供されている。テーマの中には、ベージを構成する要素をメニューから選択できるウイジェットという機能が使えるものがある。プラグイン様々な機能をプラグインとして追加でき、サードパーティからも多くのプラグインが開発されている。プラグインは PHPで開発できる。言語対応 WordPressはマルチバイト文字に対応しており、文字エンコーディングを UTF‐ 8に設定することで日本語が利用できる。ただし、インタフェースに関してはすべて英語であるため、これを日本語化した WordPress日本語版が WbrdPress日本語サイトでリリースされている。日本語版は基本的にインターフェースのみを日本語化したものであり、機能面での互換性は保たれている。 Wordpressを使うメリット 1.ホームベージ作成ソフトが必要ない。ネットワークに接続していれば更新できる。 2.パソコンだけではなく、タプレットPCやスマホでも更新ができる。 3.難しい言語が不要。ワープロ感覚でベージ作成を行うことができる。 4.高度な機能を簡単に使用することができる。 Wordpress管理画面からのログイン lo爺 n.php httplllwwvLiinringi.or.ip/wordpress/wp‐ WonuPnnss l - "r --tl liユワード □ ロゴイコ式態竜1昇存すモバスワー瞳お忘れですか ? ← 一般社団法人神奈川県臨床検査11師会へ戻るユーザー名パスワード r-r f rrdtii* /GI tU17 { t)>t Ll nt^-> q. ,=, rr( > 1.. - bEtraD€ lJ/o)4 ,l ll Y-r! l!9 er &; TS : : ;fr'; 9.v)r;li- 1' tnEafffr. -l= クイック投稿 t: 6 iiE 57 67,.-;. 36 :r> | ヽ噺「 6 +=ra 1 try 30 7r (L 下書きとして保● ■こoo rt,コ、ントが力 TruttFom リセット (ムキユーにあります. C6m Subrcribz E卸 - ?cfraT1qtut{;ry}t{!f;+ kdF63 rtl tcf;F. 最近の下書き wldgeG . - 'こ 2 x=: t- 最近のコメント首都日間甲信Tl,金 ● 19回今のところ下書きはありません. ^に ,臨苺ら 'I`「 '■ 血液検菫研修会平成26年 9月 29日聞甲輌支部首,日支議合同 ( WordPressブログ ■ プロフィールの変更 rlP ‐ 1Jomり。 0‐ “嬌 1 ‐￨ ‐ R ttdo′ es・￨=定ベーシテレスtンションタロ‐ ● , ■ ノロフイール中メラィアクプリン・人ll, 1幕壺甲D螂動・ :目 .I メールアドレス (必須 )に連絡者のメールアドレスを入れ「プロフィールを更新 Jを押す。パスワードを変更したい場合 ( ' In‖ r● cⅢ p ‐ 尉｀押¨ `冬ヨ■ベーシテンスたレシヨンー新しいパスワードにパスワードを入力し「プロフィールを更新」を押す。 ″ 口‐ ● ■ 固定ページを作成する新規ベージの追加ホーム岱ダツシユボードサイト続計晴覇噺メデイア ‐ 暉固定ページ ‐(pコメント現在の状況固定ベーシー覧新規追加ダッシュボード表示固定ページ → 新規追加鷹 5・ □tベージそ●コ .― 崚社口法人 …+ 4 r.nig.oqp. : R ' rd!r6 I Et{-t 7a^rt:2-> ′ 口‐ ↓ ベー定を鵬固ジ勘 ■ Dγ ミ昴タツシユ本―ト ]』 i「 trEt ,: lt>h t Jo)4-t, B I凛り阜三￨￨ =0詈 ,,タツ ,F■ ・嘔 Gゼ Ω 」 :二 ■ 4需・卜 υ 偽 J▲ ‐2‐ し̀ rヽ日 Elもヽ 00■ 」0 32 回一 ^― (■ ジヨt ない巨 t#0 ;/^ht>=> tr v trJ, Fffi?*qTa. -6-ta :-, :'. )):' :. .7f4ta. アイキャチ画像 =′ 1.タイトルを入力新規固定ページを追加 2.本文を入力合 lq/7 r7-1 B I… V=に f寧 r覧ィズ ■ 館 ,島墜彗喜事働 OQ ‐ ず:主 =主 _l■ li基 :三型 ■ 里 4畢邑 ▲‐ =● Hψ ▼轟国鵬ふ 0● ■ ‐ 鮨 eF■ ■ つき自 ● 1._ =A鳳 3.閲覧者からコメントが必要な場合ディスカッション「る. 1回コメントの腱稿を欝￢阿 1回このペーンCトラックパックとピンパックを許可する. 通常はいたずらを防止するためにディスカッションのチェックは外す。 4.属性を設定する作製したページの親ページを指定する。ベージの階層で重要になる。ページ鳳性義 … テンプレートデフオルトテンプレート国露 0 1 ヘルプが必要ですか ?画面の右上の「 AJEプ』タプをご利用ください. ・″″ 一．ワープロ感覚で使用したい方 → ビジュアル H皿タグで使用したい方 → テキスト一一一一二 ,r(7.:p *;lo PAC膵 oDen a‖ l cloSe a‖ :よう F子日 ]日囲隔勁￨… : :聾￨￨サクラ病理技輛目籠 ‐ :… 埋積衝者のためのメーリ t ￨ :摘 l :絆 NAKAMA― proio∝ プレミ : :ヰリン権浜ビアビレッジビ・回 ¨ ¨ ・・日 ¨ 一￨´ 筋 4- キリン横浜ビアビレッジビールとノ(― ベキユーで懇親会サクラ病理技術賞襲ためのメーリンクリスト … 惟絆 N― A‐ Projedプレミーテインク申込み ¨ー臨床化詢 m― 降釧 ¨ 神剣 l瞑臨床衛生検査技師会皐自』覇鵞豊 )a)樋い 5。公開と条件公開］一﹂離国ス離一下書きとして保存蟻￨プレビユー￨飼 0公開 ○ バスワード保護 O松開ンセル巨壺生￨キヤ出すぐに公用する 2013 09‐ 9E 日o10 :10 1 0K Iキヤンセルゴミ箱へ移動プレビューボタンを押して画面を確認するその後、公開する場合には公開ボタンを押すメてくださはヽタイトルを入力にパーマリンクt http力躙川Jn面 ngi_orlpppage_i● =3305 パーマリンクの変更パーマリンクが表示されます。このアドレスが新規追加ページの URLになります。参考になるサイト httD■1ヽW‐ adminweb.ipノwordpress/page/ 「ビジュアルエディタ」と「HimLェディタ」 httD:rrWD‐ eXDoCOn〕らlog/visual‐ llnode/ 本文の作成方法 1.サイズの変更 :≡ ・I電}彗 ▼亀礎 1..1 lJ 摯 ::_._ __ ￨￨ .= 剃 ‐ ￨― … ￨… 病理検萱研究班病理検査研究班病理検査研究班 2.改行 Wordpressでは改行にクセがあります。改行は shi■ +enterで行ってください。 Enterのみの改行は行間が非常に広くなります。 IB I 麟理 :≡ ‐ ￨￨￨1文字サイズ li嘔 ▼ ‐ 幸摯 1 三 l enter 湖副刹 shift+enter 病理横萱研究班剛 … i≡ li摯 ▼噛髄ギ嗜 Jf.1 lF 画像の挿入 (リンクによる挿入 ) 3。画像挿入ボタンを押す画像の URL欄に http:〃から始まる URLを記載する。必要に応じてタイトルを記載する￨一般￨五高上敏設定 ] 一般画像のURL 画像の説明夕■ ルプレビューキヤンセル 4.画像や PDFなどメディアファイルの挿入 B f tt U :≡ :三文事サイニ ▼ 段荘三]曇 ▼ G嬌ごメディアを挿入く::EI三二二三二 :::)メすべてのメデイアテイアライプラリアッフロードするフアイルをドロッフ日フアイ,レを選 lR 星■アプブロートファイ,し ,イス 256MB 21 8aec14b3c742 3c9dcb32ce574b 2013seidokann p メディアを挿入メデイアを挿入ギャラリーを作成フアイリレをアップロードアイキヤッチ画像を設定メデイアライプラリすべてのメデイズ∃ 検露 URLから挿入 1瞳ァ￨ 21… 42mdcb32oo "… 卜 11 :目 kou… nd轟￨ 62_Ⅲ ●llnan … 1点クリア … 5.リンクを張る。外す r 面」日日一一自日一，二言２懸喜騒 ■ 一華嗜Ｆ ▼ 卜ン一一一文字サイズ４一一一一賄 ” B I tt U ≡巨□課里也 C 機董 ψ ▼品国リンンの幅ル雪饉 CAll+飾昨 tAl ￨リンク先 URLを入力してください URL I回タイトル日リンクを新ウインドウまたはタプで開く｀またIよ既存のコンテンツにリンク旗 ´ゴ検索キーワートが指定されていません。最近の項目を表示しています . 2013年 9月 SE tst 平衝聴カ固定 ^― シ循環器固定ベーシ呼吸器固定ベーシ超音波固定ベージ情報システム研究班固定ベーシキヤンセリし一〓 ▼ 文字サイズ一一一籠 … Ｕ一 B r =]≧ ‐ 喝三華 ♂ 凛壼色 CΩ d =Hψ ‐品リンクを外すいlt+Shift+5) [ ページの削除公開下書きとして保存ステータス:下書き温三公開状態 /ANn編饉出すぐに公開する場笙 JvYt- 研修会申込みフォームの作成方法研修会申込み用フォームは Wordpressのプラグイン TRUttFORMで作成できます。フォームの作り方 1.サイドバーの「Trust Forrn」のメニューから「フォームの新規作成」「フをクリックしてォーム名」を入力します。彎 Trust Form ￢ lフォーム名:￨お問い合わせフィールドテ中スト蠣●タス鶴 ‖颯り ,ご ●●― ● ●― ● ' ステキストを入力 t " 2フィールドを設置します。左の「フィールド」から必要な要素を選択してドラッグ・アンドロドロップして、必要な要素を配置していきます。フィ…ルド ‐,哺出お A `,● ― Hフ ‐ ・ '3● ― ・ ― セ "Hl● ●A テキストを入力して下さいン ●8 ‐ メ‐●″rLa 国 ― nメール 3.必須マークを設定します「必須マーク」をクリックすると、必須マークとして設定するテキスト及び画像を設定できます。テキスト H 嫁 1 ―ク用m― Fle 名‖ メールアドレス相￨■由せ 4.フォームの各項目の設定をします。各項目をクリックして、バリデーションや dass、アキスメットのスパムフィルタリングの設定をします。テキストを入力して下さいメールアドレス … 1-31 ¨ ﹄¨ ” “ 腱 _1群メール ●●,文字テ=ック 1全角女手チェック一 ¨ ¨ ・ -● ア●スメフトロ = 5フォームの上部に入力するテキストを入力します。確認画面、完了画面それぞれに入力します入力画面確認画面完了画面 6管理者宛メールを設定します前]、 [メールアドレス]というように日で、設定した項目名を囲んで設置すると、管理者宛メールの送信元がフォーム送信者になります [名管理者宛メール名ml ,メ ll名 7 ルアドlス , お合わがありまし ' "い t● 自動返信メールの必要があれば設定します自動返信にチェックをいれると自動返信メールの設定画面が出てきます。項目名を□ で囲むと送信された内容に置き換えてメールがフォームの送信者に返信されます。 glllr-,} l,lElr-r!iltra F6lt ,rr=rrrl R6 6'..dFtm ia alrribta?dt)rlrrat 嵩鰤疇フ._A_夕會んでい0すにm● . .口 .l.● ●●ウ″と,こ ■,マヨ●●から● ― 印 ― ●●. `いし上げ拿●. 田カクニンフラス 8.更新をクリックするとフォームが保存されます ‐ 9.保存するとショートコードが現れるので、それを固定ページ等に貼り付けて下さい 1右のタグをコピ■ &ぺ ,ストして投綺またはページに椰入して下さい . Ind‐ fOm id・ 140 10はい、このようにフォームが表示されますお問い合わせお口ι 沿わせを入力して下さい・ ●● メー″ ドレ・ … データの管理フォームに送信された内容はデータベースに格納されるので、管理画面からお問い合わせの情報を確認することが出来ます。「お問い合せ内容」 1.Trust Forrnのメニューからをクリックしてくださいセレクトボックスから内容を確認したいフォームを選択します。椰ゝ丁rust Form √ フォームをヨ択して下さい価 Fomはあなたのサポートを4bEとしています。あなた書付でこのフラグインはもっと農 2.送信された内容が一覧表示されます Trust Form ・ l "● 卜●●● ;￨￨ ,べ【 ,, ‐ ●●Ⅲ .■ ■●S =, ― “ `● メールアメ■■ = ■暉￨フアータスteL,■ 1,■ ●N口 “ ― "` 輸 ■いヽ ●●● m● ● コらヽ ●●内● コ1… ●●ヽヽ ●●t 蜻 ●■ ― `由 =￨一 “ ― r^r .ofiartlott- | .er lraat l,tr\tr. tatlaintaettT.t ).lJ$' tI< ttE atrFttt 3.閲覧をクリックすると詳細が確認できます 'Trust Form … ステー,ユ :" 鮨メモ ●● ■―ルア ●中ス "nd鮨 "■ ス ■■■■ Faス ‐タ・・・ “ ‐ ■ ● ●●昴おい ● ●●m … =嗅 F― 13● ●た0,r― 卜●‐ として¨ す.● ● … こプラ′イン●●,tiく ●● ・ =∼ ●●. "T● … 4.ステータスを変更します「既読」に変更しましょう。こうしておくとど処理済みのお問い合わせにはステータスをのお問い合わせに対応したのかがすぐに分かつて良いと思います。・T/ Trust Forrn …,― タスス・ =日腱 ●● メールアドレス … ‐ "― M● ●37ぬ r● m 呻に ●目い― “ 口 c― ステータス 1菫 ■ “ "は調 Jけ田 1370切 26171304 籠み害 7-タス t麟 ■■■■:‐・ス CSV出力日麟回氏名書 CSVダウンロードを押すと CSV形式のデーター覧が作成されます。