Learning word press 2
・wordpressでもサーバーを借りる必要がある
・wordpressをサーバーにインストールすれば、htmlをいじらなくてもブログの更新ができる
・おしゃれなテンプレートがある
例です。
・wordpressはカスタマイズなど自分の好きなようにデザインやブログの構成をかえれる
・プラグインで機能の付け足しが出来る
プラグインは以下にようなものがある
1、目次を自動表示
2、投稿した画像を自動圧縮
3、サイドバーなどに人気記事を配置してくれる
4、お問い合わせフォームを設置してくれる
5、バックアップを自動でしてくれる
・プラグインを使えば、簡単に掲示板や問い合わせフォームが作れる
・カテゴリーを分けることによりカテゴリー毎に違うデザインを使うことができる
以上
Learning word press 1
・wordpressとは?
一言でいうと
ブログの運営を楽にするために無料ソフトのイメージ
・もし、wordpressを使わない更新の仕方だと
wordpressを使わずに、自力でブログ更新を
するとhtmlコードを多く書かなければい。投稿するには、都度、サーバーにアップロードしなければならない。
・wordpressを使うと
前提知識として
1、.org : サーバーに自らインストールする
2、.com : レンタルブログ
参照:wordpessの管理画面
このダッシュボードから、コードをいじらなくてもブログを更新、設定変更できる
【まめ知識】
ホームページの横幅を960PXで計算しながら画像の切り出しを計算して配置する
写真をアップロードする時は、メディアから入りアップロードする
デベロッパーツールの使い方
googleクロームにはデベロッパーツール(要素の検証機能)という便利な機能が備わっている。
(1)どんなことがができるのか?
・デザイン変更テスト
・他のウェブサイトのコードをチェック
・複数サイズでの表示チェック
(2)デベロッパーツールを起動するには
・チェックしたいページを開き、右クリックをする。
コードを調べたい部分が決まっているのであれば、その場所で右クリック。
表示されるメニューの中から『検証』をクリック
・ショートカットでコマンド起動させる場合
【F12】キーボタンを押す
(3)画面の見方
【HTML】
・二分割されている画面の左側にはHTMLコード、右側にはCSSコードが表示される
・elements(要素)を展開するには、altを押しながら▲→をクリックすれば中の子要素
がすべて展開される。
【CSS】
・上のタブが 【styles】が選ばれている事を確認する。ここには「選択中の要素」
に対して指定されているCSSが全て表示される
・CSSのセレクタが表示され、その下に指定されているCSSが表示される