なのブログ

   

メンタル障害持ちながらA型就労で広告デザインやWebをしている人のブログ

【SVG】WordPressでSVG形式を使う方法

WordPressでSVG形式は初期設定ではサポートされていません。しかしPNGやJPEGにない特性を活かしてはっきり鮮明にロゴなどを配置したい方も多いでしょう。SVGの作り方からメディアライブラリへのアップロードの許可、表示の仕方を書いていきます。 文字のアウトライン化は「書式」-「文字のアウトライン化」を選んでクリック。 「複製を保存」または「別名で保存」をクリック。 形式をSVG形式にして保 […]

Read More

スマホで使いやすい申し込みフォーム③

jQueryです。 $(function(){ $.fn.autoKana(‘#name’, ‘#furi_name’, { katakana : true //true:カタカナ、false:ひらがな(デフォルト) }); //フォーカスされたとき $(“#name”).focus(function(){ $(this).css(“background-color”, “#fff”); $(th […]

Read More

スマホで使いやすい申し込みフォーム①

授業でフォームについて詳しく勉強したので、その改変版を載せます。利用の想定は専門学校の資料請求のフォームです。

フリガナと郵便番号は入れると自動入力されるものを使っています。自動入力された部分については入力された時点で背景の色が緑になるようにするなど改善点は多いですが、フォームについてじっくり勉強する機会がありよかったです。 次の記 […]

Read More

【Adobe MediaEncoder】ogg形式に変換できるようにする

Adobe製品が使えるなら、動画やオーディオの変換にはMediaEncoderがおすすめですが、ogg形式にははじめから対応していないのでプラグインを入れます。 まずプラグインをDLします。 https://github.com/fnordware/AdobeOgg#download ご自分のOSに合わせてDLしてください。 ReadMe.txtの中に・・・ Mac: Ogg Premiere.b […]

Read More

【HTML5】footer要素について

footer 要素は文書やセクションのフッターを表します。著者情報や関連記事への記述する場合によく利用されます。footer 要素はセクションの最初に置いても問題ありません。 コンテンツモデル フローコンテンツ。ただし子要素にヘッディングコンテンツ、セクショニングコンテンツ、header要素、footer要素、address要素を含むことは不可 使用できる文脈 フローコンテンツが期待される場所

Read More

【HTML5】header要素について

こんにちは。ブログをしばらく書けなかったので反省しています。がんばって書いていきます。 header要素は文書やセクションのヘッダーを表します。文書やセクションの冒頭となる見出しや概要、ナビゲーションのリンクなどを記述する場合によく利用されます。 Webサイトでヘッダーは例えば会社の場合会社のロゴ、検索フォーム、メインのナビゲーションメニューなどを含むことが多いです。 コンテンツ パブパブルコンテ […]

Read More

サーチコンソールとGoogleアナリティクスを連携する方法

Googleアナリティクスがサイトに流入してきた後のユーザーの動向なら、Google Search Console(グーグルサーチコンソール)はサイト流入前の動向にあたります。 実際に検索されたキーワード、どんなワードで検索され何位に表示されているのか、クリックされた回数、クリック率など。SEO的にも知っておきたいことばかりです。アナリティクスを入れたら連携させましょう。 サーチコンソールに登録し […]

Read More

Googleアナリティクスの設置方法

こんにちは。 今更ですがアナリティクスの設置をちゃんとしたのでそのことについて書きます。 Googleアナリティクスは無料で使える便利なアクセス解析ツールです。どんな経路でサイト訪問者がサイトを訪れたか、サイトの中でどういう動きをして、どれほど滞在してどのページで離脱したか・・・等々、いろいろわかってしまうすごいツールです。 設置方法は以下にまとめました。 Googleアカウントを作成する goo […]

Read More

HTMLでcssを読み込む方法

外部ファイルにしたCSSファイルを読み込む方法です。 ファイルへのパスはindex.html(トップページ)があるディレクトリにcssというフォルダがありそこにstyle.cssがある場合は以下になります。 CSSを読み込んでも表示が変わらない場合はブラウザのキャッシュ(表示速度を上げるためにブラウザが保存している情報)を消してみましょう。 簡単ですが今日のブログはここまでにしておきます。 卒業制 […]

Read More
古い記事へ