WordPress 【WordPress】Webサイト引っ越し手順 その２【エクスポートと失敗編】
こんにちは朱夏です。
Webサイト引っ越し作業を進めようと思いましたが、結論から言うと引っ越しに失敗しました。
理由は、お名前.com側のDNSサーバー設定が何故かデフォルトのお名前.comで用意されたDNSサーバーに戻っていたためです...
WordPress 
Javascript 【jQuery】初心者向け、スライダーの実装方法をまとめました
こんにちは朱夏です。
今回は、Webサイトの模写で出てきたjQueryのスライダーについて調べてみました。
模写したサイトでは、「slick」というスライダープラグインが使われていたので、使い方について詳しく紹介していきたいと思います。...
Javascript Webサイトの模写を実践してみた JavaScript編
こんにちは朱夏です。
今回も模写していきたいと思います。
こちらの案件の参考サイトの模写になります。
今回はJavaScriptの模写になります。
ここで新たにjQueryというものが出てきました。
jQueryとは
J...
CSS Webサイトの模写を実践してみた CSS編
こんにちは朱夏です。
今回も模写を頑張っていきます。
前回の続きで、CSSを書いていきます。
サンプル紹介
こちらの依頼ページの1つ目が模写しているサイトです。
新しい情報
CSSも書いていて、新たに知った情報がたく...
HTML Webサイトの模写を実践してみた
こんにちは朱夏です。
今回はWebサイトの模写をやっていきたいと思います。
Twitterでこんな呟きを見つけました。
これはスキルアップと案件獲得両方を目指せるコスパの良い学習方法だと思ったので、早速試してみました。
...
Webページ作成 【Webサイト作成】パララックスサイトのテンプレートを作成 その９
こんにちは朱夏です。
今回はフッター部分を作っていこうと思います。
実装するのは次の3つです。
テキスト
GoogleMAPの埋め込み
Twitterの埋め込み
それではやっていきたいと思います。
コー...
Bootstrap 【Webサイト作成】パララックスサイトのテンプレートを作成 その８
こんにちは朱夏です。
今回もパララックスサイトのテンプレートを作っていきます。
今回は、Bootstrapのアコーディオン機能を使ってFAQを実装してみたいと思います。
参考サイトはこちらです。
コード
コードはこちら...
Webページ作成 【Webサイト作成】パララックスサイトのテンプレートを作成 その７
こんにちは朱夏です。
今回も、パララックスサイトのテンプレートを作っていきたいと思います。
今回は、中間エリアにカルーセルを実装したいと思います。
実装にはBootstrap4を使用します。
コード
先ずはコードからです。...
Webページ作成 【Webサイト作成】パララックスサイトのテンプレートを作成 その６
こんにちは朱夏です。
前回の続きを解説していこうと思います。
解説しているマウスホバーのエフェクトはこちらです。
拡大+透過調整
拡大のみ
拡大+グレースケール
縦回転出現
拡大+階調反...
Webページ作成 【Webサイト作成】パララックスサイトのテンプレートを作成 その５
こんにちは朱夏です。
パララックスサイトのテンプレート作成やっていきます。
前回実装したマウスホバーのエフェクトについて、ホバーの適用方法の改善と、各エフェクトの詳細を解説したいと思います。
作成したエフェクトは以下の6個です。
...