javascript
-
2020/08/23 / javascript
スクロールするとメニューが上からゆっくり降りてきてヘッダー固定・Y座標0でメニューがスムーズに上がる（消える）
ヘッダーを固定 一定の高さまでスクロールすると、タグ「header」にclass="fixed"が付く 上からゆっくり降りてくる HTML <div id="d-header">ここにメニュー</div...
続きを読む
-
2020/08/02 / wordpress設計術
標準装備のカスタムフィールドでショートコードを入力して表示する【wordpress】
カスタムフィールドを表示 <?php echo get_post_meta($post->ID, '●●カスタムフィールド名前●●', true); ?> カスタムフィールドにショートコードがある場合に表示 <...
続きを読む
-
2020/07/13 / wordpress設計術
functions.phpにショートコードを登録するwordpress
functions.phpに下記を記載 //TOPページ add_shortcode('hurl', 'shortcode_hurl'); function shortcode_hurl() { return home_url( '...
続きを読む
-
2020/07/05 / wordpress設計術
single.phpに、投稿ページでチェックした特定のカテゴリーの子カテゴリーに限定して表示
<ul> <?php $categorys = get_the_category( $post_id ); foreach($categorys as $category){ if($category->parent==8):...
続きを読む
-
2020/07/04 / 便利ツール
fontがダウンロードできるサイト
https://www.dafont.com/ ...
続きを読む
-
2020/07/04 / javascript
Enterキーを押すとinputが空欄になるのを防ぐ
フォームにonsubmit=”return false;”を追加 onsubmitはsubmitされたときに発生するイベントです。onsubmit=”return false;”でsubmitを中止する。 ...
続きを読む
-
2020/06/22 / wordpress設計術
特定のカテゴリーとその子の時に表示する
カテゴリーID1とその子に表示 <?php $cat = get_the_category(); //今見ているカテゴリ- $parent_id = $cat[0]->category_pa...
続きを読む
-
2020/06/08 / wordpress設計術
テンプレートに固定ページの内容を読み込む
テンプレートに記載 <?php $page_id = 146; //表示したい固定ページのページID $post = get_post( $page_id ); echo apply_filters('the_content'...
続きを読む
-
2020/06/01 / javascript
jsでふわふわ縦に揺れる
jquery.yurayura.jsをダウンロードして、 「jquery.yurayura.js」で保存 jQuery( function( $ ) { $.fn.yurayura = function( config ) { ...
続きを読む
-
2020/05/26 / html+css
webフォントを使う
「webfonts」ディレクトリ（名前は任意）に使いたいfontを入れる。 KozGoPro-Bold.otf など、この例では6件 cssファイルに下記を記載。urlパスは自分が設置したところを呼び出す。 @font-face {...
続きを読む
-
2020/05/24 / 便利ツール
ダウンロード有料写真サイト
PIXTA https://pixta.jp/ ...
続きを読む
-
2020/05/24 / 便利ツール
ダウンロード無料写真サイト
基本的にはライセンスも無料ですが、一部、ライセンス契約が必要なものもあります。各写真の利用規約をご確認ください。 unsplash https://unsplash.com/ burst https://burst.shopify.c...
続きを読む
-
2020/05/23 / EC-CUBE4
EC-CUBE4の会員登録画面の下にエラーが出ている時.envを変更
私の事例ではユーザー会員登録の一番下にエラーが出ていました。 ※EC-CUBE4のファイル群をサブフォルダに入れてドメイン直下で運営しています Fatal error: Uncaught InvalidArgumentException:...
続きを読む
-
2020/05/21 / wordpress設計術
WordPressの記事の前後のページへのリンクを自動で表示する方法（カテゴリー内・カテゴリー混合）
自動で前後記事のタイトルを取得し表示 カテゴリ関係なく単純な時系列でのリンク <div class="navigation"> <?php previous_post_link('%link', '<< ...
続きを読む
-
2020/05/21 / wordpress設計術
wp プラグイン無しのカスタムフィールドのテンプレート出力
「photogallery」というタイトルのカスタムフィールドの値を出力 HTML有効 <?php echo post_custom('photogallery'); ?> HTML無効（HTMLが全て表示されてしまう...
続きを読む
-
2020/05/21 / wordpress設計術
the_content()の内容をmore前後で2つに分割して出力できる
方法1 下記の方法では再利用ブロックが表示されない（2020.05.30現在） wordpressの記事の中で、分割したい部分に、下記を入れる <!--more--> テンプレート（single.phpなど）に下記を入れ...
続きを読む
-
2020/05/20 / wordpress設計術
月別アーカイブと記事一覧
下記のような並びでカテゴリーを指定した記事一覧を出す <ul> <li><span>▼2020年5月</span> <ul> <li><a href="#">「ニュース3」</a>&l...
続きを読む
-
2020/05/19 / wordpress設計術
worpressのパーマリンクを変更すると403エラーになる場合
wordpressフォルダ直下の.htaccessの一番上に下記を記載 IfModule mod_rewrite.c より上に... Options +SymLinksIfOwnerMatch ...
続きを読む
-
2020/04/04 / wordpress設計術
contact form7 に前ページの情報を与える
function.phpにショートコードを作成 // 【タイトル】をショートコード化 function my_plan_title(){ if( isset( $_POST['plan_title'] ) ) ...
続きを読む
-
2020/03/20 / wordpress設計術
Advanced Custom Fieldsとslick.jsスライダー
Advanced Custom Fields フィールドタイプ：ギャラリー 返り値のフォーマット：画像 配列 フィールド名：voice_images slick.jsの画像呼び出し（サムネイル付き） テンプレートに記述 ●●voic...
続きを読む
HOME > Tecnical Note
javascript
- slick sliderで逆にすると画像が表示されなかったり途中で切れる場合
- slick sliderのサムネイルを縦に流す
- formのoninput-output。結果を3桁ごとにカンマが入る数値タイプに変換
- マウスオーバー・マウスアウト（スマホの時はクリック）で画像を切り替えるjquery。
- querySelectorAllエレメントのhrefをforEachで削除する
- jQuery,Masonry,imagesloadedで画像を敷き詰める
- jQueryで特定のページからリンクされた後のページでclassを追加
- カレンダー
- 特定の要素を持っていたら（あったら）jQuery
- スクロールすると上からニョキッと降りてくるメニューjQuery
- マウス・マウスホイールで横スクロールするjavascript
- 横スクロール要素をマウスホイールで動かせるjavascript
- jqueryとcssでタブ
- 特定の要素を持つ時にclassを付けるjQuery
- スクロールして現れたらアニメーション（フェード等）開始jquery
- MOREボタンで数件ずつ要素を表示wp
- slick 基本
- スクロールして表示するとフェードイン
- スクロールして表示されたタイミングでアクションを起こすjs
- Enterキーを押すとinputが空欄になるのを防ぐ
- jsでふわふわ縦に揺れる
- 特定の要素の幅と高さを取得するjavascript
- ウィンドウ幅リサイズごとにブラウザをリロードするjavascript
- サイトにローディングを実装するjavascript
