My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

※ 当サイトはアフィリエイト広告を利用しています

Web制作初学者の方向け おすすめレンタルサーバー紹介

今回は、Webサイトを公開するために必要なレンタルサーバーについて、おすすめのサービスをご紹介したいと思います。 サーバー レンタルサーバーとは? レンタルサーバーとは、インターネット上にあるコンピューターの一部を借りて、自分のWebサイトを置くこ…

2023年 注目のWebデザイン トレンド紹介

今回は、2023年に注目したいWebデザインのトレンドを紹介します。2023年 注目のWebデザイン 8選Webデザインは常に進化しているので、最新の情報をキャッチアップすることが大切ですよね。 では、早速見ていきましょう! 1. クレイモーフィズム クレイモーフ…

Webデザインスキルアップに最適! 模写コーディング練習教材オススメ5選

「Webデザインのスキルアップには模写コーディング(※)がオススメ」 そんな声は良く耳にするけど、実際は何をどうするのがいいの? と思ったWebデザイン学習者は結構多いのでは?※模写コーディングとは 既存サイトのデザインを自身のコーディングにより再現す…

XAMPP、MAMPなし、爆速でローカルPHP実行環境を準備する

PHP

PHP形式のファイルを確認する際、XAMPPやMAMPを起動するのはちょっとだけ面倒と感じることはないでしょうか。 以前スクールでPHP勉強中だった頃とか、 「もっとサクッとPHPファイル表示確認ができたらなぁ」 とコーディング中に思うことが 私は度々ありまし…

Local 版 WordPress(Windows10環境)でメディアアップロードできずに困った時の解決策

LocalLocal(※)版WordPressのインストール完了後、いざここから記事作成と思ったら メディアアップロードができない という問題が起きました。※Localについては、 こちらの過去記事も併せてご参照ください。 times-diary.hatenablog.com 試行錯誤の結果、以下…

LocalのWordPress環境構築で思いっきりハマったので備忘録共有です (Windows10環境の場合)

macではまったく問題なく爆速でWordPressサイト環境ができたLocal(※)なのに、Windows10マシンにLocalでWordPress環境を構築しようとしたところ、 思いの外ハマったので、以下共有いたします。※Local とは 自身のPC上にわずか数分ほどでWordPress環境を構築で…

はてなブログ ヘッダ画像幅カスタマイズ(余白を除いて最大幅にするには)

今日は、はてなブログブログヘッダ画像の横幅拡大方法についてシェアしたいと思います。 今さらながら本ブログの画面幅の狭さが気になり始めました。 そこで、横幅を広げようとしたところ、「あ、ヘッダ画像幅が広げられない」 ということに気づいた次第。 …

フリーランスエンジニア必見、おトクな社会保険「みん社保」ご紹介

minsyaho 今日は、フリーランスエンジニアに超おすすめ、おトクな社会保険「みん社保」についてシェアさせていただきます。 今まさに社会保険でお悩みのフリーランスエンジニアの方、これからフリーランス転向を検討していてそこが心配というフリーランス志…

はてなブログ記事内にも使える、超簡単ツールチップ「Balloon.css」のご紹介

balloon.css ツールチップとは? Webページのボタンやテキストの上にマウスを重ねると表示される補足説明機能のことです。 ページ内でツールチップを使用することにより、記述する文章量を抑え、見た目、説明的にスッキリさせる効果が期待できます。 ツール…

AFFINITY Photo で簡単! 画像背景のぼかし方 

最近は撮影した写真をSNS等にアップロード公開するような機会が増えましたよね。 その際、被写体を目立たせたい、周りの人や物の写り込みをなるべくわかりにくくしたい等の理由から、被写体の外側(背景)をぼかしたいと思うことも多いもの。 ということで、…

20代 IT業界就職希望者要チェック!お金をかけずにプログラミングを学べるだけじゃない、未経験からIT業界に就職までできてしまうサービス一覧

今年3月で発表された調査では、コロナ禍で働く意識が大きく変容する中、この1年で20代の転職希望者が多くなっている様子。 ■働く意識・実態調査に表れた20代の転職傾向 prtimes.jp ■IT業界の今(最近の求人傾向) コロナ不況と言われる最中、知り合いの人材…

【WordPress】今年(2021年)になってContact Form7が送信できなくなったという場合の原因と対処法

Contact Form7 お問い合わせフォーム 先日より(4月下旬頃から)、WordPressサイトに導入しているContact Form7のお問い合わせフォームが機能しなくなっていることが判明。 お問い合わせフォームに入力して「送信」ボタンをクリックしても、ここからのメールが…

【悲報】PHPバージョンアップでWordPress管理画面が真っ白に!! (WordPressのPHPバージョン 5.X系適用中 ロリポップユーザー向け )

数日前のこと、ロリポップ上の当方WordPressがアクセス不能になってしましまいました。 この原因は、PHP 5.X系から7.4へのバージョンアップを実行してしまったため。後悔してもすでに遅しなのですが、 これ、私と同じようにPHPを更新してしまうとサイトを元…

Googleフォーム版お問い合わせフォームを新たに設置してみました ~固定ページにて独自デザインにカスタマイズしてます~

本ブログサイトのお問い合わせフォームをリニューアルしました。ちなみに、以下が以前お問い合わせフォームを設置した際のブログ記事です。 times-diary.hatenablog.comこの時利用していた忍者ツールズさんのメールフォームは、残念ながらサービスを終了して…

JavaScript 初心者にもおすすめ 10分でできるテキストカウンター

今日は、JavaScriptでテキストカウンターを作ってみました。 普段文章を作っていて、 「今、どれくらいの文字数なんだろう?」 って思う時がありますが、そんな時にはこうしたテキストカウンターがあると便利です。文字数の入力に応じてリアルタイムに入力文…

Contact Form7のコンバージョン計測方法紹介

「Contact Form 7」とは、 WordPressにメールフォームを設置するためのプラグインです。 ja.wordpress.org 今日は、WordPressのプラグイン「Contact Form 7」 のコンバージョンをGoogle Analytics で計測する方法についてお伝えいたします。 Google Analytic…

ブロガー専用テーマ「SWALLOWスワロー」をインストールしてみました

ブロガー専用テーマ「SWALLOWスワロー」のご紹介 「ブログを書くことに集中できる!」とかねてより評判の高かったブロガー専用WordPressテーマ「SWALLOWスワロー」をインスールしてみました。 ブロガー専用WordPressテーマ「SWALLOWスワロー」とは 以下、販…

Google Spreadsheet でカラーコード表を作成する

今日は、Google Spreadsheet でカラーコード表を作成する方法についてお伝えします。デザイナーさんが作成したカンプをコーディングで再現する作業過程で「使われている色がカラーコード表でまとめられていたら良いのに」と思い、こちらの方法にたどり着きま…

さくらサーバーで既存WordPressブログを常時SSL化、「接続は保護されていません」解決法手順紹介

今日は、さくらサーバーで既存WordPressブログをSSL化した際に起こった以下エラーの解決法をご紹介します。《Chromeの場合》 《Firefoxの場合》 【エラー内容】 SSL適用後にもかかわらず、アドレスバーに鍵のマークが表示されない。 代わりに「このサイトへ…

WordPress 失敗あるある - URL 変更時の注意点

今日は、WordPressでやってしまいがちな失敗の一つとして、 サイトURLを間違って変更してしまった場合の問題と対処法についてお伝えしていきます。 今回のお話の背景 先日、友人のWordPressサイトが突然正常表示されなくなるという現象が発生し、相談を受け…

超簡単!WordPressインストールまで3分で完了!(XSERVER簡単インストール編)

今日は、XSERVER(エックスサーバー)でのWordPress簡単インストールについてご紹介します。 XSERVERの簡単インストール手順 1. サーバーパネルにログインします。 サーバーパネル - ログイン | レンタルサーバー【エックスサーバー】 2. 「簡単インストール…

WordPressクイックインストール手順紹介 (さくらインターネットサーバー編)

今日は、さくらインターネットサーバーでのクイックインストール手順についてご紹介します。 さくらインターネット クイックインストール手順 1. サーバーコントロールパネルへログイン さくらインターネットのサーバーコントロールパネルにログインします。…

さくらインターネットサーバーでお名前.comの独自ドメインを設定するまでの手順

さくらインターネットでWordPressを設置するにあたり、 さくらインターネットサーバーにお名前.comで取得した独自ドメインを設定する手順を備忘録としてまとめました。以下、ご参照くださいませ。 1. さくらインターネット側 1.1. サーバーコントロールパネ…

無料でお試し可能! ワイヤーフレームツール「Prott」を使ってみました

Prott公式サイト: https://prottapp.com/ja/ Webサイトの制作をする際、ワイヤーフレームをなるべく簡単にサクッと作れたらって思います。今日は、そんな時にお役立ちのツール、「Prott」を使ってみたので、ご紹介します。 ワイヤーフレームツール「Prott」…

コーディング不要!ホームページ作成サービス「グーペ」でカフェサイトを作ってみました

今日は、ホームページ作成サービス「グーペ」のご紹介です。ホームページ作成サービス「グーペ」を使ってカフェのサンプルサイトを作ってみました。 「グーペ」の魅力・特徴 グーペはコーディング不要、 これくらいのサイトなら、登録後、30分もかからずにサ…

【WordPress】Jetpackによる自動投稿ツイートでTwitterカードの画像が表示されない場合の解決法

本日は、WordPressからのツイッター自動投稿についてです。 連携しているTwitterで表題の問題が発生したため、解決法を確認してみました。 問題の現象 jetpackプラグインでWordPress記事更新時にTwitter自動投稿を行おうとすると、その結果投稿されたツイー…

WordPressのサイトURLを変更するには

今日は、WordPressのサイトURLを変更する方法についてお伝えします。 WordPressサイトURL変更について たとえば、サーバーの任意ディレクトリ(フォルダ)にインストールしたWordPressに独自ドメインを設定したい場合など、このような手順でサイトURLの変更が…

XSERVERでWordPressをインストール後の「このWEBスペースへは、まだホームページがアップロードされていません。」エラーについて

エラーの現象について XSERVERにWordPressをインストール後、 トップページにアクセスすると、 「このWEBスペースへは、まだホームページがアップロードされていません。」というエラーにより、トップページがまったく表示されません。WrodPressのインストー…

テキストや要素を簡単に上下中央揃えするCSS

今日は、テキストや要素を簡単に上下中央揃え(縦位置中央揃え)したい時に使えるCSSのご紹介です。今回の方法は、 「display:flex;」と「align-items:center;」 を使うのがポイントです。 「display:table-cell;」や「 vertical-align:middle;」で縦位置中央…

【WordPress】海外有料テーマ「Massive Dynamic」を使ってみました

WordPressの海外有料テーマ「Massive Dynamic」を使ってみました。 公式サイトはこちら↓ Massive Dynamic - Business WP Theme & Visual Website Builder ※ 以下画像の「Try Free」からメールアドレスを登録すると、実際の操作感覚が体験ができます。 販売ペ…

※ 当サイトはアフィリエイト広告を利用しています