結論:「slick.min.js」じゃなくて「slick.js」を読み込む。 今回の案件:とやま観光ナビ外国語版モデルコースCMS slickバージョン:1.8.1 slickのレスポンシブでslidesToShowとs
slickのレスポンシブ関係で謎のバグが起きたとき
結論:「slick.min.js」じゃなくて「slick.js」を読み込む。 参考サイト: slick.jsを使ってレスポンシブrows2行→rows1行にするとき詰んだメモ|YUILOG 今回の案件:とや
Smarty をPHP7で動かす方法
フォームなどPHPあげたら動かない場合、Smartyのバージョンが古い場合があります。 やる事 ・Smarty3.x をインストール ・PHPのSmartyのインスタンス作成部分の調整 ・PHPで使えない関
SublimeText「AutoFileName」でルートパスを設定する方法
まずSublimeTextのプロジェクトを保存する。 「Project」>「Save Project As …」 Edit Project で、以下のコードを追加 afn_proj_root はルートパスを設
VPSサーバーの.htmlファイルでPHPを実行する方法
Pleskの管理画面にログインする。 対象のドメインの「ホスティング設定」でPHPが「FastCGI」なのを確認する。 「ウェブサーバー設定」の「Apache追加ディレクティブ」のHTTPとHTTPSの欄に以下を追記。
slick を使って縮小しながらクロスフェード
参考:https://adoption.co.jp/ HTML
1 2 3 4 5 6 7 8 |
<div id="hero_slide_list" class="hero_slide_list"> <figure class="hero_slide_item" style="background-image: url(./img/img-slide01.jpg);"></figure> <figure class="hero_slide_item" style="background-image: url(./img/img-slide02.jpg);"></figure> <figure class="hero_slide_item" style="background-image: url(./img/img-slide03.jpg);"></figure> <figure class="hero_slide_item" style="background-image: url(./img/img-slide04.jpg);"></figure> <figure class="hero_slide_item" style="background-image: url(./img/img-slide05.jpg);"></figure> <figure class="hero_slide_item" style="background-image: url(./img/img-slide06.jpg);"></figure> </div> |
JavaScript [crayon-6072e
MW WP Form
公式: マニュアル 参考: MW WP Formを使った問合せフォームの作り方 WordPressの固定ページを使用する。 管理画面の固定ページメニューから新規追加 パーマリンクを下記のように編集して公開 2. テンプレ
iframe で埋め込んだYouTubeの動画をJSで操作する
iframe で埋め込んだYouTubeの動画も再生・停止を制御できました。 iframeの埋め込みURLに「enablejsapi=1」というパラメータを入れ忘れないこと。 HTML [crayon-6072e9bbc
Contact Form 7の自動返信の内容を条件分岐させる方法
実装ページ: お問い合わせ | 医業経営をトータルサポートする 株式会社金沢医業経営研究所 今回の案件: ラジオボタンで以下3つの選択肢があり、「資料請求」を選択したときのみ自動返信メールに資料ダウンロード
サイト内へのVR画像の埋め込み
「Photo-Sphere-Viewer」というライブラリが便利です。 ざっくり概要 ・WP Photo SphereというWordPressに360度画像埋め込むプラグインの作者がつくったもの ・レスポンシブ対応 (:
これ以上は記事がありません
読み込むページがありません