未分類

サイト設計

1.サイトの目的を考える 何のためにサイトを作るのかを考えます。目的によってサイトの作り方が変わるからです。 企業サイト1つをとっても、流行りのCSSを使って、若者向けにするのか、それとも落ち着いた企業サイトにするかは、クライ...
未分類

【Cocoon】全幅ができない。CSSを追加しましょう。

Cocoonで全幅が適用できない 通常、カラムを選択し、全幅を選ぶと、画面いっぱいになるはずです。 しかし、実際に作ってみると、全幅になりません。 CSSを追加 CSSに以下を追加します。 ...
webデザイン

ローカルでワードプレスを使えるようにする【XAMPP】

ワードプレスで作成しているサイトを更新などをするときに、失敗して表示されなくなってしまった、または思うようにいかなかった、など多々あります。 そこで、ローカルで作成し、思うようにいった場合にコピペで本サイトに貼り付けるのがおすすめで...
php

if 文 【php】

if文は、「はい」の場合は、Aの処理を行う、「いいえ」の場合は、Bの処理を行う、というような指示を与えます。 if文 基本 if文になると、指示ごとに毎回閉じる方法が多くとられているのでそちらを使います。 <?ph...
php

phpの基礎2 関数・変数・結合・配列

関数 関数とは、動かすための命令文です。記述方法は、「<?php 関数名(); ?>」となります。それでは、dateを使って本日の日付を表示してみます。 <?php echo date( 'Y年n月...
php

phpの基礎1

1.phpの初めと終わり phpの初めと終わりは、下記を使います。しかし、最後の終了タグ「?>」は省略することが推奨されています。 <?php /*初め*/ /*内容*/ ?> /*終わ...
webデザイン

周りを暗くし、強調部分を明るくする方法【GIMP】

部分的に強調したいとき、周りを暗くして、対象物を引き立たせる方法があります。今回はこの方法を解説していきます。使用するソフトは、無料の「gimp」を使います。完成はこのような感じです。 それでは、やり方を実際に見ていきましょ...
flexbox

画像の隣に文字を並べる【レスポンシブ対応】

画像の隣に説明文を並べたいと思ったことはないでしょうか。以前はfloatを使われていたようですが、今回は「flexbox」を使ってみようと思います。 【概要】Flexboxを使って指定 CSS itemは子要素の...
grid

タイル型に並べる【CSSグリッド】

CSSグリッドを使うには、Flexboxと同じように、親要素と子要素が必要になります。使い方は「display:grid;」を使用します。完成した形はこうなります。 CSS 「grid-template-col...
flexbox

Flexboxをわかりやすく解説します

Flexbox いくつかのものを並べるには、Flexboxで簡単に並べることが出きます。やり方として、並べたいものに対する、親要素に、「display:flex;」を使うだけです。 CSS style.c...
タイトルとURLをコピーしました