jQuery（ジェイクエリ） 【初めてのjQuery入門】jQuery（ジェイクエリ）とは？導入の手順について
jQueryとは？ jQueryとは、John Resigさんが開発したJavascriptのライブラリです。WEBページに様々なアクションやアニメーションを設定することができて、「プラグイン」と呼ばれる拡張ライブラリも多数あります。 ジョ...
jQuery（ジェイクエリ） 
CSS(シー・エス・エス) 【CSS】：has CSS Selectorとは？
：has CSS Selector Did You Know About the :has CSSSelector? Twitterの投稿で見つけましたが、CSSの:has( )セレクタについて。意味が分からなかったので実際に試してみました...
CSS(シー・エス・エス) 【CSS】position: absoluteとposition: relativeについてもう一度おさらい｜絶対位置・相対位置
図形をレイアウトする時に使うposition:「absolute」「relative」がまたまた分からなくなってしまったので・・・改めておさらいをしたいと思います。 HTMLとCSSでBOXを並べる <!doctype html> <htm...
WordPress(ワードプレス) 【WordPress】日本語で登録されてしまっているタグのスラッグを英語に変換する方法｜投稿＞タグ
タグのスラッグが日本語の場合 投稿に「タグ」を設定した時に、「URLスラッグ」を設定しないと、URLが日本語になってしまいます。 スラッグが日本語の場合に起こる問題 URLスラッグが日本語の場合、SNSの投稿画面やメール本文にURLを貼り付...
CSS(シー・エス・エス) 【WordPress】画面サイズが小さくなるにつれて文字サイズを可変にするCSSの設定方法
画面はテキストをposition:absolute;で位置を指定した状態です。 テキストサイズ（font size）をpxで直接、指定しています。 この場合、画面サイズが小さくなったときも、同じフォントサイズのままになります。 こちらを「画...
WordPress(ワードプレス) 【WordPress】動画を埋め込む方法｜ワードプレスのページ内に動画を埋め込む
最近のコーポレートサイトなどは、ページの背景を動画にしている企業も増えてきています。ブログでもYoutubeを表示させることもできますが、サイト内に直接動画を入れることもできます。今回は、ワードプレスの記事に動画を直接埋め込む方法についてご...
HTML(エイチティーエムエル) 【HTML】iframeのスクロールバーを非表示・無効にする
ページ内にiflameで埋め込みをすると、画面に収まらない場合はスクロールバーが表示されてしまいます・・・。こちらをCSSを使って、消してみます。 <iframe src="" width="500" height="500"></ifra...
WordPress(ワードプレス) 【WordPress】get_theme_mod｜set_theme_mod｜現在のテーマのテーマ設定値をひとつ取得する
get_theme_mod( $name, $default ) get_theme_mod( $name, $default )現在のテーマのテーマ設定値をひとつ取得します。基本的なテーマ固有設定を扱う必要がある場合、set_theme_...
WordPress(ワードプレス) 【初心者入門編】WordPressでホームページを作る方法について１０ステップ｜今から始めるワードプレス
ホームページ制作は勉強すれば誰でも制作ができるようになります。その実現には世界で圧倒的なシェアを誇るCMS・WordPress(ワードプレス)の利用がオススメです。このページでは、WordPressとは何か？どのように始めれば良いのかを簡単...
PremierePro(プレミアプロ) 【PremierePro】VRデジタルグリッチエフェクトを使って、テキストにグリッチをかける｜文字の内側に影をつける
文字の外側にグリッチエフェクトを使って影を付ける方法です。 VR デジタルグリッチ ビデオエフェクト＞イマーシブビデオ＞VR デジタルグリッチ 「VR デジタルグリッチ」エフェクトをかけると、文字にグリッチノイズがかかります。 ゆがみの値を...
WordPress(ワードプレス) 【WordPress】is_page_template()「投稿テンプレート」かどうか？で処理を分岐させる
is_page_template() is_page_template()この条件分岐タグを使用すると、任意のページのテンプレートであるかどうかを判断することができます。 テーマ「Hestia」のis_page_template() 「He...
WordPress(ワードプレス) 【WordPress】cocoonの記事内にYoutube動画を埋め込んだ際に中央配置できない場合に中央寄せにする方法｜video-container
Youtube動画が中央寄せにならない？ cocoonの記事本文内でYoutube動画を設定したとき。 編集画面では「中央揃え」を選択していますが・・・ やはり中央揃えに、なりません・・・。 通常のCSS .video-container ...
WordPress(ワードプレス) 【WordPress】cocoonのアイキャッチ画像が記事一覧で並んだ時のサイズをCSSで調整する３つのパターン
cocoonのアイキャッチ画像 cocoonの記事一覧で表示されるアイキャッチ画像ですが、縦長のアイキャッチ画像の際に、画像が下に広がってしまうという状態が出てしまいます（いやこれが正しいとも言える気はしますが・・・） .card-thum...
WordPress(ワードプレス) 【WordPress】投稿ページや固定ページのパーマリンクを一括で取得する方法
全ページのURL(パーマリンク) ワードプレスのパーマリンクの置換や引っ越しなどで「今の全ページのURL(パーマリンク)はどうなっているのか？」という時に、１ページずつパーマリンクをコピーしていたら時間が掛かって仕方がない・・・という時に、...
WordPress(ワードプレス) 【WordPress】404ページをカスタマイズして404ページに検索フォームを入れたりする｜cocoon子テーマ編｜404.php
４０４ページ パーマリンクが見つからなかった時に表示される「４０４ページ」をカスタマイズしたい・・・と思った時に自作をする方法です。 cocoon子テーマで作成するには？ まずは、子テーマに「404.php」ファイルをアップロードします。 ...
GAS(GoogleAppsScript) 【GoogleAppsScript】Googleスプレッドシートでふりがな（フリガナ）自動入力をAPIとスクリプトで実現する方法PART2｜ExcelのPHONETIC的な。
ということで、前回の説明が長くなりましたので、一度終わってその続きです。 「ひらがなAPI」 こちらが前回ご紹介した「ひらがなAPI」です。 ひらがな化API ｜ソフト・アプリ開発のAPIなら【gooラボ】ひらがな化APIはリクエストで送ら...
GAS(GoogleAppsScript) 【GoogleAppsScript】Googleスプレッドシートのふりがな（フリガナ）自動入力をAPIとスクリプトで実現する方法PART1｜ExcelのPHONETIC的な。
EXCELにあってGoogleスプレッドシートに無いPhonetic関数 EXCELにあってGoogleスプレッドシートに無いもののひとつが、「文字を入力した時に自動的にふりがなを入れてくれるPhonetic関数」です。しかも「ふりがなを入...
WordPress(ワードプレス) 【WordPress】投稿のデモサイト・レイアウトのテストページを見たい時に便利なページ「Theme Unit Test Data」
Theme Unit Test Data WordPressを始める時に、テストデータやブロックのレイアウトを見たい・・・という時に役立つのが「Theme Unit Test Data」です。 ページ内には、ワードプレスのブロックを使った様...
WordPress(ワードプレス) 【WordPress】標準の「最新の投稿」ブロックを｜日付－投稿タイトル｜で横並びに整形する方法・その３｜flex-directionを左並びに調整する｜justify-content: flex-start;
前回までのあらすじ 前回、Flexboxを使って「最新の投稿」ブロックをどうにかこうにか横並びにして反転させることまでは成功しましたが・・・ コンテンツが右に寄ってしまったので、左に並ぶように調整をしてみたいと思います。 justify-c...
WordPress(ワードプレス) 【WordPress】標準の「最新の投稿」ブロックを｜日付－投稿タイトル｜で横並びに整形する方法～その２｜左右交互に横並び・flex-direction: row-reverse;
前回までのあらすじ それっぽいレイアウトにはなったのですが、タイトルと日付の並び順が、希望と反対になっているのでなんとかしたい・・・。 こんな感じになってほしい。 Flexboxについて Flexbox は、アイテムを列方向や行方向など一次...
