プログラミング

プログラミングプログラミング

このサイトは”WordPress”にテーマ”Cocoon”で作っています。ブログを書いて投稿・更新していくだけなら、このままで問題は無いのですが、運営していくうちにデザインの変更や機能の向上など、やりたい事が増えてきます。

そのために便利に使える”プラグイン”が用意されているのですが、もっと自由にカスタマイズしようとすると、サイトを形成しているプログラム(PHP・HTML・CSSなど)を書き替えたり追記したりしなければなりません。

このサイトも、様々なサイトを参考にしながら”HTML”と”CSS”を使いカスタマイズしているのですが、プログラムの基本が理解できていないと難しい部分があり、カスタマイズを断念したこともあります。

このような事からプログラミングの基礎を記事にしていきます。

私自身の備忘のための記事になりますが、初心者の方の参考になれば幸いです。

ウェブデザインやプログラミングを学ぶことの出来るおすすめのオンラインスクール「本気のパソコン塾」はこちらです!

プログラミング

初心者向けに無料で使えるFTPソフト「FileZilla」の使い方を解説

初心者向けに「FileZilla」のインストール方法から使い方までを図解で解説。「FileZilla」は、自分のパソコンと、サーバーの間でファイルをやり取りするためのツールで、Web制作の作業では、必ず必要となるツールです。これを使うと簡単に、サーバー側にあるファイルの入れ替えや、WordPressのバックアップなど幅広く利用できます。
プログラミング

Chromeデベロッパーツール|最終適用スタイルの確認とデバイスモードの使い方

Chromeデベロッパーツール上で最終適用スタイルの確認とデバイスモードの使い方を図解で分かりやすく紹介しています。
プログラミング

Chromeデベロッパーツール上でCSSを編集する方法

Chromeデベロッパーツール上でCSSを検証・編集する方法を図解で分かりやすく紹介しています。
プログラミング

Chromeデベロッパーツール上でHTMLを編集する方法

Chromeデベロッパーツール上でHTML検証・編集する方法を図解で分かりやすく紹介しています。
プログラミング

Chromeデベロッパーツールの基本的な使い方!「Elementsパネル」

Chromeデベロッパーツールを使ってWebページのHTMLとCSSを検証する方法を図解で分かりやすく紹介しています。
プログラミング

Chromeデベロッパーツールの基本的な使い方!起動方法と表示設定

Chromeデベロッパーツールはサイト開発に関わるエンジニアの必須ツールです。 プログラミング初心者、これから始める人向けに使い方を解説。
プログラミング

最低限知っておきたいWebサイトで使える画像ファイル形式とその特徴

Webサイトに表示される画像は、見た目を調えると同時に、情報を分かりやすく伝えたりするために重要な役割をもっています。そして画像をうまく使うことでサイトのデザイン性が良くなり、ブランディング効果も高まります。 Webサイトを制作するには「H...
プログラミング

HTML&CSS|無料のWebフォントサービスを使う方法

「Webフォント」はデバイスにインストールされていないフォントでも簡単に実装できます。 テキスト部分を画像で制作するより、無料で使える “Google Fonts” は種類が豊富なので大変便利です。
プログラミング

ファビコン設置と”RealFaviconGenerator”の使い方

"RealFaviconGenerator"は、ファビコンだけでなく、スマートフォンのホーム画面、"Windows" のスタートメニュー、タスクバーなどに使用する画像と、"head" 内に記述するコードを作成してくれます。
プログラミング

HTML&CSS|デフォルトCSSをリセットする

ブラウザには、それぞれ独自のデフォルトCSSが指定されている。 リセットしない場合、デフォルトCSSに上書きされるのでブラウザによって表示に違いがでる。 CSSをリセットする"ress.css" と "destyle.css"