.native-lazyload-js-fallback{display:none}フロントエンドエンジニアに転職した人のブログ。日々趣味のことからHTML・CSS・CMSの情報などなど公開中。TOPサイト制作WordPress制作ツール制作物コーディングHTML・PHP・javaScriptなどコーディングに関わる内容の記事です。コーディングする際のポイントなども紹介しています。スポンサーリンクWordPressTOPページのみh1タグで他ページはpにする方法【WP】WordPressのTOPだけサイトタイトルをh1にし、それ以外はpに変更する方法。SEO上全ページh1をサイトタイトルにするのは良くない。WPでh1タグを自動で判定して切り替える方法を紹介しています。2019.11.17WordPressサイト制作CSSホバー時にピカッと光らせるホバーアニメーション【CSSのみ】コンテンツのホバー時にピカッと光るホバーアニメーションをCSSのみで実装するコード。CSSアニメーションでかっこいいホバーアニメーションを実装しよう。色々なホバーアニメーションを紹介していきます。2019.09.22CSSサイト制作CSSスクロール途中から固定・解除する方法【CSSのみ】CSSだけでスクロール途中でコンテンツを固定・解除する方法を紹介。jQueryを使用せずCSSだけでコンテンツを固定・解除する方法です。CSSで簡単にコンテンツを固定表示させてみよう。効率化フレームワークを使うメリットとデメリットフレームワークを使うメリットやデメリットを紹介。システムの骨組みとなるフレームワークはどういうときに使うべきなのか。フレームワークのメリット・デメリットを紹介しています。2018.10.27効率化WordPress【WP】タイトル表示するいろいろな方法(字数制限・htmlタグ削除)WordPressでタイトルを字数制限・htmlタグ削除し表示させる方法。記事のタイトルを表示させたいときWordPressでは様々な記述でタイトル出力ができます。タイトルを自由自在にカスタマイズできるようになろう。2018.10.27WordPressサイト制作WordPress【WP】固定ページの画像リンク(パス)を短くする方法WordPressの画像パスを短く短縮する方法。固定ページでFTPから画像をリンクさせる場合の画像パスを短縮する方法を紹介。WordPressの固定ページに画像を配置する場合は画像パスを短縮して使用しよう。2018.10.13WordPressサイト制作CSS上下・左右・中央に要素を配置するCSSテクニックCSSで上下・左右・中央に要素を配置するテクニック。CSSで簡単に上下左右中央に要素を移動させることができます。CSSで中央に要素を移動させたい方是非参考にしてみてください。2018.10.07CSSサイト制作CSSCSSのみでリンクのボタンにアニメーション付きホバーエフェクトを付けてみたリンクボタンにCSSのみでアニメーションホバーエフェクトを付けてみました。リンクボタンに動きのあるホバーエフェクトをCSSのみで簡単につけることができるのでwebサイトに動きを付けたいときやもっと華やかにしたいときにホバーアニメーションを試してみよう。2018.09.30CSSサイト制作CSSホバー(hover)時に動きのある下線を入れる方法【CSSのみ】CSSだけでホバー時の下線アニメーションを付ける方法。CSS3を使用しjQueryなしで簡単にホバーアニメーションを付けることができます。リンクにいろいろなホバーエフェクトを付けて動きのあるサイトを作ろう。2018.09.24CSSサイト制作CSSリンクや画像などのホバーをCSSのみで光ったように見せる方法【JS不要】CSSのみで光るホバーエフェクトを実装する。JSを使用せずに簡単に画像や文字を光ったように見せることができます。効率化Dreamweaverのテンプレート作成でよりサイトを楽に管理しやすく作る方法Dreamweaverのテンプレート作成でよりサイトを楽に管理しやすく作る方法を紹介。Dreamweaverのテンプレート機能を使うと一括変更やコピペ作業がなくなります。2018.09.24効率化CSSヘッダーを固定させた時のページ内リンクを調整する方法ヘッダーなどを固定した場合のページ内リンクを正しくする方法を紹介。fixed後ろに隠れてしまったコンテンツをうまくスクロールさせるための方法を紹介しています。ヘッダーを固定させた時のページ内リンクをさせる時に活用しよう。2018.09.24CSSサイト制作CSSCSSを書く際に気をつけていることCSSを記述する際に気をつけていることまとめ。CSSの管理は難しくだんだんグチャグチャになってしまうことも...。CSSをうまく管理していくために個人的に気をつけていることをまとめました。CSSを書く際に気をつけて記述してみてください。2018.10.21CSSサイト制作サイト制作HTMLコーディングの練習・勉強方法HTML,CSSの練習・勉強方法を紹介。HTML,CSSを勉強できるオススメ書籍やオンラインサービスを紹介しています。高速コーディング「Emmet」を覚えよう!【HTMLコーダー・WEBデザイナー】HTMLコーダーでコーディング速度を上げたい方必見!高速コーディングすることができるEmmet。HTMLコーダーに必要なコーディングのスピードが今以上に上がるEmmetの使い方を解説。yuki_webdsサイト情報HTM・CSS・Jquery・PHP・CMS(WordPressなど)を使ったWEBサイト制作の情報を公開中。これからWEBサイトを作ってみたい人・コーディングやWordPressをカスタマイズしたい人はぜひ!HTMLコーダーやフロントエンドエンジニアを目指している人や自分でWEBサイトを作ってみたい人の初心者向けコンテンツも作成していきます。yuki_webdsタイトルとURLをコピーしました。