MENU
  • Profileプロフィール
  • Blogブログ
    • WordPressワードプレス
    • プログラミング
    • WEBデザイン
    • フリーランス
    • ライフログ
  • Portfolioポートフォリオ
  • Sitemapサイトマップ
  • Contactお問合せ

カテゴリー

  • 趣味
  • WordPress
  • 本棚
  • プログラミング
  • 日記
  • WEBデザイン
  • フリーランス

タグ

Adobe Illustrator Gatsby.js HTML/CSS MySQL Node.js Python SWELL WordPressプラグイン おすすめツール エックスサーバー セキュリティ バレットジャーナル 確定申告 開発環境

アーカイブ

  • 2022年3月
  • 2022年2月
  • 2022年1月
  • 2021年12月
  • 2021年11月
  • 2021年10月
  • 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月
  • 2018年11月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2017年10月
プログラミングとデザインでものづくりを楽しむブログ
ゼロの森
  • Profileプロフィール
  • Blogブログ
    • WordPressワードプレス
    • プログラミング
    • WEBデザイン
    • フリーランス
    • ライフログ
  • Portfolioポートフォリオ
  • Sitemapサイトマップ
  • Contactお問合せ
ゼロの森
  • Profileプロフィール
  • Blogブログ
    • WordPressワードプレス
    • プログラミング
    • WEBデザイン
    • フリーランス
    • ライフログ
  • Portfolioポートフォリオ
  • Sitemapサイトマップ
  • Contactお問合せ
  1. ホーム
  2. Blog

Blog

  • 記事をランダム表示するウィジェットを作る

    前回に引き続き、プラグインを作りながらWordPressの知識を深めていきます。 WordPressのプラグインを自作する!バックナンバー 今回は記事をランダムに表示するウィジェットをプラグインで作ってみたいと思います。 記事をランダムに表示できると、埋もれ...
    2021-11-27 2021-11-29
    WordPress
  • Snow Monkey Formsでお問合せフォームを作成する

    WordPressにSnow Monekey Formsでお問合せフォームを設置しました。 Snow Monkey Formsは、有料テーマSnow Monkeyに合わせて作られたプラグインですが、シンプルな機能、デザインで他のテーマでも使えます。 当HPで使用中の「SWELL」でも問題なく設定でき...
    2021-11-17 2022-03-29
    WordPress
  • WordPressプラグインを作ってみる。はじめの一歩。

    WordPressプラグインを作り方を調べるため、ハンドブックを読み始めました。 ドキュメンテーションなどを読みときながら、プラグインを実際に作る過程を記事にしていきます。 私の事前知識 HTML/CSS、JavaScriptとPHPの基本はわかるサーバー/ドメインを設...
    2021-11-10 2021-11-19
    WordPress
  • 今月のゼロ森 | 2021年10月| 結果よりも継続を大事にしたい。

    ゼロ森通信では、当ブログのできごとや、記事執筆の裏話、私自身の活動や感じたことなどを、毎月ゆるくつづりたいとおもいます。 このブログは、Web制作しながら学んだことをまとめて記事にしています。そうすると、手順や解説などのハウツー情報に偏って...
    2021-11-01 2022-03-29
    日記
  • 【初心者向け】WordPressを安全に使いたい!Wordfence Securityの設定方法

    WordPressのセキュリティプラグイン、Wordfence Securityの設定と使い方を紹介します。 Wordfence Securityは無料で十分つかえて、包括的にWordPressサイトのセキュリティ強化をしてくれる心強いプラグインです。しかしながら、英語のプラグインのため、ど...
    2021-10-31 2022-03-29
    WordPress
  • WordPressをサブディレクトリにインストールする手順

    サーバーにWordPressをインストールするときに、フォルダ(サブディレクトリ)を指定してインストールできます。 ここではblogの中にwordpressがインストールされます。 WordPressはインストールすると、20弱のフォルダやプログラムができます。インストー...
    2021-10-28 2021-11-19
    WordPress
  • InstagramフィードをWordPressに表示させるプラグイン

    WordPressサイトにインスタグラムの最新投稿を表示させるにはどうしたらいいですか? 「Smash Balloon Social Photo Feed」を使うと簡単にインスタグラムのフィードをウィジットなどに表示できます! この記事は、こんな方におすすめです! Instagramの画...
    2021-10-21 2022-03-26
    WordPress
  • 簡単にWordPressサイトをコピーする方法【All-in-One WP Migration】

    WordPressサイトをコピーして、別ドメインに引っ越したい!簡単なやり方はないかな? 現在運営中のWordPressサイトをリニューアルしたい!本番サイトはそのままで、テスト用にコピーしたサイトを別環境に作りたい! WordPressサイトのお引っ越しやリニュー...
    2021-10-07 2022-03-26
    WordPress
  • 【Mac】Localなら超簡単!WordPressのローカル環境を作る。

    この記事では「Local」というソフトを使い、WordPressサイトをローカルPC上で動かす環境を作成していきます。 この記事はこんな方におすすめ WordPressで本格的にテーマ制作、カスタマイズをしたい方今のWordPressサイトをリニューアルするために、本番サ...
    2021-10-07 2022-03-26
    WordPress
  • WordPressがメンテナンス中のまま終わらないときの解決策

    WordPressを開いて、「現在メンテナンス中のため、しばらくの間ご利用いただけません」で固まってしまったことはありませんか? 過去に、私もやったことがあります^^; メンテナンス中のメッセージが表示されたままで、ホームページにきりかわらないし、管...
    2021-10-01 2021-11-19
    WordPress
  • GatsbyJSサイトをv3へアップデート

    Gatsbyで作っているサイトをv3にアップデートしました。 【v2からv3で何が変わったのか】 Introducing Gatsby 3.0 – Faster in Every Way that Matters まず、Incremental Build(差分ビルド)ができるようになり、ビルド時間が短縮された。 記事を追加/...
    2021-08-23 2022-03-26
    プログラミング
  • 【Mac】Node開発環境のアップデート

    いつも忘れちゃうので、Node.jsをアップデートする手順をまとめておきます。 1.Homebrew2.nodebrew3.Node.js 上から順にアップデートしていきます。 【1.Homebrewのアップデート】 Homebewはパッケージ管理ツールで、ここからいろんなツールをダウンロード...
    2021-08-06 2022-03-26
    プログラミング
1234...6
  • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選

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

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

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

    Flexboxは、CSSはWebページのレイアウトを設定できるモジュール。 Flexboxを使うと簡単に整列したり、配置できるようになるので、ヘッダーなどのレイアウトに使われています。 今回の記事では、Flexboxを使ったヘッダーの作り方を紹介します。 【よくある...
    2020-07-30 2022-03-26
    プログラミング
  • デザインのドリルで30個トレースして学んだこと

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

    CSSのコピペだけで反映できる、簡単な見出しデザインを用意しました。フォントのサイズや色はご自由に変更ください。 【見出しデザインを設定するには】 この記事で紹介するデザインを使う時には、HTMLに見出しタグ(h2)を入れてください。<h2>見出し...
    2018-08-22 2022-03-26
    プログラミング
  • 箇条書きリストをおしゃれにするCSS10個

    ブログ記事を書いていると頻繁に登場するのが、箇条書き。項目を並べたり、まとめるのに便利で、わたしもよく使います😄 今回は、CSSコピペでできる、おしゃれなリストのデザインをご紹介します。 【リストの基本の書き方(HTML)】 リストには「番号付き」...
    2018-11-29 2022-03-26
    プログラミング
  • CSSで作れるシンプルな飾り枠デザイン

    見出しデザインに続いて、CSSのコピペだけで反映できる、飾り枠のデザインを用意しました。フォントのサイズや色はご自由に変更ください。 【基本の飾り枠】 この記事で紹介するデザインでは、HTMLを以下のように記述しています。<div>~</div>の中の...
    2018-08-24 2022-03-30
    プログラミング
  • 【初心者向け】WordPressを安全に使いたい!Wordfence Securityの設定方法

    WordPressのセキュリティプラグイン、Wordfence Securityの設定と使い方を紹介します。 Wordfence Securityは無料で十分つかえて、包括的にWordPressサイトのセキュリティ強化をしてくれる心強いプラグインです。しかしながら、英語のプラグインのため、ど...
    2021-10-31 2022-03-29
    WordPress
  • ラジオボタン・チェックボタンの代わりに画像選択にする方法

    HTMLとCSSで、フォームのラジオボタンやチェックボタンの代わりに画像選択にする方法の紹介です。 Before After 【HTMLとCSS】 <div> <input id="image_a" type="radio" value="image_a.jpg" name="image&quo...
    2020-06-13 2022-03-26
    プログラミング
  • Gatsby.jsでブログを作るための手順

    2020年の夏から、ブログをWordPressからGatsbyに変えて一年ほど運用していました。 2021年9月現在は、ブログ自体はWordPressに戻しましたが、ポートフォリオはGatsbyJSで制作しています。 この記事では、はじめてGatsbyJSをブログを完成させるまでの手順を...
    2020-07-04 2022-03-26
    プログラミング
Zero Forest
カテゴリー
  • WordPress (30)
  • プログラミング (17)
  • WEBデザイン (6)
  • フリーランス (7)
  • ライフログ (10)
    • 趣味 (2)
    • 本棚 (3)
    • 日記 (5)
タグ
Adobe Illustrator (2) Gatsby.js (3) HTML/CSS (7) MySQL (1) Node.js (2) Python (2) SWELL (1) WordPressプラグイン (10) おすすめツール (3) エックスサーバー (4) セキュリティ (3) バレットジャーナル (2) 確定申告 (1) 開発環境 (3)
  • サイトマップ
  • サイトポリシー

© Zero*forest