CSS(シー・エス・エス) 【CSS】:first-child|並んでいる最初のブロック要素だけのサイズを小さくしたりするCSS
並んでいるブロックの最初だけ小さくしたい 例えば、ワードプレスなどでCSSを設定してブロックを並べている時に、「最初の一番左のブロックだけを、幅を短くしたい」といった場合に使える方法です。 <div class="wrap"> <span ...
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: ve...
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を確認する。 Develop...
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 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とは何か？どのように始めれば良いのかを簡単...
