MENU
  • 無料レッスンLesson
  • プロフィールprofile
  • サービスService
    • パソコン苦手でも大丈夫!
      ホームページ作成個人レッスン
    • 起業女性に寄りそうWEBお悩み相談
  • 実績・お客さまの声portfolio
  • ブログblog
  • お問合せcontact

    カテゴリー

    • Web・SNS集客
    • Web系プログラミング
    • WordPressプログラミング
    • フリーランスの小技
    • Web活用相談
    • はじめてのWordPress
    • アメブロカスタマイズ
    • ホームページ制作
    • 自分で作れるおしゃれデザイン
    • アイデア・思考の整理

    タグ

    Adobe IllustratorGatsby.jsgitGitHubHTML/CSSMySQLNode.jsPythonSourcetreeSWELLWordPressおすすめWPプラグインおすすめツールアメブロエックスサーバーサーチコンソールセキュリティバレットジャーナルライブドアブログ環境構築確定申告開発環境

    アーカイブ

    • 2023年1月
    • 2022年12月
    • 2022年11月
    • 2022年8月
    • 2022年4月
    • 2022年3月
    • 2022年2月
    • 2022年1月
    • 2021年12月
    • 2021年11月
    • 2021年10月
    • 2021年9月
    • 2021年8月
    • 2020年10月
    • 2020年8月
    • 2020年7月
    • 2020年6月
    • 2020年5月
    • 2020年4月
    • 2020年3月
    • 2020年1月
    • 2019年11月
    • 2019年9月
    • 2019年8月
    • 2019年5月
    • 2019年2月
    • 2019年1月
    • 2018年11月
    • 2018年9月
    • 2018年8月
    • 2018年7月
    • 2018年6月
    • 2017年10月
    • 2017年9月
    • 2017年7月
    個人事業主・女性起業家のためのWordPress・HP・ブログレッスン
    自分で作れる優しいホームページ制作・個人レッスン 中谷恵美
    • 無料レッスンLesson
    • プロフィールprofile
    • サービスService
      • パソコン苦手でも大丈夫!
        ホームページ作成個人レッスン
      • 起業女性に寄りそうWEBお悩み相談
    • 実績・お客さまの声portfolio
    • ブログblog
    • お問合せcontact
    自分で作れる優しいホームページ制作・個人レッスン 中谷恵美
    • 無料レッスンLesson
    • プロフィールprofile
    • サービスService
      • パソコン苦手でも大丈夫!
        ホームページ作成個人レッスン
      • 起業女性に寄りそうWEBお悩み相談
    • 実績・お客さまの声portfolio
    • ブログblog
    • お問合せcontact

    ブログ

    1. ホーム
    2. ブログ
    • 個人事業主のお仕事ブログには、独自ドメインを使おう!

        こんにちは!エミです。 今日は「ドメイン」についてお話をしていきます。 ドメインとは、ざっくりいうと、「yahoo.co.jp」とか「amazon.com」などWebページにアクセスするためのURLのことです。 私は、個人事業主さんやフリーランスの方など、ビジネス...
      2023-01-272023-01-30
      Web・SNS集客
    • WordPressテーマの選び方〜おすすめ有料・無料テーマ〜

      こんにちは。優しいHPレッスンのエミです。 今日はwordpressのテーマについてお話ししていきます。 この記事では、 ・WordPressテーマってなに?・WordPressテーマの選び方・どのテーマがおすすめか?この3つについてお話ししていきます。 【そもそも、Wo...
      2023-01-132023-01-18
      はじめてのWordPress
    • 【アメブロ】記事に定型文をいれる方法

      ブログを書いていると、毎回、記事の最初や最後に同じ文章を記事にいれたいということがあります。 よくあるのは、記事の最後に プロフィール おすすめ記事など 提供しているサービス一覧などを掲載する。 毎回、それらを記事を書くたびにコピペしたり貼り...
      2022-12-30
      アメブロカスタマイズ
    • 【アメブロ】メッセージボードをおしゃれにカスタマイズ!

      今日は、アメブロのメッセージボードの設定についてです。 足を立ち上げたばかりの状態ではヘッダー画像、メニューの下に何も表示されません。 初期ではメッセージボードなし メッセージボードを設定することで、パソコンでブログを開いたときに、一番上に...
      2022-12-23
      アメブロカスタマイズ
    • ブログで使えるタイトル付き囲み枠のCSS

      この記事では、タイトル付きの囲み枠のデザインをご紹介しています。 ぜひ、サービス紹介やお知らせに使ってみてください♪ 【各ブログでの囲み枠の使い方】 掲載されているコードをHTMLタグ編集モードで貼り付けると囲み枠を使うことができます! 詳しい使...
      2022-12-212022-12-21
      アメブロカスタマイズ
    • 【アメブロ】スマホデザインの変更方法

      アメブロのデザインを自分好みにカスタマイズしたい方にむけて、今回は、スマホデザインを変更する方法を解説しています。 【パソコンとスマホのデザインは別々に設定】 動画でも設定方法を解説しています。 https://youtu.be/yBMVNsbO764 アメブロのブロ...
      2022-12-162022-12-19
      アメブロカスタマイズ
    • 【アメブロ】サイドバーにバナーやお知らせを設定しよう!

      今回は、アメブロのサイドバーのカスタマイズ方法についてご紹介をします。 サイドバーを使うことで、ぱっと見でどんなブログかわかりやすくしたり、記事を読んだあと次に見てほしい情報をお知らせしたりできます。 仕事でアメブロを使っている方は、右側...
      2022-12-092022-12-19
      アメブロカスタマイズ
    • 【アメブロ】サイドバーの色を変更してみよう!

      今回は、アメブロのサイドバーの色や背景色を変える方法をご紹介します。 これまでのアメブロカスタマイズで設定したヘッダー画像やメニューバーと合わせて競っていただくとより統一感のあるデザインを作っていくことができます。 【動画で解説】 https://...
      2022-12-022022-12-19
      アメブロカスタマイズ
    • 【アメブロ】背景色・画像を変えてみよう!

      今回は、アメブロに背景の画像や色を設定する方法をご紹介します。 背景に色が入ると、ヘッダー画像と合わせてブログ全体のデザインに統一感を出すことができます。 この記事でわかること 1.ページ全体に背景色を設定する2.ページ全体に背景画像を設定する...
      2022-11-252022-12-19
      アメブロカスタマイズ
    • 【アメブロ】好きな色でメニューバーを設定しよう

      この記事ではアメブロにメニューバー(グローバルナビゲーション)を設定する方法を解説します。 メニューバーがあると、読者に見てほしいページを案内することができます。 【【動画解説】アメブロでのメニューバー設定方法】 動画でもやり方を解説してい...
      2022-11-182022-12-19
      アメブロカスタマイズ
    • 【動画で解説】アメブロヘッダー画像をカスタマイズ

      この記事では、オリジナルのヘッダー画像をアメブロに設定していく方法を解説しています。 before after 簡単に設定できますので、ぜひやってみてくださいね。 動画でもやり方を説明しています✨ https://youtu.be/10nNq2pBi14 【Step1. ヘッダー画像を用意...
      2022-11-112022-12-19
      アメブロカスタマイズ
    • 大人かわいいブログヘッダーの作り方

      ヘッダーは、ブログやSNSを表示させた時にまず一番上に表示される大きな画像のこと。 そのアカウントの目印にもなる部分です。 プロに頼むほどではないけれど、自分でもおしゃれなヘッダーがほしい!という方のために、簡単&無料でできるヘッダー画像の作...
      2022-11-09
      自分で作れるおしゃれデザイン
    123...8
    • 【Mac】SourcetreeからGitHubへSSH接続する

      今回は、SourcetreeからのSSH接続するように直したので、その手順を記載します 私の環境(2021年8月時点) MacBook Pro (Retina, 13-inch, Mid 2014)MacOS Big Sur (ver 11.7)SourceTree(ver 4.1.2) 【①公開鍵と秘密鍵を作る】 ターミナルを開いて、「ssh-ke...
      2021-08-052022-12-19
      Web系プログラミング
    • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選

      記事を書く時に、他のホームページやブログの文章を一部紹介したいことって、けっこうありませんか? この記事ではコピペで使えるCSSのサンプルを5つ用意しました。 ブログやWordPressで引用符(blockquote)デザインを変える方法もご紹介します。 HTMLとC...
      2018-09-132022-12-19
      WordPressプログラミング
    • CSSとJavaScriptで作るハンバーガーメニュー

      ホームページでよく出てくるパーツ「ハンバーガーメニュー」。 今回は、ハンバーガーメニューの作り方を紹介します。 【ハンバーガーメニューとは】 ハンバーガーメニューとは、スマホなどでのクリックすると開くメニューのこと。この3本線が、ハンバーガ...
      2020-07-252022-12-19
      Web系プログラミング
    • Node.js+ExpressでMySQLに接続して一覧表示する

      Node.jsとMySQLを接続して、データベースを動かす方法を説明します。 この記事でわかること MacでのMySQLの導入方法Node.js(Express)からMySQLデータベースに接続するプログラムデータベースから情報を取得して、表示するプログラム 前提 Macでの操作にな...
      2020-04-252022-12-19
      Web系プログラミング
    • Flexboxで作るヘッダーのサンプル集

      Flexboxは、CSSはWebページのレイアウトを設定できるモジュール。 Flexboxを使うと簡単に整列したり、配置できるようになるので、ヘッダーなどのレイアウトに使われています。 今回の記事では、Flexboxを使ったヘッダーの作り方を紹介します。 【よくある...
      2020-07-302022-12-19
      Web系プログラミング
    • 【CSS】シンプルで女性らしい囲み枠デザイン48選

      囲み枠は文章を枠でかこんだデザインのこと。 囲み枠は文章を枠でかこんだデザインのこと。 文章の中で囲み枠を設定すると、記事内で文章を目立たせたり、メリハリをつくることができます。 読者はふだん流し読みで記事を読んでいます。囲み枠で囲んである...
      2018-08-242022-12-21
      アメブロカスタマイズ
    • デザインのドリルで30個トレースして学んだこと

      トレースは、バナーや広告などの見本を、自分で再現しながらデザインを学ぶ練習手法です。 お手本通りに真似て作ることで、デザインの引き出しを増やしたり、ツールの使い方になれることができます。 【トレース&模写におすすめの教材】 私は前に一度、ト...
      2020-08-202022-03-29
      自分で作れるおしゃれデザイン
    • 箇条書きリストをおしゃれにするCSS10個

      ブログ記事を書いていると頻繁に登場するのが、箇条書き。項目を並べたり、まとめるのに便利で、わたしもよく使います😄 今回は、CSSコピペでできる、おしゃれなリストのデザインをご紹介します。 【リストの基本の書き方】 リストには「番号付き」と「番号...
      2018-11-292022-12-19
      Web系プログラミング
    • 【2022年版】Smash Balloon Social Photo Feedの使い方〜インスタグラムを表示できるプラグイン〜

      WordPressにインスタグラムを表示させるプラグイン「Smash Balloon Social Photo Feed」がアップデートされました。あわせて、UIも大きく変わりました! 改めて、使い方を解説していきます。 以前、使っていた方はアップデート後、Instagramフィードが表示...
      2022-03-252022-07-15
      はじめてのWordPress
    • コピペで作れるかわいい見出しデザインのCSS

      CSSのコピペだけで反映できる、簡単な見出しデザインを用意しました。フォントのサイズや色はご自由に変更ください。 【見出しを使うメリット】 見出しを使うと、記事の読みやすさがUPします。 記事の要点を読者に伝えることができる 読者が目的の情報を素...
      2018-08-222022-12-19
      アメブロカスタマイズ
    • ラジオボタン・チェックボタンの代わりに画像選択にする方法

      HTMLとCSSで、フォームのラジオボタンやチェックボタンの代わりに画像選択にする方法の紹介です。 Before After 【HTMLとCSS】 <div> <input id="image_a" type="radio" value="image_a.jpg" name="image&quo...
      2020-06-132022-12-19
      Web系プログラミング
    • 【日本語訳付き】Wordfence Securityの使い方

      WordPressのセキュリティプラグイン、Wordfence Securityの設定と使い方を紹介します。 Wordfence Securityは包括的にWordPressサイトのセキュリティ強化をしてくれる心強いプラグインです。しかしながら、英語のため、どんなセキュリティ対策をしているの...
      2021-10-312022-09-27
      はじめてのWordPress