HTMLで文章を任意の位置で改行したい場合にはbrタグを使用します。 文章だけでは、その文章を囲んでいる要素に合わせて自動で改行が行われますが、HTMLのbrを文章の改行したい部分 […]
会員登録後、有料プランで広告を非表示に
詳しくはこちら
WordPressのカスタム投稿を使用したかったので自作して表示してみました。 カスタム投稿を自作して表示するまでに2日かかったポンコツな私ですが、時間をかけてカスタム投稿を作成し […]
ファビコン(favicon)とはfavorite iconの略でブラウザのタブや履歴、お気に入りに表示されるアイコンやスマホでサイトをホーム画面に置いたときに表示することができるア […]
普段はテキストエディター(vscode)でCSSファイルを作成するのですが、MacやWindows、iphone、ターミナルでもCSSファイルの作り方を覚えたくなりました。 CSS […]
WordPressのcategory.phpでカテゴリーページを作成する
WordPressのcategory.phpでカテゴリーページを作成すると、同じカテゴリーに属する投稿をカテゴリーの記事一覧にして表示することができるため、カテゴリー別に分かれたア […]
Basic認証の作成方法を覚えてテストサイトにアクセス制限をする
テストサイトにアクセス制限をするときのことです。 使用してるレンタルサーバーの設定でBasic認証をかけてしまえば簡単なのですが、自分でBasic認証の作成方法を覚えて実装をしたこ […]
レンタルサーバーのエックスサーバーには「アクセス制限」という設定があります。 アクセス制限の設定を活用することによって、エックスサーバーのウェブサーバーに保存しているHTMLファイ […]
「ブログリーダー」を活用して、しゅうさんをフォローしませんか？
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。
HTMLで文章を任意の位置で改行したい場合にはbrタグを使用します。 文章だけでは、その文章を囲んでいる要素に合わせて自動で改行が行われますが、HTMLのbrを文章の改行したい部分 […]
今回はgulpのbrowser-syncを設定することで、ejsとsassからHTMLとCSSにコンパイルしたファイルを自動リロードしてプレビューできるようにしたコードを書き記した […]
GulpでSassのSCSSをCSSにコンパイルできるようにするための環境構築を簡単にまとめました。 コンパイル環境構築の目的は、Gulpでscssをcssにコンパイルしたcssフ […]
GulpでEJSからHTMLにコンパイルできるようにするための環境構築を練習してみたときのことをメモがてらまとめました。 ejsファイルを修正してコンパイルしたhtmlファイルを、 […]
円弧のデザインにした要素を作成したかったのでCSSのborder-radiusを使用して表現してみました。 CSSで円弧にした要素を作成してやりたかったことは、以下の画像のように背 […]
WordPressと静的サイトを共存させてみたときのやり方についてです。 「共存させてみる」とかカッコつけて言ってますが、WordPressをインストールしているフォルダと同じ階層 […]
WordPressと静的サイトを共存させてみたときのやり方についてです。 「共存させてみる」とかカッコつけて言ってますが、WordPressをインストールしているフォルダと同じ階層 […]
ウェブサイト製作の勉強で作成したHTMLファイルやCSSファイル、画像などのフォルダがローカルに溜まってきたのでGitHubで管理することにしました。 コマンドでローカルのファイル […]
WordPressのesc_urlでURLをエスケープ処理するときに必要な知識としてesc_urlのパラメータと簡単なesc_urlの使用例。そしてesc_urlが関数の内部でどの […]
CSSのFlexboxでレイアウトを組むときflex-wrap: wrapで折り返しを行い、フレックスコンテナ(親要素)内部のフレックスアイテム(子要素)の配置をjustify-c […]
WordPressのesc_htmlはHTMLをエスケープ処理するときに使用するWordPressで用意されている関数です。 esc_htmlを使用するクセが付いていなかったのでH […]
HTMLのaタグにメールアドレスをリンクするとメールリンクになり、クリックした場合には使用しているメーラーが開いてメール送信ができるようになります。 aタグでメールアドレスをリンク […]
HTMLのaタグにメールアドレスをリンクするとメールリンクになり、クリックした場合には使用しているメーラーが開いてメール送信ができるようになります。 aタグでメールアドレスをリンク […]
HTMLのtable要素でth、tdをマークアップしたテーブルをCSSで横並びから縦並びのレイアウトに切り替える記述を記事にまとめました。 CSSでテーブルを横並びから縦並びに切り […]
HTMLのbrタグで改行した部分をCSSで非表示にするやり方と使用例を紹介します。 brタグをCSSで非表示にするやり方については細かい説明が必要ないくらい簡単です。 […]
WordPressでは404.phpのテンプレートファイルを作成してテーマフォルダに設置すると、存在しないページにアクセスがあった場合には404エラーページとして404.phpに記 […]
HTMLとCSSでポップアップを表示する作り方を説明します。 ウェブサイトでのポップアップはボタンをクリックしたときに、最初は隠れていたコンテンツがボタンに連動して表示される動作の […]
最近になって知ったのですがHTMLのaタグは電話がかけられるリンクを作成することができるのです。 HTMLのaタグで何かしらのウェブページをリンクするときにはhref属性の値にペー […]
最近までWordPressのテキストエディタにはstyle属性でCSSを記述することしかできないと思い込んでいましたが、styleタグでCSSを記述することができることを今さら知り […]
CSSで見出しに下線を表示するときにはborder-bottomを使うことが多いですが、見出しのhタグにborder-bottomを適用すると下線の長さが見出し幅でしか調整できない […]
HTMLで文章を任意の位置で改行したい場合にはbrタグを使用します。 文章だけでは、その文章を囲んでいる要素に合わせて自動で改行が行われますが、HTMLのbrを文章の改行したい部分 […]
