WordPressの基礎.

Slides:



Advertisements
Similar presentations
サイトブリッジ株式会社 2014年月1 6日 ZOMEKI を利用した サイト制作の手順. Web サイトの構成 Web サイトの構成要素 ■ デザイン ・ベースカラー、セカンドカラー、アクセントカラー ・イラスト調、写真調 ・派手なトーン、地味なトーン ■ レイアウト ・3カラム、2カラム、1カラム.
Advertisements

Web 製作ラボ 6/27, 2012 hayashiLabo Web のデザインをどう作るか 手法 ・ HTML と属性で ・ HTML とスタイルシート (CSS) → 主流 ツール ・テキストエディタで手書き ・ Dreamweaver 、ホームページビルダー ・フリーの HTML.
IBMユーザ研究会九州研T3 3.Web2.0を実際に使ってみた. Web2.0を実際に使ってみました 研究会をプロジェクトに見立 てて “ Google SpreadSheet ” で会議を開く “ SNS ” でコミュニケーションを補助する “ Wiki ” で成果物を共有する.
コンピュータ基礎実習 ( 上級 ) 第七回 CGI の利用 清水淳紀. はじめに  本講義のテーマ  ホームページで良く利用される CGI ( シージーアイ ) について学びます。  CGI とは何か  CGI の基礎知識  CGI をサーバーにインストールする  CGI を実行してみる.
1 事業者 PR 支援ツール「 SHIFT 」のポイント  導入運用は無償提供 全国商工会連合会のサーバを利用するため、導入・運用の費用や、 面倒なサーバ保守の手間がかかりません。 ( ※ページ自体は、テンプレート提供となり、コンテンツ類の新規、修正、更新などは含みません。 )  誰にでも簡単にページの更新や新着情報登録ができます。
自社スタジオで収録した動画をライブ配信及び、ライブ配信の自動アーカイブ管理と配信、 オリジナル動画の配信、動画内で使用した資料配布、をする為のサーバー構築、運用、保守、WEBサイト構築をお願 いしたいと考えております。 ライブ配信はUSTを使用し新規サイトと連携できるのか、オリジナルのライブ配信システムを構築し、
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
Geeklog Japanese 株式会社アイビー・ウィー Geeklog Japanese 運営 IvySOHO ・株式会社アイビー・ウィー他共同運営.
Google フォームの利用法 出欠確認表の運用実例. Google フォームとは Google に登録すると使える機能の一つ「 Google ドライブ」 インターネット上にファイル等を保存出来るスペース、 その中の機能の一つです。 問い合わせやアンケートなどを自由に作れる。 ● アンケートはテンプレートから手軽に出来る.
卒業論文審査会 Web の読みやすさ実験ツールの開発 岩手県立大学 ソフトウェア情報学部 ソフトウェア情報学部 4 年 柴田 大樹 指導教員:鈴木克明 藤原康宏 市川尚.
ブログ blog ・ブログとは何 か? ・ブログとは何 か? ・ブログの始め方・ブログの使い方 Copyright Ⓒ 2005 Chiaki Emi All right reserved Ver 1.0.
Web アプリをユーザー毎に カスタマイズ可能にする AOP フレームワーク
企業としての経済活動や 社会貢献活動の情報を インターネットを通して 社外に広くアピール.
東京SSG17期勉強会 WordPress第1回 インストール・使い方・メンテナンス
オープンソースCMS「ZOMEKI」を利用した 業務システムの開発手法
ホームページ活用勉強会+ホームページ作成体験会 スマートフォン時代のホームページ活用術
・ホームページ製作業務のご案内 ・各種プランのご案内 ・基本構成 ・オプション構成 ・サイト構築までの流れ
勉強会大集合 Geeklog Japanese
Flashプレイヤーを使った動画配信 情報工学科 宮本 崇也.
◯◯クリニック様 ウェブサイトリニューアルのご提案
CMSとは?.
シリウスの使い方セミナー【1】 Copyright © 2013 busitry All Rights Reserved.
法人e名刺 ブログ運用マニュアル 社外秘 目次 □ブログ運用ルール
「絵葉書を通じてのハルビンの 街の印象調査」システムUIの iPadアプリ化 谷研究室  飯 祐貴.
CG作品展示サイト”Fragments” ~ 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン~
ケータイキット for Smarty のご紹介
e ポートフォリオ(Mahara)の使い方
企業としての経済活動や 社会貢献活動の情報を インターネットを通して 社外に広くアピール.
Webサイト運営 09fi118 橋倉伶奈 09fi131 本間昂 09fi137 三上早紀.
ユーリテクノスのFlashテクノロジーを 利用した様々なサービスのご提案
SMSを利用した コミュニケーションシステムの開発
Web App Semi 2008 #1 Web App Semi 2008 #1.
Wordpress研修 ~ブログ構築編~ 2016年7月 杉本 啓太.
研究基盤総合センター 応用加速器部門 木村博美
さあ、楽しみながらホームページ作成に挑戦しましょう
Produced by Value Creation Inc.
Webを利用した授業支援システムの開発 北海道工業大学 電気電子工学科 H 渋谷 俊彦.
西尾市観光協会 個店情報の掲載について 店舗掲載イメージ(画像4点バージョン) 店舗情報掲載料金(観光協会会員・非会員で料金が異なります)
【トップページ-TOPICSの登録・編集】
~スマートフォン利用~ 店舗管理システムのご提案 サイボウズ中国.
SAKK, 2008/01/26 ぴろり (Open MagicVox.net)
動画編集ツールによる作品制作とWebページによる紹介
EBSCOhost 詳細検索 チュートリアル support.ebsco.com.
Facebook 初級編 HEDS代表 永井宏樹 HEDS.
Kintone 新デザインコンセプト サイボウズ株式会社 2016/10/28 更新.
サイト運営者へむけて、CMS管理画面をつかって サイト運営していく方法を紹介します。
概要 z 低コスト 自由なレイアウト 豊富な実績
有限会社リバープランニング(mami ballet class) 御中
ホームページ最近の動向 マルチデバイス・ホームページ あらゆる端末に対応したホームページ! パソコン IPad 携帯.
パソコン同好会のホームページは今回WordPressに変わったのですが 使いづらいとの声が多いので投稿者用の手順書を作ってみました。
WordPressに挑戦! WordPress(ワードプレス)は、ブログを 作成するためのWEBアプリケーションです。
パートナー様向け 仕事のご説明資料 関係者外秘 (他の方に絶対に開示しないでください).
2016年度秋期 成果発表会 2016年11月25日 大阪開発センター 技術一部 畑中 龍樹.
静岡で働く人のための資料閲覧サイト Worker‘s Library 【ワーカーズライブラリー】
プログラミング 設計資料 メンバー:.
2003年度 データベース論 安藤 友晴.
…J-KORS 不動産検索システム… J-KORSの目的 ■参加企業各社の物件情報を集積・開示 ■情報提供型ビジネス強化(既存事業の強化)
11.Webサイトとデータベース, Webサイト+ブログシステムの開設手順例
サイクリング部OBOG会 Webサイト作成プロジェクト ~現状報告~
対応可否 スキル一覧 株式会社エージェント 2015年10月7日 Ver.1.0.
売れるためのWEBサイト構築.
すぐできるBOOK -基本設定編-.
障害児関係データベースの ブログ化について
中国の日系企業に最適のシステム 御社の業務に最適な3つの理由 初期投資なしで すぐに始められる ITに詳しい 担当者不要 何度でも 変更可能.
すべて読む Microsoft SharePoint ニュース
Firebaseを用いた 位置情報共有システム
売れるためのWEBサイト構築.
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
第2回 Webサーバ.
地理情報コンテンツ・データベースコンテンツ新規作成
Presentation transcript:

WordPressの基礎

WordPressって何? 基本的にはHTMLとPHP/DBというプログラムを用いたWebサイト。 サイト毎に1から作るのが手間という事で、 よく使うようなHTMLソース部やPHPの機能をフレームワーク化し、 誰でも簡単に機能が実現できるようにしようという設計思想の元開発されたCMSです。

過去のWebサイト ・全ページを1つ1つコーディングする必要があった。 ・お問い合わせの電話番号が変更になった場合、全ページのソースファイルを編集する必要がある。 Index.html about.html company.html products.html contact.php 同じ箇所を修正するために全ページのファイルを編集する必要があった。

WordPressでは ・各パーツを分離して共通で使う構造にした 。  何千ページあったとしても電話番号部分のパーツを編集するだけで全ページの電話番号部が変更できる 。 ・カテゴリ別に共通部分を変化させる事が出来る 。 ・記事を投稿出来る仕組みがあり、無限にページを増やせる。

何がいいのか? ・サイトコンテンツ(ブログなど)の担当者にHTMLの知識が無くてもコンテンツを管理する事が出来る。 ・テーマが豊富  自分でデザイン・カスタマイズが出来なくても、約2500ある公式テーマの中から好みのデザインを利用する事が出来る。 ・プラグインによる機能拡張が容易  有料のプラグインもあるが、基本的な機能は大抵無料で配布されている。 ※SEOに強いとよく言われますが、WordPressを導入する事自体がSEOに有利なのではなく、WordPressで生成されるHTML構造がSEOに有利に働く場面が多いというだけです。 当然、サイト制作前後での内部施策は必要になりますし、コンテンツ強化も必要です。

WordPress以外のCMS ・baserCMS:簡単導入/メールフォームなど基本機能の実装が容易 ・a-blog cms:簡単導入/iOSアプリでの更新が可能 ・XOOPS:会員サイト/企業向けサービスが充実 ・Drupal:テーマ多数/EC・SNS機能も付与する事が出来る ・Joomla!:管理画面が使いやすい/簡単導入 ・Geeklog:記事投稿が簡単 ・OpenPNE:SNS特化 ・Concrete5:レイアウト変更が自由自在 ・MODX:HTMLをほぼそのまま利用可能 ・CS-Cart:多言語・多通貨・レスポンシブ対応 ・EC-cube:機能充実/Webサイト構築可能(構築依頼も可) ・Zen Cart: ※Movable TypeもCMSだが費用がかかる

WordPressで出来る事 ブログを書くだけではなくプラグインの導入やカスタマイズによって様々な機能を付与する事が出来ます。 ・ネットショップ構築 ・会員専用サイト構築 ・ポータルサイト/メディアサイト構築 ・アンケート集計 ・口コミ・評価サイト構築 ・不動産サイト構築 ・SNSサイト構築 ・動画サイト構築 ・画像サイト構築 ・メールマガジン ・予約システム ・お問い合わせフォーム ・ソーシャルメディア連携 ・多言語翻訳 ・マルチデバイス対応 ※テーマにもプラグインにも言える事ですが非公式で配布されているものは サポートが杜撰だったり、ウイルスや不正リンクが仕込まれている事があるので 基本的には公式で配布されている物を利用するのが賢明です。

基本的な仕組み ユーザーが管理画面からブログサイトに記事を投稿する際の流れを例にして解説します。 まず、管理画面にログインし管理画面を表示させます。 管理画面にある「投稿」から「新規追加」を選択し、 タイトルと記事を書いて投稿します。 投稿された記事内容はDBに保存され、 ページを表示する際に内容がDBから引き出され表示されます。 ・管理画面 ユーザーが主に使うのは「投稿」「固定ページ」です。 ここで記事を書いたりしてコンテンツを増やしていきます。 また、管理画面自体をカスタマイズすることもできます。 ・表示ページ 管理画面で投稿した内容が表示されます。 カスタマイズによって投稿のカテゴリ別に見た目を変える事もできます。 ・DB(データベース) 投稿された記事内容などが保存されます。 現在適用しているテーマの種類や投稿日時など動的に出力されるあらゆるデータがここから引き出されサイトが表示されます。

ファイルの基本構成 ざっくり言うとindex.phpがページ毎に他の各パーツファイルを読み込んで 1つのページが表示されます。 ・header.php ・footer.php ・sidebar.php ・single.php ・page.php ・archive.php ・search.php

管理画面の解説 ・投稿 ・メディア ・固定ページ ・コメント ・外観 ・プラグイン ・ユーザー ・ツール ・設定