Web制作– category –
-
Web制作受注後の進め方（ヒアリング→デザイン→コーディング）
ヒアリング この度はサイト制作のご依頼ありがとうございます。デザインや構成を進めるために、下記についてお伺いできればと思います。 特に決まっていない部分は「特になし」や「相談したい」と書いていただければ大丈夫です。 ヒアリング内容回答例納期... -
basic認証のパスワードを忘れた場合
Basic認証設定手順 パスワードはハッシュ化されている（.htpasswd にある） ハッシュ化されたパスワードは元に戻せない（復号はできない）ので、新しいパスワードで上書きしちゃうのが一番早くて安全です！ Basic認証のファイル構成 .htaccess（認証設定フ... -
WinSCPのインストール方法、隠しファイル表示
インストール 下記サイトよりhttps://winscp.net/eng/download.php 「DOWNLOAD WINSCP」をクリック ダウンロードしたインストーラーを実行 自分のみの利用の為、「現在のユーザー用にインストール」 使用許諾を「許諾」 標準的なインストール インターフェ... -
LOLIPOPサーバーで「All-in-One WP Migration」のアップロードファイルサイズ変更方法
ロリポップサーバー ユーザー専用ページ ▼ユーザー専用ページの「サーバーの管理・設定」→「PHP設定」を選択 ▼CGI版のPHPに変更 ▼設定項目のupload_max_filesizeが「2M」、「2M」しか設定できません そのため.htaccessに設定を追記する方法で行います ▼php... -
【お名前.com】Googleサーチコンソールで「所有権を証明できませんでした」の対応
起きていること ▼Googleサーチコンソールでプロパティを追加する際、下記の通り 対応方法 ▼お名前ドットコムにログインしドメイン設定を選択 ▼「DNS設定/転送設定」を選択 ▼該当ドメイン選択後、次へクリック ▼DNSレコード設定を利用するの「設定する」を... -
「Googleタグマネージャー」アカウントを作る→「GA4」を設定する方法
Google Tag Manager（GTM）とは Google Tag Managerで扱うタグとはWebサイトとマーケティングツール間で情報をやりとりするためのコードです Googleアナリティクス、Google広告など、、 <script></script>のような形式で記述される場合が多い... -
Googleアナリティクス導入
Googleアナリティクスとは 無料で使用可能で、非常に高機能なツールです。 サイト全体のアクセス数、ページ別、流入元の状況など、数多くのデータが確認できます。 UAとGA4 GA4（第四世代）が2020年登場、UA（従来のGoogleアナリティクス）は2023年7月にサ... -
ホームページ制作の流れ
ホームページ制作フロー ホームページ作成の依頼をうける 業務内容をヒアリングする サーバ契約、ドメインの取得 ワイヤーフレーム、デザインカンプ、参考のサイト、ロゴ、画像、テキストの有無 制作の流れを共有確認 デザインがない場合 既にWordPressを... -
ワイヤーフレーム、デザインカンプとは
ワイヤーフレーム ワイヤーフレームとはWebサイトのレイアウトを決めるものです。 デザインやコーディングに入る前に、作成し完成イメージを共有します。 デザインカンプ デザインカンプとは「Design Comprehensive Layout」の略です。 サイト制作では、ク... -
【VSCode】Visual Studio Code ショートカット、おすすめ拡張機能
ショートカットキー カーソルがある行を複製 macOS：Ctrl + Shift + ↑/↓、 Windows：Shift + Alt + ↑/↓ すべて折りたたむ Ctrl+K Ctrl+0 全て折りたたまれており一つずつ展開して使用すると素早く作業できます 何の閉じタグかを分かりやすくする方法 タグ... -
【CSS】フレックスボックスの一部の子要素だけ「絶対にこの幅でいてほしい」ってとき。
display: flex; 値row左から右への横並びcolumn上から下row-reverserowの逆column-reversecolumnの逆＜flex-directionプロパティ＞ flex-shrink flexアイテムの縮小率を指定するプロパティです。親要素のflexコンテナからはみ出た要素を縮小することができ... -
【WordPress】カスタムフィールド作成の仕方「ACF」Advanced Custom Fieldsの使用法
そもそもカスタムフィールドとは Wordpressの投稿画面にはタイトル、本文、抜粋といった項目がもともとありますが、カスタムフィールド機能はさらに追加で新しい入力項目を設定することができます。 Wordpressに詳しくない人でも編集がしやすくなります。 ... -
My-Snow-Monkey使用例、子テーマによるカスタマイズ
CSSファイルの読み込み My-Snow-Monkey プラグインをを有効化します FTPソフト等で下記の構成に wp-content/ ├── plugins/ │ └── my-snow-monkey/ # My Snow Monkeyプラグインのフォルダ │ ├── my-snow-monkey.php # プラグインのメインファイル │ └── ass... -
jQuery高頻度ライブラリまとめ（スライダー、lightboxなど）
jQueryとは JavaScriptのためのライブラリです。 JavaScriptの長い記述を短く書くことができ、複雑なJavaScriptを簡単に使うことができます。 jQueryでできること HTML、CSSの操作 表示、非表示 アニメーション jQueryのデメリット jQueryの読み込みによる... -
All-in-One WP Migration
インポート容量を引き上げる方法 All-in-One WP Migrationではインポートの容量制限があるため、ファイルサイズが1GB以上のものは、データ移行ができません。 インポート容量上限をあげるには以下の方法があります。 有料版を使う 無料版の容量を上げる 有... -
WordPress自作、カスタマイズ
便利なプラグイン WP Multibyte Patch https://ja.wordpress.org/plugins/wp-multibyte-patch Show Current Template https://ja.wordpress.org/plugins/show-current-template テンプレートタグ テンプレートタグとはWordPressで用意されたカスタマイズす... -
FTPソフトでホームページを公開
FTP（File Transfer Protocol） … ファイル転送プロトコル サーバにホームページのファイルをアップロードしたり、バックアップとしてダウンロードすることが可能 主なFTPソフト FileZilla FTPアカウント情報 FTPホスト名（FTPサーバー名） FTPユーザー... -
CSS
CSSの基礎知識 セレクタ セレクタ { プロパティ名 : 値 ;} link要素 <!doctype html> <html> <head> ..... <link rel="stylesheet" href="style.css"> </head> ..... style要素 <!doctype html> <html> <hea... -
Web制作便利ツール
ダミーテキスト https://webtools.dounokouno.com/dummytext この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミー... -
Twitter、Facebookのタイムラインを埋め込む
Twitterタイムラインの埋め込み https://publish.twitter.com/# こちらのページに行き、タイムラインを表示したいツイッターアカウントのURLを入れて、エンターキーを押します。 次に、左側の「Embedded Timeline」をクリックします。 コードが表示される... -
オススメ【WordPressプラグイン】
Show Current Template https://ja.wordpress.org/plugins/show-current-template/ Show Current Template 代用 header.phpかfooter.phpを編集 <?php global $template; // $template 変数をグローバルスコープで使用 $template_name = basename($templ... -
WordPressの固定ページ編集方法
サイトのページを修正・管理するには固定ページを編集します。 【固定ページとは〜例】 トップページ 会社概要 採用（リクルートページ） お問い合わせ 利用規約・プライバシーポリシー サイトマップなど 固定ページを編集する WordPressの管理画面から、...
1