ブログ

前回に引き続き、プラグインを作りながらWordPressの知識を深めていきます。 WordPressのプラグインを自作する！バックナンバー 今回は記事をランダムに表示するウィジェットをプラグインで作ってみたいと思います。 記事をランダムに表示できると、埋もれ...

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

WordPressプラグインを作り方を調べるため、ハンドブックを読み始めました。 ドキュメンテーションなどを読みときながら、プラグインを実際に作る過程を記事にしていきます。 私の事前知識 HTML/CSS、JavaScriptとPHPの基本はわかるサーバー／ドメインを設...

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

サーバーにWordPressをインストールするときに、フォルダ（サブディレクトリ）を指定してインストールできます。 ここではblogの中にwordpressがインストールされます。 WordPressはインストールすると、20弱のフォルダやプログラムができます。インストー...

WordPressサイトにインスタグラムの最新投稿を表示させるにはどうしたらいいですか？ 「Smash Balloon Social Photo Feed」を使うと簡単にインスタグラムのフィードをウィジットなどに表示できます！ この記事は、こんな方におすすめです！ Instagramの画...

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

この記事では「Local」というソフトを使い、WordPressサイトをローカルPC上で動かす環境を作成していきます。 この記事はこんな方におすすめ WordPressで本格的にテーマ制作、カスタマイズをしたい方今のWordPressサイトをリニューアルするために、本番サ...

WordPressを開いて、「現在メンテナンス中のため、しばらくの間ご利用いただけません」で固まってしまったことはありませんか？ 過去に、私もやったことがあります^^; メンテナンス中のメッセージが表示されたままで、ホームページにきりかわらないし、管...

タイトル架空サイト制作：パーソナルスタイリストのHP制作年月2021年9月技術仕様WordPress、有料テーマ「Snow Monkey」対象範囲企画・デザイン・WordPress構築・コーディングURLhttps://works.0forest.com/work02/ 【制作背景】 架空のパーソナルスタイリ...

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

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

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

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

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

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

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

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

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

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

CSSのコピペだけで反映できる、簡単な見出しデザインを用意しました。フォントのサイズや色はご自由に変更ください。 【見出しを使うメリット】 見出しを使うと、記事の読みやすさがUPします。 記事の要点を読者に伝えることができる 読者が目的の情報を素...

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

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

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