ブログ

この記事ではアメブロにメニューバー（グローバルナビゲーション）を設定する方法を解説します。 メニューバーがあると、読者に見てほしいページを案内することができます。 【動画解説】アメブロでのメニューバー設定方法 動画でもやり方を解説しています...

この記事では、オリジナルのヘッダー画像をアメブロに設定していく方法を解説しています。 before after 簡単に設定できますので、ぜひやってみてくださいね。 動画でもやり方を説明しています✨ https://youtu.be/10nNq2pBi14 Step1. ヘッダー画像を用意す...

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

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

この記事ではフォントを変更する方法をご紹介します。 before after フォント（文字の字体）が変わると、ブログの雰囲気もがらっとかわります。 特にWindowsだと、ギザギザに見えてしまうこともあるようです。フォントを調整して、読みやすさアップしてい...

今回は、個別相談をいただいたWebディレクターのMさんのお声をご紹介します。 WEBディレクターMさんからのお客様の声 ご利用くださったきっかけ ワードプレスのデータ移行のお願いがきっかけだったと思います。古いホームページから新しいホームページへ、...

株式会社 ビードゥー様のホームページを作成させていただきました タイトル株式会社 ビードゥー様　(BeDoh Corporation)制作年月2022年4月技術仕様WordPress、テーマ「Snow Monkey」対象範囲企画・デザイン・WordPress導入・コーディングURLhttps://bedoh....

WordPressにインスタグラムを表示させるプラグイン「Smash Balloon Social Photo Feed」がアップデートされました。あわせて、UIも大きく変わりました！ 改めて、使い方を解説していきます。 以前、使っていた方はアップデート後、Instagramフィードが表示...

この前、仕事で、オンラインミーティングの会話内容をテキストにまとめる必要がでてきました。いわゆる、テープ起こし、文字起こしと言われるやつです。１時間もの動画をみなおして、一つ一つ入力し直すのは面倒…。 なにか、いいツールはないものかと探し...

2021年の確定申告が無事に終わりました！！ かれこれ４回目になり、だいぶ慣れてきました 確定申告までの作業を振り返りながら、工夫していること、改善点をまとめていきます。 日頃の取り組みで工夫していること マネーフォワードクラウド確定申告の活用 ...

私は、4年ほど前にWordPressでブログを作り始めました。そこから、独学でカスタマイズなどを調べていくうちに、テーマを制作できるようになりました。今はプラグイン作りについても学んでいます。 今回は私がWordPressでホームページを作る上で、役に立っ...

昨年、もっと動きのあるサイトを作れるようになりたくて、アニメーションについて勉強していました。 普段は、ボタンのマウスオーバー、ナビゲーションメニューなど、利便性のためにシンプルな動きを取りいれるくらいです。しかし、そのたびに、基本となる...

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

今回は、SourcetreeからのSSH接続するように直したので、その手順を記載します 私の環境(2021年8月時点) MacBook Pro (Retina, 13-inch, Mid 2014)MacOS Big Sur (ver 11.7)SourceTree(ver 4.1.2) ①公開鍵と秘密鍵を作る ターミナルを開いて、「ssh-keygen...

囲み枠は文章を枠でかこんだデザインのこと。 囲み枠は文章を枠でかこんだデザインのこと。 文章の中で囲み枠を設定すると、記事内で文章を目立たせたり、メリハリをつくることができます。 読者はふだん流し読みで記事を読んでいます。囲み枠で囲んである...

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

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

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

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

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

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

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

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

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