新着記事

Css適用編 前回作成した、「初めてのコーディング実践編」で作成したHTMLデータを元にCSSを適用していきます!! 前回のデザイン内容 下記の画像の内容を元にCssを調整していきます!! サンプル画...

MP4やその他の形式への変換方法 動画を別の保存形式に変換したい時に使える無料のソフトウェアをご紹介します。 無料で使える簡単なソフトです。音楽や特殊効果などを追加したり、編集する事ができます。 ビデ...

初めてのコーディング実践編 初めて1からコーディングをする時の手順を公開します!! 今回のコーディング内容 下記の画像の内容をコーディングしていきます。 サンプル画像 samole02 HTMLを作成...

初めてのコーディング 初めて1からコーディングをする時によく使うCssの記述を紹介します。 whidth 「whidth」とは要素の横幅を設定するCss [crayon-5c18d5c90fb4229...

jQueryでローディングアニメーションの設定 「jquery」でローディングアニメーションの設定方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 HTMLを記載 下...

jQueryでグラフを設定 「jquery」で画像が震える方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 jRumble をダウンロード ダウンロード先 HTMLを...

表を早く作る方法 デザインをしていると、表組をする事が多いと思います。 Illustratorを使うとその表組が簡単にできます。 長方形選択ツール 長方形選択ツールで、大枠の四角形を書きます。 段組設...

Embed Any Document WordPressのプラグイン部分から追加する。 プラグイン新規追加 新規追加部分に「Embed Any Document」を記載します。 設定部分 設定の「Em...

aタグでボックス全体を囲いたい時 ボタンをcssで作成した際に、全体を囲いたい!! そんな時に使えるcssを記載します。 cssを記載 下記のソースを追加してください。 [crayon-5c18d5c...

jQueryでグラフを設定 「jquery」でグラフを作成する方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 cssを記載 下記のソースを追加してください。 ※読み...

仕事で導入すると便利なツールのご紹介 予定の管理が抜けていた、手帳をなくした。。忘れてしまった場合に役立つクラウドの サービスをご紹介いたします。 Google カレンダー Googleが提供する無料...

仕事で導入すると便利なツールのご紹介 USBを忘れた…. 外付けのハードディスクを忘れた….. なんて事はよくあると思います。そんな時に使えるのがクラウドのデータ管理ツールです...

仕事で導入すると便利なツールのご紹介 電話をかけても繋がらない、または打ち合わせ中にどうしても連絡がしたい場合など現状の状況で 連絡がなかなか取れない場合など状況に応じて使えるツールをご紹介します。 ...

jQueryでページトップを設定 「jquery」でページトップを設定する方法をのご紹介!! 「jquery.js」をダウンロード致します。 ダウンロード先 cssを記載 下記のソースを追加してくださ...

jQueryで画像を綺麗に配置 「jquery」でランダムな画像を綺麗に配置する方法をのご紹介!! 「Masonry.js」をダウンロード致します。 ダウンロード先 cssを記載 下記のソースを追加し...

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-5c18d5c9...

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

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

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

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

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

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