html+css
-
2021/04/26 / html+css
favicon
pngでfavicon <link rel="icon" type="image/png" href="../images/favicon_48.png" sizes="48x48" /> <link rel="icon...
続きを読む
-
2021/04/26 / javascript
スクロールして表示されたタイミングでアクションを起こすjs
手順1 scrollrevealをダウンロード scrollrevealをダウンロードhttps://github.com/jlmakes/scrollreveal 手順2 ScrollReveal.min.jsをhtmlに...
続きを読む
-
2021/04/22 / wordpress設計術
Advanced Custom Fields・値によって分岐する
<?php if(get_post_meta($post->ID,'test',true) == 'A'): ?> A <?php elseif (get_post_meta($post->ID,'test',true) ...
続きを読む
-
2021/04/09 / wordpress設計術
今見ている投稿記事と同カテゴリーの記事を表示
<?php // 同じカテゴリから記事を10件呼び出す $categories = get_the_category($post->ID); $category_ID = array(); foreach($categori...
続きを読む
-
2021/04/08 / html+css
css gridの中のdivの中のdivの高さを合わせる
html gridを設定したdiv > divの中にさらにdivを入れて背景色や枠を付けた時に、高さを揃える方法 <div class="grid_fr"> <div class="grid_fr_in"&g...
続きを読む
-
2021/03/24 / wordpress設計術
wpログインしている時としていない時で、表示させる内容を変える
書き方1 <?php if (is_user_logged_in()) : ?> ログインしている時に表示されるコンテンツ <?php else : ?> ログインしていない時に表示されるコンテンツ <?php e...
続きを読む
-
2021/03/04 / 便利ツール
ttcフォントがwebフォントで効かないとき
ttcフォントがwebフォントで効かないとき ttcは複数フォントを固めたzipのようなもの。 下記サイトでttfに変換して読み込ませる。 https://www.files-conversion.com/font-converter.p...
続きを読む
-
2021/02/22 / wordpress設計術
wpセキュリティ対策まとめ
ここに記載するのはRoiでの対策であり、他にもできることはあると思います。 wordpressへのセキュリティ対策の事例です。 ベーシック認証（Basic認証） サーバーの管理画面から wp-admin のアクセス制限（ベーシック認...
続きを読む
-
2021/02/16 / html+css
文字列の下半分にマーカーを引く
.mark { background: linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%); } ...
続きを読む
-
2021/02/02 / 便利ツール
Backlogフリープラン
■フリープランで新しい【組織】を作成するには、ログインしてから、下記URLに飛ぶ https://registerjp.backlog.com/trial/with-existing-account/plan/11 ...
続きを読む
-
2021/01/23 / PHP
PHP・MySQLに接続してデータベースに書き込む
MySQLに接続 <?php try{ $dsn = 'mysql:dbname=●データベース名●;host=●接続ホスト●;charset=utf8'; $user = '●データベースユーザー名●'; $pa...
続きを読む
-
2021/01/06 / html+css
youtube画像埋め込みのレスポンシブ
youtube 画像の埋め込みレスポンシブ HTML iframeはyoutubeの 共有→埋め込み のタグ <div class="youtubefr"> <ifram ●●●●●●●></iframe> <...
続きを読む
-
2020/12/06 / EC-CUBE4
Gmailで会員登録されたお客様にメールが届かない
エックスサーバーに設置しているEC-CUBE4で、Gmailで会員登録したお客様にメールが届かなかった場合 ドメイン直下の.envの設定で、 MAILER_URL=smtp://localhost:25 を MAILER_URL=se...
続きを読む
-
2020/08/23 / javascript
上からゆっくり降りてきてヘッダー固定
ヘッダーを固定 一定の高さまでスクロールすると、タグ「header」にclass="fixed"が付く 上からゆっくり降りてくる js $(window).on("load", function () { $(fun...
続きを読む
-
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...
続きを読む
HOME > Tecnical Note
