WordPressのプラグインでブログカード入れたけど重いのでやめて簡単自作

WordPress(ワードプレス)でブログカードを作る時って、「Pz-LinkCard」が良いって聞いたけどどうなの?
WordPressで既に「Pz-LinkCard」を入れてるけど、なんか表示が遅くない?
ブログカードを自作するためには、「functions.php」とか「JavaScript」の知識が必要なの? 簡単にブログカードを作る方法はないの?

などの疑問を持ってる人って結構いるのではないでしょうか。

続きを読む →

初心者向け7【CSSの書き方と構造】ホームページをデザインしよう

さて、前回までの記事で、webサイトの各ページが完成していますね。

各ページの完成の都度このページに訪れている人もいるでしょう。

・エディターを導入した
・ローカル開発環境を構築した
・HTMLでwebページを作成した

ここからは、CSS(シー・エス・エス)を使ってwebページを装飾する方法についてみていきましょう。

続きを読む →

初心者向け6【PHPの書き方と構造】入力内容の確認ページの作り方

さて、前回までの記事で、HTMLでのサンプルサイトが作成できていますね。

そして、ローカル開発環境もできていますね。

・エディターを導入した
・THMLでサンプルサイトを作ってみた
・ローカル開発環境を構築した

ここからは、ユーザーが「問い合わせページ」にて入力した内容をユーザー自身にて確認するページである「お問い合わせ内容の確認ページ」を作成したいと思います。

続きを読む →

初心者向け5【HTMLの書き方と構造】お問い合わせページの作り方

さて、前回までの記事で、「HOME」・「営業時間」・「メニュー」・「アクセス」ページができていますね。

その後CSSに進んだ人は、装飾もできていますね。

・HTMLで「HOME」ページ(index.html)を作った
・HTMLで「営業時間」ページ(open-close.html)を作った
・HTMLで「メニュー」ページ(menu.html)を作った
・HTMLで「アクセス」ページ(access.html)を作った
・CSSで「HOME」ページ(index.html)などを装飾した(CSSに進んだ人)

ここからは、「お問い合わせ」ページ(contact.html)を作成していきます。

続きを読む →

初心者向け4【HTMLの書き方と構造】アクセスページの作り方

さて、前回までの記事で、「HOME」・「営業時間」・「メニュー」ページができていますね。

その後CSSに進んだ人は、装飾もできていますね。

・HTMLで「HOME」ページ(index.html)を作った
・HTMLで「営業時間」ページ(open-close.html)を作った
・HTMLで「メニュー」ページ(menu.html)を作った
・CSSで「HOME」ページ(index.html)などを装飾した(CSSに進んだ人)

ここからは、「アクセス」ページ(access.html)を作成していきます。

続きを読む →

初心者向け3【HTMLの書き方と構造】メニューページの作り方

さて、前回までの記事で、「HOME」・「営業時間」ページができていますね。

その後CSSに進んだ人は、装飾もできていますね。

・HTMLで「HOME」ページ(index.html)を作った
・HTMLで「営業時間」ページ(open-close.html)を作った
・CSSで「HOME」ページ(index.html)を装飾した(CSSに進んだ人)

ここからは、「メニュー」ページ(menu.html~menu4.html)の4ページを作成していきます。

続きを読む →

初心者向け2【HTMLの書き方と構造】営業時間ページの作り方

さて、前回までの記事で、「HOME」ページができていますね。

その後CSSに進んだ人は、装飾もできていますね。

・HTMLで「HOME」ページ(index.html)を作った
・CSSで「HOME」ページ(index.html)を装飾した(CSSに進んだ人)

ここからは、「営業時間」ページ(open-close.html)を作成していきます。
こちらが完成形ですね。

表示するブラウザはchromeを使用します。

今回作成するページの一覧は以下の通り。

・「営業時間」ページ

続きを読む →

初心者向け1【HTMLの書き方と構造】トップページの作り方

さて、前回までの記事で、エディターを導入できていますね。

そして、ローカル開発環境もできていますね。

・エディターを導入した
・ローカル開発環境を構築した

ここからは、導入したエディターでHTMLを記述してwebページを作ってみたいと思います。
(今回はローカル開発環境を使わずにwebページを作っていきます)

表示するブラウザはchromeを使用します。

続きを読む →