LogoMark.png

WordPress

WordPress


はじめに

WordPress は近年最も注目度の高いオープンソースのCMSで、事実上の標準とも言える存在です。以下、2つの公式サイトがあります。

HTMLやCSSに関する専門的な知識がなくても、とりあえず始められる。と同時に、技術を段階的に身につけていけば、完全に自分の手でカスタマイズできる。あらゆるオープンソースに言えることですが、
・安くてほとんどだれでも手に入れられる
・小さな規模で応用できる
・人間の創造力を発揮させる
WordPressはその意味でも、非常に完成度の高いツールと言えます。

CONTENTS




WordPress.com の体験

とりあえず体験してみる

WordPress はブログ系のCMSなのですが、そもそもブログの編集自体経験がない方には、どんなものか見当がつなかい・・・そんな存在だと思います。

そこで、まずは、アカウントをとるだけで WordPress が体験(もちろん同時に情報発信)できる wordpress.com の活用をおすすめします。まずは、ここで実際に投稿してみる・・・、またダッシュボード(管理画面)でできることを確認してみて下さい。

WordPress アカウントの取得

必要なのはメールアドレスだけです。開設には5分もかかりません。

実際に使ってみる|Blog体験

ページを独立させました > WordPress/Basics



レンタルサーバーにセットアップ

ページを独立させました > WordPress/RentalServer



ローカルサーバーにセットアップ

ページを独立させました > WordPress/LocalServer





WordPress の文書構造

WordPress が書き出すHTMLは、およそ以下のような構造になっています。
世界が認めた事実上の標準。ページの構造の典型として参考になります。

<body>

    <div id="page">
    
        <header>
            <hgroup>
                <h1 class="site-title">OpenSquareJP</h1>
                <h2 class="site-description">Just another WordPress site</h2>
            </hgroup>
            <nav id="site-navigation">
                <h3>Menu</h3>
                <div class="nav-menu">
                    <ul>
                        <li class="current_page_item">****</li>
                        <li class="page_item page-item-1">****</li>
                        <li class="page_item page-item-2">****</li>
                    </ul>
                </div>
            </nav>
        </header>

        <div id="main">
    
            <div id="primary">
                <div id="content">
                    <article id="****">
                        <header class="entry-header">
                            <h1 class="entry-title">information</h1>
                        </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://**** '></script>
    
</body>








PAGES

GUIDE

DATA

添付ファイル: filewp-install.jpg 187件 [詳細]
Last-modified: 2020-10-21 (水) 14:42:50