zono note

zono note

日々の学び、気付きを大切に綴りたい

Learning word press 2

wordpressでもサーバーを借りる必要がある

wordpressをサーバーにインストールすれば、htmlをいじらなくてもブログの更新ができる

・おしゃれなテンプレートがある

 例です。
f:id:zonozonox:20180312140329p:plain

wordpressはカスタマイズなど自分の好きなようにデザインやブログの構成をかえれる

プラグインで機能の付け足しが出来る

 プラグインは以下にようなものがある
 1、目次を自動表示
 2、投稿した画像を自動圧縮
 3、サイドバーなどに人気記事を配置してくれる
 4、お問い合わせフォームを設置してくれる
 5、バックアップを自動でしてくれる

プラグインを使えば、簡単に掲示板や問い合わせフォームが作れる

・カテゴリーを分けることによりカテゴリー毎に違うデザインを使うことができる

以上 

Learning word press 1

wordpressとは?

一言でいうと
ブログの運営を楽にするために無料ソフトのイメージ


・もし、wordpressを使わない更新の仕方だと

wordpressを使わずに、自力でブログ更新を
するとhtmlコードを多く書かなければい。投稿するには、都度、サーバーにアップロードしなければならない。

wordpressを使うと

前提知識として
1、.org : サーバーに自らインストールする
2、.com : レンタルブログ

参照:wordpessの管理画面
f:id:zonozonox:20180312114110p:plain

このダッシュボードから、コードをいじらなくてもブログを更新、設定変更できる

【まめ知識】
ホームページの横幅を960PXで計算しながら画像の切り出しを計算して配置する

写真をアップロードする時は、メディアから入りアップロードする

今日の5枚です! 山の巻

今日も快晴です!

光合成も兼ねて山にサイクリング!

テーマ 川と主の鯉
f:id:zonozonox:20180311112437j:plain

テーマ ひっそりと佇む神社
f:id:zonozonox:20180311112626j:plain

テーマ 頂上遠し、心折れる(涙)
f:id:zonozonox:20180311113037j:plain

テーマ  山から見える桜島
f:id:zonozonox:20180311113149j:plain

テーマ 心癒やす小川の光

f:id:zonozonox:20180311113530j:plain

以上

今日の4枚です! 海の巻

とても気持ち良い日差しだったので、

やっぱり、海へ!

テーマ 海 
f:id:zonozonox:20180310140700j:plain
 
テーマ そして海(笑)
f:id:zonozonox:20180310141129j:plain

テーマ 海と桜島
f:id:zonozonox:20180310141238j:plain

テーマ 桜島とわたし(笑)!
f:id:zonozonox:20180310141802j:plain

アップロードした写真は桜島と海しか

なかったので、イレギュラーでわたし

入れてみました。

1時間のサイクリング、すごく気持ちよかった!!

デベロッパーツールの使い方

googleロームにはデベロッパーツール(要素の検証機能)という便利な機能が備わっている。
(1)どんなことがができるのか?
  ・デザイン変更テスト
  ・他のウェブサイトのコードをチェック
  ・複数サイズでの表示チェック

(2)デベロッパーツールを起動するには 
  ・チェックしたいページを開き、右クリックをする。
   コードを調べたい部分が決まっているのであれば、その場所で右クリック。
   表示されるメニューの中から『検証』をクリック

  ・ショートカットでコマンド起動させる場合
   【F12】キーボタンを押す

(3)画面の見方
  【HTML】
  ・二分割されている画面の左側にはHTMLコード、右側にはCSSコードが表示される
  ・elements(要素)を展開するには、altを押しながら▲→をクリックすれば中の子要素
   がすべて展開される。
  【CSS
  ・上のタブが 【styles】が選ばれている事を確認する。ここには「選択中の要素」
   に対して指定されているCSSが全て表示される
  ・CSSセレクタが表示され、その下に指定されているCSSが表示される