ブログ

ネイルサロンのサンプルサイトを制作しました タイトル架空サイト制作：ネイルサロン制作年月2021年09月技術仕様HTML/CSS(Sass)、JQuery担当範囲企画・デザイン・コーディングURLhttps://works.0forest.com/work01/ サイトについて よく使えるアニメーショ...

GatsbyJSでポートフォリオサイトを制作しました。※現在は当ブログに統合しています。 タイトルポートフォリオサイト制作年月2021年9月技術仕様GatsbyJS対象範囲企画・デザイン・コーディングURLhttps://portfolio.0forest.com/ 制作背景 WordPressなどのCM...

株式会社 松寛アソシエイツさまのホームページを作成させていただきました タイトル株式会社 松寛アソシエイツさま制作年月2021年08月技術仕様WordPress、テーマ「Snow Monkey」対象範囲企画・デザイン・環境設定・WordPress導入・コーディング・操作レク...

トレースは、バナーや広告などの見本を、自分で再現しながらデザインを学ぶ練習手法です。 お手本通りに真似て作ることで、デザインの引き出しを増やしたり、ツールの使い方になれることができます。 トレース＆模写におすすめの教材 私は前に一度、トレー...

新しい年が始まりましたね。今年を共に過ごす相棒、2020年の手帳を自作しました。 市販のものは、フリーページが少なかったり、使わないないページがあったりと、帯に短し、襷に長し。ちょうどいい手帳がない。それなら、自分好みのものを作ってみようと思...

この前、お客さまより相談がありました。管理画面にログインできなくなり、ホームページ上に変なメッセージが表示されてしまったとのこと・・・。 調べてみると、WordPressのコアプログラムが不正に書き換えられていました。残念ながら、ハッキング被害に...

この記事では、エックスサーバーでWordPressをインストールする手順を説明します。 この記事はこんな方におすすめ エックスサーバーのX10プラン（月額約1000円）を使ってWordPressが始めたい はじめてサーバー・ドメインを取得する 難しい作業は苦手、なる...

Wordpressで、お問い合わせフォームを作りたい！どうしたらいいの? ホームページには、読者から質問や感想を受け取るため、また、仕事用に見積りや相談を受け付けるために、お問い合わせフォームはつきもの。 お問合せフォームを作れるサービスは多数あり...

私は、4年前からWordPressでサイトを作り、それから今でも運営を続けています。 初めてWordPressをさわったときには色々わからないことも多かったので、自分なりに調べてブログを始めました。 そのとき、WordPressやホームページの運営知識・経験が少なか...

SEOを気にしてブログ運営をしていく方に知っておいていただきたいのが「パーマリンク」です。 この記事では、WordPressでのパーマリンクの設定方法とポイントをご紹介します。 この記事でわかること パーマリンクって何？パーマリンクって、どう設定するの...

イラストレーターでシステム手帳のカレンダーを作ったので、作り方をご紹介していきます 月間カレンダー完成イメージ こんな感じで、プリントできるテンプレートを作ります。 月間カレンダーの作り方 A5サイズのアートボードを２つ用意します。 システム手...

PualeiさまのHPをリニューアルさせていただきました タイトルハワイアンヒーリングサロン Pualeiさま制作年月2019年技術仕様WordPress、テーマ「TCD」対象範囲企画・デザイン・環境構築・WordPress導入・コーディング・操作レクチャーURLhttps://portfolio...

記事を書く時に、他のホームページやブログの文章を一部紹介したいことって、けっこうありませんか？ この記事ではコピペで使えるCSSのサンプルを５つ用意しました。 ブログやWordPressで引用符（blockquote)デザインを変える方法もご紹介します。 HTMLとC...

この記事では、無料ブログ向けにコピペでできる、大人女性向けの飾り枠のデザインを用意しました。また、好きな色にアレンジする方法も解説しています。 文章の中で囲み枠を設定すると、記事内で文章を目立たせたり、メリハリをつくることができます。 読...

アメブロを、おしゃれにカスタマイズしたい！ この記事では、アメブロのデザインをおしゃれにカスタマイズする方法を解説しています。 テンプレートそのままではなく、おしゃれでテンションのあがるブログにカスタマイズしちゃいましょう。 パーツごとに紹...

Node.jsとMySQLを接続して、データベースを動かす方法を説明します。 この記事でわかること MacでのMySQLの導入方法Node.js(Express)からMySQLデータベースに接続するプログラムデータベースから情報を取得して、表示するプログラム 前提 Macでの操作にな...

この記事では、タイトル付きの囲み枠のデザインをご紹介しています。 ぜひ、サービス紹介やお知らせに使ってみてください♪ 各ブログでの囲み枠の使い方 掲載されているコードをHTMLタグ編集モードで貼り付けると囲み枠を使うことができます！ 詳しい使い方...

HTMLとCSSで、フォームのラジオボタンやチェックボタンの代わりに画像選択にする方法の紹介です。 Before After HTMLとCSS <div> <input id="image_a" type="radio" value="image_a.jpg" name="image"&g...

ヘッダーは、ブログやSNSを表示させた時にまず一番上に表示される大きな画像のこと。 そのアカウントの目印にもなる部分です。 プロに頼むほどではないけれど、自分でもおしゃれなヘッダーがほしい！という方のために、簡単＆無料でできるヘッダー画像の作...

ホームページでよく出てくるパーツ「ハンバーガーメニュー」。 今回は、ハンバーガーメニューの作り方を紹介します。 ハンバーガーメニューとは ハンバーガーメニューとは、スマホなどでのクリックすると開くメニューのこと。この３本線が、ハンバーガーの...

ブログ記事を書いていると頻繁に登場するのが、箇条書き。項目を並べたり、まとめるのに便利で、わたしもよく使います? 今回は、CSSコピペでできる、おしゃれなリストのデザインをご紹介します。 リストの基本の書き方 リストには「番号付き」と「番号なし...

WordPressサイトをコピーして、別ドメインに引っ越したい！簡単なやり方はないかな？ 現在運営中のWordPressサイトをリニューアルしたい！本番サイトはそのままで、テスト用にコピーしたサイトを別環境に作りたい！ WordPressサイトのお引っ越しやリニュー...

トレースは、バナーや広告などの見本を、自分で再現しながらデザインを学ぶ練習手法です。 お手本通りに真似て作ることで、デザインの引き出しを増やしたり、ツールの使い方になれることができます。 トレース＆模写におすすめの教材 私は前に一度、トレー...

Flexboxは、CSSはWebページのレイアウトを設定できるモジュール。 Flexboxを使うと簡単に整列したり、配置できるようになるので、ヘッダーなどのレイアウトに使われています。 今回の記事では、Flexboxを使ったヘッダーの作り方を紹介します。 よくあるヘ...