MENU
  • プロフィール
  • サービス
    • 初回の無料相談
    • 単発レッスン
    • HP作成5回レッスン
  • 実績・お客さまの声
  • ブログ
  • お問合せ

    カテゴリー

    • HP継続レッスン
    • 単発レッスン
    • はじめてのWordPress
    • アメブロカスタマイズ
    • ホームページ制作
    • ひとりビジネス
    • Web・SNS集客
    • 自分で作れるおしゃれデザイン
    • プログラミング
    • アイデア・思考の整理

    タグ

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

    アーカイブ

    • 2025年7月
    • 2025年6月
    • 2025年3月
    • 2025年1月
    • 2024年12月
    • 2024年3月
    • 2023年7月
    • 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作成5回レッスン
    • 実績・お客さまの声
    • ブログ
    • お問合せ
    自分で作れる優しいホームページレッスン
    • プロフィール
    • サービス
      • 初回の無料相談
      • 単発レッスン
      • HP作成5回レッスン
    • 実績・お客さまの声
    • ブログ
    • お問合せ

    ブログ

    1. ホーム
    2. ブログ
    • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選

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

      囲み枠は文章を枠でかこんだデザインのこと。 囲み枠は文章を枠でかこんだデザインのこと。 文章の中で囲み枠を設定すると、記事内で文章を目立たせたり、メリハリをつくることができます。 読者はふだん流し読みで記事を読んでいます。囲み枠で囲んである...
      2018-08-242022-12-21
      アメブロカスタマイズ
    • コピペで作れるかわいい見出しデザインのCSS

      CSSのコピペだけで反映できる、簡単な見出しデザインを用意しました。フォントのサイズや色はご自由に変更ください。 見出しを使うメリット 見出しを使うと、記事の読みやすさがUPします。 記事の要点を読者に伝えることができる 読者が目的の情報を素早く...
      2018-08-222022-12-19
      アメブロカスタマイズ
    • 事業主貸と事業主借。個人事業で便利だけど、使い方に注意(私の失敗談)

      個人事業主がよく使う科目「事業主貸」と「事業主借」。 仕訳をきるとき、どっちがどっち?と忘れちゃうのでメモしておきます。 事業主勘定はプライベートとビジネスのお金のやりとりに使う ビジネスの収支をはっきりさせるため、プライベート用のお金と事...
      2018-08-132025-07-04
      ひとりビジネス
    • WordPressのテーマにcssとjsを読み込む書き方

      この記事では、WordPressテーマをカスタマイズする際に行う、CSSやJSの読み込みを方法について解説します。 WordPressテーマにCSSファイルを読み込む functions.phpで読み込みたいcssファイルを記述します。 // CSSファイルの読み込み function add_styles...
      2018-08-032022-12-19
      プログラミング
    • Visual Branding Photoさま

      タイトルVisual Branding Photoさま制作年月2018年技術仕様WordPress、オリジナルテーマ対象範囲WordPressセットアップ・コーディング(オリジナルテーマ制作・お問い合わせフォームの拡張)URLhttps://photo.inc-namakemono.jp/
      2018-08-022022-08-14
      ホームページ制作
    • 【バレットジャーナル】私の読書ノートの書き方

      私は本を読む時、よくノートにメモをとります。 ただ読み流すだけでなく、本のエッセンスを自分のものにできるから。 この記事では私的な読書ノートの書き方を紹介します。 気に入った本のみ読書ノートに書く 最初は、一度はメモを取らずに読みます。 特に...
      2018-08-012022-07-15
      アイデア・思考の整理
    • 個人事業主が結婚したときに行う手続き

      今年の春、入籍をしました。 結婚した個人事業主はどこで氏名を変えたらいいの?と調べつつ、関係各所で手続きをしてきました〜。 これが結構面倒。。。 たぶん、もうやることはないけれど、けっこう労力がかかったので、迷わないように、フリーランスが結...
      2018-07-302025-07-04
      ひとりビジネス
    • WordPressの仕組み〜テンプレートファイルの優先順位

      「テーマを作りたいんだけど、どのテンプレートを作ればいいの?」「ページを表示するとき、テーマ内ファイルはどう使われるの?」 WordPressテーマをカスタマイズしていて、こんな疑問がでてきたので、WordPressのテンプレートファイルが選ばれる仕組みに...
      2018-07-282022-12-19
      プログラミング
    • WordPressが記事を表示する仕組み〜メインクエリとサブクエリ〜

      この記事では、WordPressの記事を表示する仕組みとコードの意味について整理してみました。 WordPressのサイトにアクセスしてからページが表示されるまで。 WordPressがページを表示するときの流れを図解します。 ① ユーザーがリンクをクリックすると、表...
      2018-07-272022-12-19
      プログラミング
    • WordPressテーマに関連記事を表示する

      ブログ記事に「関連記事」を用意し、同カテゴリーの記事を表示します。 関連記事を表示するコード 今回は投稿ページのテンプレートファイル(single.php)に、関連記事を表示させます。 <?php if(has_category()){ // ①サブクエリを取得する //①-1 表示...
      2018-07-262022-12-19
      プログラミング
    • バレットジャーナルをシンプルに続けるために「断捨離」しよう

      いろいろな手帳術のアイデアが世の中にはあるけれど、あれもこれも、全部とりいれなくていいと思います。 バレットジャーナルの基本はその名の通り「・(中点:バレット)」が並んだシンプルさ。 その書き方のコンセプトには「断捨離(=大切なものを選ぶ...
      2018-07-252022-07-15
      アイデア・思考の整理
    1...6789
    • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選

      記事を書く時に、他のホームページやブログの文章を一部紹介したいことって、けっこうありませんか? この記事ではコピペで使えるCSSのサンプルを5つ用意しました。 ブログやWordPressで引用符(blockquote)デザインを変える方法もご紹介します。 HTMLとC...
      2018-09-132022-12-19
      プログラミング
    • 【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-keygen...
      2021-08-052025-07-04
      プログラミング
    • 【CSS】シンプルで女性らしい囲み枠デザイン48選

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

      アメブロを、おしゃれにカスタマイズしたい! この記事では、アメブロのデザインをおしゃれにカスタマイズする方法を解説しています。 テンプレートそのままではなく、おしゃれでテンションのあがるブログにカスタマイズしちゃいましょう。 パーツごとに紹...
      2022-11-042022-12-19
      アメブロカスタマイズ
    • Node.js+ExpressでMySQLに接続して一覧表示する

      Node.jsとMySQLを接続して、データベースを動かす方法を説明します。 この記事でわかること MacでのMySQLの導入方法Node.js(Express)からMySQLデータベースに接続するプログラムデータベースから情報を取得して、表示するプログラム 前提 Macでの操作にな...
      2020-04-252025-07-04
      プログラミング
    • ラジオボタン・チェックボタンの代わりに画像選択にする方法

      HTMLとCSSで、フォームのラジオボタンやチェックボタンの代わりに画像選択にする方法の紹介です。 Before After HTMLとCSS <div> <input id="image_a" type="radio" value="image_a.jpg" name="image"&g...
      2020-06-132025-07-04
      プログラミング
    • CSSとJavaScriptで作るハンバーガーメニュー

      ホームページでよく出てくるパーツ「ハンバーガーメニュー」。 今回は、ハンバーガーメニューの作り方を紹介します。 ハンバーガーメニューとは ハンバーガーメニューとは、スマホなどでのクリックすると開くメニューのこと。この3本線が、ハンバーガーの...
      2020-07-252025-07-04
      プログラミング
    • ブログで使えるタイトル付き囲み枠のCSS

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

      ヘッダーは、ブログやSNSを表示させた時にまず一番上に表示される大きな画像のこと。 そのアカウントの目印にもなる部分です。 プロに頼むほどではないけれど、自分でもおしゃれなヘッダーがほしい!という方のために、簡単&無料でできるヘッダー画像の作...
      2022-11-09
      自分で作れるおしゃれデザイン
    • 箇条書きリストをおしゃれにするCSS10個

      ブログ記事を書いていると頻繁に登場するのが、箇条書き。項目を並べたり、まとめるのに便利で、わたしもよく使います? 今回は、CSSコピペでできる、おしゃれなリストのデザインをご紹介します。 リストの基本の書き方 リストには「番号付き」と「番号なし...
      2018-11-292025-07-04
      プログラミング
    • デザインのドリルで30個トレースして学んだこと

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

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