WordPress
をテンプレートにして作成
LECTURE
担当科目一覧
コンピュータ概論/2024
データサイエンス/2024
3DCG演習/2024
情報デザイン研究/2024
卒業研究/2024
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
*WordPress
//[[Introduction>WordPress]] | [[Basics>WordPress/Basics]...
~
**はじめに
WordPress は近年最も注目度の高いオープンソースの[[CMS]]で...
-http://ja.wordpress.com/ ← とりあえず、ブログサービス...
-http://ja.wordpress.org/ ← 本体をダウンロードしてインス...
-参考:WordPressの利用状況他
--[[W3Techs Usage of content management systems for websi...
--[[GoogleTrends: WordPress, Shopify, Joomla, Drupal, Wix]]
//--[[GoogleTrends: WordPress,MovableType,Joomla!,Drupal,...
HTMLやCSSに関する専門的な知識がなくても、とりあえず始めら...
・安くてほとんどだれでも手に入れられる
・小さな規模で応用できる
・人間の創造力を発揮させる
WordPressはその意味でも、非常に完成度の高いツールと言えま...
~
***CONTENTS
#contents2_1
~
~
**WordPress.com の体験
***とりあえず体験してみる
WordPress はブログ系のCMSなのですが、そもそもブログの編集...
そこで、まずは、アカウントをとるだけで WordPress が体験(...
~
***WordPress アカウントの取得
必要なのはメールアドレスだけです。開設には5分もかかりませ...
-[[WordPress.com に接続>http://ja.wordpress.com/]]
-WordPress.comでアカウントを作成 > [[WordPress/Account]]
-開設事例:https://opensquarejp.wordpress.com/
~
***実際に使ってみる|Blog体験
ページを独立させました > [[WordPress/Basics]]
~
~
**レンタルサーバーにセットアップ
ページを独立させました > [[WordPress/RentalServer]]
~
~
**ローカルサーバーにセットアップ
ページを独立させました > [[WordPress/LocalServer]]
~
~
#aname(WP_SOURCE)
~
**WordPress の文書構造
WordPress が書き出すHTMLは、およそ以下のような構造になっ...
世界が認めた事実上の標準。ページの構造の典型として参考に...
<body>
<div id="page">
<header>
<hgroup>
<h1 class="site-title">OpenSquareJP</h1>
<h2 class="site-description">Just anothe...
</hgroup>
<nav id="site-navigation">
<h3>Menu</h3>
<div class="nav-menu">
<ul>
<li class="current_page_item">**...
<li class="page_item page-item-1...
<li class="page_item page-item-2...
</ul>
</div>
</nav>
</header>
<div id="main">
<div id="primary">
<div id="content">
<article id="****">
<header class="entry-header">
<h1 class="entry-title">info...
</header>
<div class="entry-content">
<p>****</p>
<p>****</p>
</div><
<footer>
****
</footer>
</article>
<div id="comments">
****
</div>
</div>
</div>
<div id="secondary">
<aside id="*****">
****
</aside>
<aside id="*****">
****
</aside>
</div>
</div>
<footer>
<div class="site-info">
****
</div>
</footer>
</div>
<script type='text/javascript' src='http://**** '></...
</body>
~
~
**WordPress と MVC
#image(MVC.png,right,25%)
WordPress のプログラムは MVC モデルに基づいて構成されてい...
-Model:データベースへのアクセス等、ビジネスロジックとな...
-View:画面表示(テンプレート)や入出力のプログラム
-Controller:ModelとViewを制御するプログラム
&scale(70){画像出典:https://commons.wikimedia.org/wiki/F...
~
~
#hr
-https://design.kyusan-u.ac.jp/OpenSquareJP_WP/
// inoue.ko > sq・・・
-https://opensquarejp.wordpress.com/
// opensquarejp > sq・・
-https://jssd5th.wordpress.com/
// jssd5th De/////05
-http://opensquarejp.wp.xdomain.jp/
// opensquarejp
-http://opensquarejp.starfree.jp/wordpress/
// inoue.ko
// PWはいずれも共通
//-http://opensquarejp.hotcom-web.com/wordpress/
//> FTPでwordpressフォルダを削除。アカウントは削除できず...
// inoue.ko
~
~
終了行:
*WordPress
//[[Introduction>WordPress]] | [[Basics>WordPress/Basics]...
~
**はじめに
WordPress は近年最も注目度の高いオープンソースの[[CMS]]で...
-http://ja.wordpress.com/ ← とりあえず、ブログサービス...
-http://ja.wordpress.org/ ← 本体をダウンロードしてインス...
-参考:WordPressの利用状況他
--[[W3Techs Usage of content management systems for websi...
--[[GoogleTrends: WordPress, Shopify, Joomla, Drupal, Wix]]
//--[[GoogleTrends: WordPress,MovableType,Joomla!,Drupal,...
HTMLやCSSに関する専門的な知識がなくても、とりあえず始めら...
・安くてほとんどだれでも手に入れられる
・小さな規模で応用できる
・人間の創造力を発揮させる
WordPressはその意味でも、非常に完成度の高いツールと言えま...
~
***CONTENTS
#contents2_1
~
~
**WordPress.com の体験
***とりあえず体験してみる
WordPress はブログ系のCMSなのですが、そもそもブログの編集...
そこで、まずは、アカウントをとるだけで WordPress が体験(...
~
***WordPress アカウントの取得
必要なのはメールアドレスだけです。開設には5分もかかりませ...
-[[WordPress.com に接続>http://ja.wordpress.com/]]
-WordPress.comでアカウントを作成 > [[WordPress/Account]]
-開設事例:https://opensquarejp.wordpress.com/
~
***実際に使ってみる|Blog体験
ページを独立させました > [[WordPress/Basics]]
~
~
**レンタルサーバーにセットアップ
ページを独立させました > [[WordPress/RentalServer]]
~
~
**ローカルサーバーにセットアップ
ページを独立させました > [[WordPress/LocalServer]]
~
~
#aname(WP_SOURCE)
~
**WordPress の文書構造
WordPress が書き出すHTMLは、およそ以下のような構造になっ...
世界が認めた事実上の標準。ページの構造の典型として参考に...
<body>
<div id="page">
<header>
<hgroup>
<h1 class="site-title">OpenSquareJP</h1>
<h2 class="site-description">Just anothe...
</hgroup>
<nav id="site-navigation">
<h3>Menu</h3>
<div class="nav-menu">
<ul>
<li class="current_page_item">**...
<li class="page_item page-item-1...
<li class="page_item page-item-2...
</ul>
</div>
</nav>
</header>
<div id="main">
<div id="primary">
<div id="content">
<article id="****">
<header class="entry-header">
<h1 class="entry-title">info...
</header>
<div class="entry-content">
<p>****</p>
<p>****</p>
</div><
<footer>
****
</footer>
</article>
<div id="comments">
****
</div>
</div>
</div>
<div id="secondary">
<aside id="*****">
****
</aside>
<aside id="*****">
****
</aside>
</div>
</div>
<footer>
<div class="site-info">
****
</div>
</footer>
</div>
<script type='text/javascript' src='http://**** '></...
</body>
~
~
**WordPress と MVC
#image(MVC.png,right,25%)
WordPress のプログラムは MVC モデルに基づいて構成されてい...
-Model:データベースへのアクセス等、ビジネスロジックとな...
-View:画面表示(テンプレート)や入出力のプログラム
-Controller:ModelとViewを制御するプログラム
&scale(70){画像出典:https://commons.wikimedia.org/wiki/F...
~
~
#hr
-https://design.kyusan-u.ac.jp/OpenSquareJP_WP/
// inoue.ko > sq・・・
-https://opensquarejp.wordpress.com/
// opensquarejp > sq・・
-https://jssd5th.wordpress.com/
// jssd5th De/////05
-http://opensquarejp.wp.xdomain.jp/
// opensquarejp
-http://opensquarejp.starfree.jp/wordpress/
// inoue.ko
// PWはいずれも共通
//-http://opensquarejp.hotcom-web.com/wordpress/
//> FTPでwordpressフォルダを削除。アカウントは削除できず...
// inoue.ko
~
~
ページ名: