ソラミ♪

マークアップエンジニアをやりつつ、Webデザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリが好きです。

WEB Tips ウェブ・アプリ

商用利用,WebフォントOK 無料でも使えるAdobe Fontsの使い方

Adobe Fontsは、無料で登録するだけで利用でき、Webフォントも使えるサービスです。 普通、Adobeはプロ向けの高価なソフトというイメージがありますが、Adobe Fontsは実は無料会員でも利用可能です。>> 使い方も簡単で、フォントをダウンロードしたりインストールする手間がありません。ロゴ制作や印刷物などの商用利用はもちろん、Adobe以外のソフトウェアやパワーポイントでも利用できます。企画書のデザインをより魅力的にしたいときにもおすすめです。 Adobe Fontsでできること ...

WEB Tips ウェブ・アプリ

NordVPNのアカウント登録申し込みとアプリ設定まで

公衆Wi-Fiを使ってネットや会社のサーバーにアクセスする時に安全にアクセスするため、を申し込みをしたので、アカウント購入からアプリの設定までを記載します。 NordVPNを購入しても思っていたより使えなかった、など不満があれば30日間の返金保証があるので安心です。 NordVPNのサービスはこちらで詳しく解説しています▼プライバシー確保しながら安心ネット接続、NordVPNのメリット・デメリットを解説 NordVPNのアカウント申し込みの流れ 申し込みはの公式サイトから。サイトは日本語対応しています。オ ...

WEB Tips ウェブ・アプリ

電話番号無しで作成できるフリーメール・捨てメアドサービス

個人で使うメールアドレスやポイ活・メルマガ用に使いたい捨てメアドサービスなど、電話番号なしでも登録できる無料メールアドレスのサービスを紹介します。 個人の場合、携帯キャリア各社のメールアドレス(@docomo.ne.jpや@ezweb.ne.jpなど)やプロバイダから付与されるメールアドレス(@ocn.ne.jp, so-net.ne.jpなど)が使えます。 しかし個人メールアドレスとは別にメールアドレスを作成したいときに便利なサービスがあります。 フリーメールを使うメリット キャリア・プロバイダー以外の ...

サーバーTips

サーバー移行の手順は?ドメインそのままで引越しする方法と注意点

・サイトの表示スピードを改善したい・もっと高性能なサーバーを使いたいという理由でレンタルサーバーの移行(引越し)を検討している方に。 レンタルサーバーの移行をどのように行えばよいかを知りたいと思っている人に、サーバー移行の手順を追って詳しく解説します。 店舗オーナーや中小企業では、独自ドメインを取得後、ホームページとメールは同じレンタルサーバーで利用している場合がほとんどでしょう。 レンタルサーバーを移行すると、ウェブサイトが見れなくなった、メールが使えなくなったなどのトラブルが発生することがあります。 ...

WordPress Tips

WordPress カテゴリーとタグの使い分けと活用方法

WordPressでブログを書いていると、カテゴリーやタグでどちらを使えばいいのか、どうやって分類したらいいのかするのに迷ったことはありませんか。 思いつくままカテゴリーやタグづけしていくと、カテゴリーとタグで同じ名前があったり、作りすぎて収集がつかない状態になっていた。。。なんてことも。 カテゴリーもタグも記事をグループ分けするのに使います。 それぞれの機能と特徴を理解して適切に使い分けてブログ構造を最適化すれば、ユーザービリティにも優れ、サイト構造がわかりやすくなりSEO的にも評価されます。 カテゴリ ...

WEB Tips ウェブ・アプリ

プライバシー確保しながら安心ネット接続、NordVPNのメリット・デメリットを解説

公共フリーWiFiでも安全にネットを使いたい会社/家のパソコンに離れたところから安全に接続したい海外のネトフリ、Amazon Prime、Hulu動画を視聴したい海外から日本のサービスにアクセスしたい こんな場合に活躍するのがVPN(Virtual Private Network・仮想専用線)です。 ここでは数あるVPNサービスの中でも、ネームバリューがあり安定・最速と評価の高いNordVPN(ノードVPN)について、サービスと評判をみていきたいと思います。 NordVPNダウンロードはこちら → 日本公 ...

WEB Tips デザイン・コーディング

フォームの年齢・生年月日セレクトボックスを動的に作るJavaScript,PHP

問い合わせや資料請求フォームで、生年月日や年齢はよくある入力項目です。 でもこれをHTMLで一つ一つ作るのって面倒ですよね。ここではJavaScriptとPHPで、生年月日や年齢のセレクトボックスを動的に生成するコードをまとめました。 20歳から80歳までの年齢を出力するJavaScript、PHP 下になるHTMLは以下のような形です。 <form> <label for="ageSelect">年齢:</label> <select id="ageSelect"> <!- ...

WEB Tips デザイン・コーディング

電話番号,SMSリンクの設定とPCで無効にする方法

iPhone,Androidなどスマホで電話番号をタップした時に電話がかけられるようする設定とSMSを送る設定と、PCではリンクは無効にする方法のまとめです。 電話番号リンクのタグ 通常のaタグの場合: <a href="tel:0312345678">03-1234-5678</a> buttonタグの場合: <button type=“button” onclick="location.href='tel:0312345678'">電話をかける</button> a ...

WEB Tips デザイン・コーディング

CSSでできるローディングアニメーションと作り方

ページの読み込み中を表すLoadingのアニメーション。 シンプルなCSSだけで表現できるので簡単に設置できるものいいところです。 CSSでできるローディングアニメーションを集めました。 CSS Loader https://css-loader.raphaelfabeni.com/ クルクル円が回るデフォルトタイプから、時計が回るアニメーションまで動きが確認できます。 設置方法 githubにファイルが公開されています。 <link rel="stylesheet" href="path/to/c ...

サーバーTips

カラフルボックスでWordPressの自動バックアップと復元の方法

カラフルボックスの自動バックアップ機能と簡単インストールでインストールしたWordPressのバックアップ・リストアについて説明しています。 カラフルボックスにも14日分の自動バックアップ機能が搭載されており、web領域、データベース、メールがそれぞれバックアップがされます。 カラフルボックスでは簡単インストール機能(Installatron Applications Installer)でインストールしたWordPressは通常の自動バックアップ(JetBackup)でなくInstallatron Ap ...

サーバーTips

Xserver 新サーバー簡単移行で最新スペックサーバーへ移行した手順

エックスサーバーでは、最新の高性能サーバー機器と、超高速CMS実行環境「KUSANAGI」を導入し、従来の3倍以上の処理速度を実現したとリリースがありました。(2021年10月) エックスサーバーニュースリリース従来の3倍以上の性能に! さらなる超速化でサーバー速度は圧倒的No.1へ! 高速環境「KUSANAGI」の技術および最新サーバー機器を導入 CPUは第3世代「AMD EPYC™」(従来の1.5倍の処理性能) ストレージはオール「NVMe」(オールSSDより読み込み速度が約21倍) 搭載メモリ5GB ...

WordPress Tips

WordPress 初心者でもすぐにできるセキュリティ対策

WordPressは世界で最も人気のあるCMSであるが故、悪意のある攻撃に狙われるリスクがあります。 WordPressが狙われやすい理由 人気の高いCMS(世界のサイトの40%以上がWordPressで作られている) 無償のオープンソースのためコードを誰でも見ることができる 個人ブログはもちろん法人サイトであればセキュリティ対策は非常に重要であり、最低限の対策を行うことでリスクを軽減できます。 この記事では、特別な知識がない初心者でもすぐにできる、WoWordPressのセキュリティ対策、保守管理の方法 ...