新着記事

Viewport 今までの％ではなく新しい単位があります。 vw viewport width ビューポートの幅に対する割合 vh viewport height ビューポートの高さに対する割合 vm...

MW WP Formのインストール方法 WordPressのプラグインでメールフォームを作成する際に色々なプラグインがありますが、 今回は、「MW WP Form」の使い方について説明致します。 「M...

ディレクションで必要なマーケティング要素 Webサイトを運用更新などを行う際にPDCAサイクルを使ってより良い内容を提案していきましょう!! Plan 計画 目標を設定し、目標達成のために何をするべき...

ディレクションで必要なマーケティング要素 今のウェブサイトは、制作した際の目標設定設定し、 その目標に向かってどのようにサイトの見せ方や、更新をするかを考える事が重要です。 KGIとKPIを設定する ...

jQueryでカレンダー作成 「jquery」でカスタマイズしやすいカレンダーのご紹介!! 「Calendar.js」をダウンロード致します。 ダウンロード先 cssを記載 下記のソースを追加してくだ...

WordPress子テーマ【トップページ編】 WordPressで子テーマを実際に作っていきます。 ローカルでコーディングします。 WordPressで子テーマを作る前にローカル環境で静的HTMLを作...

jQueryで画像を動かす 「jquery」でおしゃれな画像の見せ方にしたい!! 寒川神社を目標にまずは簡単にできる部分から設定していきます。 「jquery.min.js」をダウンロード致します。 ...

jQueryでおしゃれな背景アニメーションを使いたい 「jquery」でおしゃれな背景が動くエフェクトを作りたい!! 寒川神社を目標にまずは簡単にできる部分から設定していきます。 「jquery.mi...

Macで.htaccess編集 Macでリダイレクトの設定など「.htaccess」に記載したい場合編集できなかったらいするので記載いたします。 ターミナルを開きます [crayon-5b2ec165...

カテゴリーによって名前の色分け WordPressのカテゴリー設定を行い、カテゴリーの名前や背景を色分けする方法をご説明いたします。 新着情報表示方法 まずは新着情報を表示する方法をご説明いたします。...

データベース WordPressをインストールした際に作成されるデーターベースの役割などを解説していきます。 インストールした際に作成される内容 wp_commentmeta 各コメントにはメタデータ...

カテゴリーは1つしか選択できません カテゴリーを複数作成し、カテゴリーによって表示の条件分岐にてデザインを変えている場合などに使用するととても便利です。 functions.phpに記述 下記の記述を...

header.phpでカテゴリーで表示が異なる場合 カテゴリーにより表示内容や、メイン画像などを変えたい時に使えます。 一つのカテゴリーだけ表示を変えたい場合 [crayon-5b2ec165d721...

WordPressでヒートマップツールを入れてみました。 「User Heat」のサービスを導入しました。ワードプレスのプラグインもございます。 「User Heat」のプラグインの導入方法 User...

archive.phpでカテゴリーで表示が異なる場合 カテゴリーにより表示内容や、挨拶文を変えたい時に使えます。 一つのカテゴリーだけ表示を変えたい場合 [crayon-5b2ec165d790c23...

Gitの色々なコマンド Gitのコマンドを忘れてしまった場合の参考になればと思い記載しております。 ローカルの以前のデータを戻したい場合 特定のファイルではなく、全て元に戻したい場合 [crayon-...

フォントの初期設定 フォントサイズをbodyで初期設定10pxに変換。 [crayon-5b2ec165d8357162631389/] 100%は通常16pxがデフォルト設定。 フォントの計算を楽に...

Gitの仕組み？ Gitは、共有リポジトリを使い作業を行います。 共有リポジトリとは、「複数人で共有しているフォルダ」の事を指します。 「リポジトリ」とは、ファイル(複数のプロジェクトフォルダ)のデー...

.htaccessでフォルダ内のクロールを拒否 テストサイトをサーバーにアップして作業している際に、検索に引っかかったり、オフィシャルのサイトに影響してしまったりするので、 クロール拒否をしたい際に、...

gitとは？ Gitは、ファイルの更新履歴を保存しておくことができるツールです。 そのため、一度編集したファイルを過去の状態に戻したり、編集箇所の差分を表示したりすることができます。 また、古いファイ...

gifaファイル便にアクセスします。 「gifaファイル便」と検索して頂きますと表示されます。 Photoshopレイヤーマスク作り方 「選択ツール」を選択してもらい、切り抜きたい場所を選択致します。...

Photoshopで画像を任意の大きさに変える Photoshopでレイヤーマスクとクリッピングマスクを使って、画像を切らなくても画像を切り抜く事が可能になりまうす。 画像そのものを変更するわけではな...

Photoshopでテキストの中央揃え Photoshopでテキストエリアを作成し、文字を一行でタイピングした際に、特定の文字だけ大きさを変えて、上下中央に配置したい場合の方法を記載致します。 Pho...

タブメニュー作成方法 「jquery.min.js」をダウンロード致します。 ダウンロード先 jQueryタブメニュー 下記のソースを追加してください。 [crayon-5b2ec165d923616...

アコーディオン作成方法 「jquery.min.js」をダウンロード致します。 ダウンロード先 jQueryアコーディオン 下記のソースを追加してください。 [crayon-5b2ec165d9799...

Illustratorでアートボード基準に整列させる方法 Illustratorでアードボードを基準に整列させます。 まず図形やテキストを配置します。 アートボードに整列 アートボードに整列にチェック...

ブレイクポイント スマホ:767px以下 タブレット:768px〜991px PC:992px〜1119px PC大画面:1200px以上 クラスの設定 スマホ:.col-xs-1(カラム数) タブレ...

固定ページテンプレート作成 WordPressで固定ページ用のテンプレートを作成する方法を掲載致します。 page.phpを任意の名前に変更 「themes.php」に今回変更しました。 themes...

Atomのショートカットキー一覧 Atomでコーディングする時の効率化できるようにショートカットキー掲載しました Mac Command + クリック マルチカーソルの追加 Command + ] /...

Illustratorのショートカットキー一覧 Illustratorで作業する時の効率化できるようにショートカットキー掲載しました Mac Sift + D 標準描画・背景描画・内側描画の切り替え ...