CSS(シー・エス・エス) 【CSS】:first-child|並んでいる最初のブロック要素だけのサイズを小さくしたりするCSS
並んでいるブロックの最初だけ小さくしたい例えば、ワードプレスなどでCSSを設定してブロックを並べている時に、「最初の一番左のブロックだけを、幅を短くしたい」といった場合に使える方法です。<div class="wrap"> <span cl...
2021-03
CSS(シー・エス・エス) 
CSS(シー・エス・エス) 【CSS】position:absolute;について再度おさらい！思いのままに図形をWEBページ上に配置する
position:absolute;については、過去にも何度か書いていますが、それでもまた分からなくなってしまったので、再度おさらいの意味を込めてご紹介したいと思います。メンティーposition:absolute;が、また分からなくなりま...
CSS(シー・エス・エス) 【CSS】画像に黒の透過・半透明カラーを重ねる方法
WEBサイトの背景一面に画像を配置した場合などに、メニューの文字がみづらい場合に上に半透明画像を重ねたい場合に使える方法です。疑似要素::before ::afterを使うCSS における ::before は、選択した要素の最初の子要素と...
WordPress(ワードプレス) 【WordPress】何かうまくいかなかったようです。時間を置いてもう一度お試しください。が、表示される場合。
何かうまくいかなかったようです。時間を置いてもう一度お試しください。追加CSSにCSSを足した時に、時折表示されるこのメッセージ。追加したCSSに何か問題がある際に発生するようです。このままだと公開ができなくなってしまいますので、この場合は...
CSS(シー・エス・エス) 【CSS】続・WordPressで縦書きレイアウトの文字を表示する方法｜writing-mode: vertical-rl;
前回、段落を縦書きにできた。前回、「段落を縦書きにする」のお話で、段落を縦書きにするところまで成功しました。しかし、このままでは文章が画面の下の方に突き出てしまい、いまいち見にくい文章になってしまいます。writing-mode: vert...
CSS(シー・エス・エス) 【CSS】WordPressで縦書きレイアウトの文字を表示する方法｜writing-mode: vertical-rl;
ワードプレスなどで色々とページを作っていると、「小説風に縦書き」で表示したい・・・！という場面も出てくるかと思います。そんな時に使える方法です。writing-mode: vertical-rl;writing-modeテキストの行のレイア...
WordPress(ワードプレス) 【WordPress】画像をカルーセル・スライダー表示をさせるプラグイン｜MetaSlider – Responsive WordPress Plugin
カルーセル表示とは？画像を「スライド表示」させる方法をカルーセル表示・・・と言ったりします。cocoonテーマなどには、最初からかっこいい感じのカルーセル設定があって、このまま使うのもありな感じです。※投稿の上部に表示させることができます。...
Excel(エクセル) 【EXCEL】日付から「月」だけを抽出してカウントする方法｜MONTH関数
「月」だけを件数でカウントしたい日付のリストから、「月毎の件数」を出したいとき。この時に使えるのが「MONTH関数」です。MONTH関数「＝MONTH関数（セル）」で日付が入っているセルを指定します。選択すると、「月の整数」が結果として返っ...
WordPress(ワードプレス) 【cocoonテーマ】投稿ページの本文の一番上に「最近の投稿」が出てきてしまう時に見るべきポイント｜ウィジェット設定
本文の上の方に「最近の投稿」が・・・。cocoonテーマの本文の上の方に、「最近の投稿」が表示されます。どの記事を表示させても、上の方に「最近の投稿」が表示されています。設定に見当たらない？cocoon設定のどの部分を見ても、「投稿」の中に...
jQuery（ジェイクエリ） jQueryが動かない？時に試す方法・対処法｜Uncaught SyntaxError: Unexpected token ‘<'
jQueryのScrollTween.jsが動かない・・・ページ上にjQueryを読み込んで、ちゃんと読み込まれているようになっているはずですが・・・どうやってもスクロール・が・・・動かない。Consoleを確認する。Developerツー...
Windows(ウィンドウズ) 【Windows10】tgzファイルを解凍する方法 ｜Lhaplus (ラプラス)
tgzファイルとは？Gnu Zip (tgz) ソフトウェアで圧縮されたTARアーカイブ（圧縮）ファイル。このファイルを解凍する方法です。Lhaplus (ラプラス)で解凍できる！ファイル解凍、御用達の「Lhaplus (ラプラス)」さんで...
jQuery（ジェイクエリ） 【初めてのjQuery入門】jQuery（ジェイクエリ）とは？導入の手順について
jQueryとは？jQueryとは、John Resigさんが開発したJavascriptのライブラリです。WEBページに様々なアクションやアニメーションを設定することができて、「プラグイン」と呼ばれる拡張ライブラリも多数あります。ジョン・...
CSS(シー・エス・エス) 【CSS】：has CSS Selectorとは？
：has CSS SelectorDid You Know About the :has CSSSelector?Twitterの投稿で見つけましたが、CSSの:has( )セレクタについて。意味が分からなかったので実際に試してみました。d...
CSS(シー・エス・エス) 【CSS】position: absoluteとposition: relativeについてもう一度おさらい｜絶対位置・相対位置
図形をレイアウトする時に使うposition:「absolute」「relative」がまたまた分からなくなってしまったので・・・改めておさらいをしたいと思います。HTMLとCSSでBOXを並べる<!doctype html><html><...
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_m...
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()「Hesti...
WordPress(ワードプレス) 【WordPress】cocoonの記事内にYoutube動画を埋め込んだ際に中央配置できない場合に中央寄せにする方法｜video-container
Youtube動画が中央寄せにならない？cocoonの記事本文内でYoutube動画を設定したとき。編集画面では「中央揃え」を選択していますが・・・やはり中央揃えに、なりません・・・。通常のCSS.video-container { max...
WordPress(ワードプレス) 【WordPress】cocoonのアイキャッチ画像が記事一覧で並んだ時のサイズをCSSで調整する３つのパターン
cocoonのアイキャッチ画像cocoonの記事一覧で表示されるアイキャッチ画像ですが、縦長のアイキャッチ画像の際に、画像が下に広がってしまうという状態が出てしまいます（いやこれが正しいとも言える気はしますが・・・）.card-thumb ...
WordPress(ワードプレス) 【WordPress】投稿ページや固定ページのパーマリンクを一括で取得する方法
全ページのURL(パーマリンク)ワードプレスのパーマリンクの置換や引っ越しなどで「今の全ページのURL(パーマリンク)はどうなっているのか？」という時に、１ページずつパーマリンクをコピーしていたら時間が掛かって仕方がない・・・という時に、一...
WordPress(ワードプレス) 【WordPress】404ページをカスタマイズして404ページに検索フォームを入れたりする｜cocoon子テーマ編｜404.php
４０４ページパーマリンクが見つからなかった時に表示される「４０４ページ」をカスタマイズしたい・・・と思った時に自作をする方法です。cocoon子テーマで作成するには？まずは、子テーマに「404.php」ファイルをアップロードします。404....
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 DataWordPressを始める時に、テストデータやブロックのレイアウトを見たい・・・という時に役立つのが「Theme Unit Test Data」です。ページ内には、ワードプレスのブロックを使った様々な...
