searchカテゴリー選択
chevron_left

カテゴリーを選択しなおす

カテゴリーのご意見・ご要望はこちら
cancel
プロフィール
PROFILE

しゅうさんのプロフィール

住所
栃木県
出身
栃木県

自由文未設定

ブログタイトル
word shu press
ブログURL
https://shu-sait.com
ブログ紹介文
WordPressのサイト構築に必要なことを学んでサイト作りをしながらアウトプットで記事にしています
更新頻度(1年)

84回 / 365日(平均1.6回/週)

ブログ村参加:2018/09/15

本日のランキング(IN)
フォロー

ブログリーダー」を活用して、しゅうさんをフォローしませんか?

ハンドル名
しゅうさん
ブログタイトル
word shu press
更新頻度
84回 / 365日(平均1.6回/週)
フォロー
word shu press

しゅうさんの新着記事

1件〜30件

  • エックスサーバーでアクセス制限するBasic認証を設定する

    レンタルサーバーのエックスサーバーには「アクセス制限」という設定があります。 アクセス制限の設定を活用することによって、エックスサーバーのウェブサーバーに保存しているHTMLファイ […]

  • WordPressのウィジェットブロックエディターを無効化する

    WordPressを5.8以降にバージョンアップしてからのウィジェットブロックエディターは無効化することで旧ウィジェットの設定画面に戻すことができます。   目次 1. […]

  • CSSでNEWマークを表示するやり方

    CSSでNEWマークを表示するとブログやホームページで最新情報をユーザーに分かりやすく伝えることができます。 たとえばNEWマークが表示されていると凄く分かりやすいと思ったのは、と […]

  • HTML 複数ページで共通になる部分はインクルードする

    複数のHTMLファイルで共通になる部分はファイルを部品化したパーツとして扱いインクルードすると、修正するファイルが少なくできるので作業効率が良くなります。 サイトのヘッダー、フッタ […]

  • エックスサーバーでPHPをHTMLファイル内で使えるようにする

    エックスサーバーを使用しているウェブサイトのHTMLファイル内でPHPを使えるようにしたいときがありました。 共通パーツをPHPのincludeで読み込むようにしたいという目的があ […]

  • WordPressにサイドバーを自作して表示する

    自作しているWordPressテーマにサイドバーを表示したくなったので、サイドバーを自作して表示することにしました。 簡単にではありますが、WordPressにサイドバーを自作して […]

  • CSSのhoverをスマホにも対応させる簡単なやり方

    CSSのhoverをスマホにも対応させるやり方は「難しそうだな」と思いながら、どんなやり方があるのか調べてみると、簡単な2つのやり方があることを知りました。 忘れないうちにCSSの […]

  • CSS カスタムプロパティの使い方「定義」と「呼出」

    CSSでカスタムプロパティなるものがあることを知りました。 ウェブサイトの複数のページで同じプロパティ値を使用している場合、たとえば背景色ですが、背景色の値を修正するときには置換す […]

  • WordPress アイキャッチの「有無を判定」ない場合は代替画像を表示する

    WordPressでのことです。投稿編集画面でアイキャッチを設定していない場合は記事一覧には代替画像を表示したいというとき。     実現するには記事一覧のルー […]

  • HTMLページの目次を自動生成して表示する

    HTMLとCSSで目次を作成していたのですが、目次を使うHTMLページが多くなったときのことを考えて、目次を自動生成してHTMLページに表示したいと考えました。 javascrip […]

  • CSS transitionの使い方を覚える

    CSSのtransitionはHTMLでマークアップした要素に「カーソルを重ねる」といった動作をキッカケに、始点と終点の2点間のデザインをアニメーションで変化させることができるCS […]

  • WordPress ログイン判定をしてログイン時のみに表示する

    WordPressにログインしているユーザーのみが閲覧可能なコンテンツを表示させたい場合には、ログインしてるユーザーかどうかをチェックできるWordPress関数をPHPのif文の […]

  • HTMLファイルにSVGで四角形の図形を表示する勉強

    HTMLファイルにSVGで四角形の図形を表示する勉強をしたときのことを覚え書き程度に記事にしておくことに。 SVGについての知識がまったくない状態で勉強を始めたのですが、作りやすそ […]

  • WordPressプラグインのマーカーアニメーションをバージョンアップする

    WordPressにマーカーアニメーションの最新のプラグインファイルをインストールするだけのやり方でバージョンアップしたのですが、設定していたマーカーのセレクタが変わってしまいまし […]

  • WordPressでマーカーを作成プラグインなしのやり方

    WordPressでマーカーを記事内の文章で使用するのを目的として、プラグインなしでマーカーを作成するやり方を説明します。 マーカー自体の作成はCSSのみで作ることができるので簡単 […]

  • CSSでマーカーを作成してカラーのセットを設定する

    CSSで「基本的なマーカー」「下線のマーカー」「マーカーアニメーション」を作成しました。 文章を強調するときに蛍光ペン風のマーカーを使用したくなったのが作成の目的なのですが、作成途 […]

  • WordPressでページのURLを取得してリンクを作成する

    WordPressでページのURLを文字列で取得してから、実際にWordPressに表示してみる。そして、取得したページのURLでリンクを作成するという一連の流れを覚えることにしま […]

  • HTMLでツールチップを表示する要素を作成する

    HTMLで作成した要素内で、専門用語や略語などを分かりやすくするために、ヒントや助言などを文章で書いて分かりやすくすることがあります。 しかし作成した要素にヒントや助言を表示するス […]

  • CSS calc関数の使い方を勉強してみた

    calcはcalculationの略で「計算」や「演算」といった意味です。 CSSのcalc関数の使い方はcalculationの言葉の意味と同じく、計算式の結果をプロパティの値で […]

  • HTML timeタグの使い方を覚える

    HTMLのtimeタグの使い方があまり理解ができていなかったので勉強して覚えることにしました。 HTMLのtimeタグは「datetime属性を使用した場合」と「datetime […]

  • WordPressに投稿の更新日を表示するやり方を覚える

    WordPressに投稿の公開日を表示するやり方を覚えてから、WordPressで投稿の更新日も表示するやり方も覚えたので記事にまとめておきます。 投稿の更新日を表示するために使用 […]

  • WordPressに公開日を「表示」または「取得」する

    WordPressを使用しているサイトで記事を公開した投稿の日付を公開日として表示したい場合には、WordPressの関数で簡単に公開日を表示することができます。   t […]

  • HTMLタグをそのまま表示するためにpreタグとcodeタグ使用する

    HTMLタグをブラウザにそのまま表示したいときに、タグをHTMLファイルにそのまま記述したり貼り付けると、HTMLの開始タグと終了タグはHTMLタグとしての機能が働いてしまい表示が […]

  • WebフォントをCSSの@font-faceで表示する方法

    Webサイトに表示できるフォントはCSS2.1までは閲覧環境にインストールされているローカルフォントだけでしたが、CSS3からはサーバーに置いたフォントを読み込んで使用することがで […]

  • single.phpを作成してWordPressテーマに投稿ページを表示する

    自作しているWordPressテーマのトップページに記事一覧を表示して満足していたら、リンクからページ移動しようとしたときに、投稿ページが表示できないことに気づきました。 sing […]

  • レスポンシブデザインを確認するツールをいくつか使用してみた

    Webサイトをレスポンシブデザインにして作成するときに必ずと言っていいほど確認が必要になるレスポンシブ確認。 Chromeの検証ツールでレスポンシブデザインにしたページを確認してば […]

  • jqueryをダウンロードしてHTMLファイルに読み込む

    jqueryをこれから利用する人や、何かのjqueryプラグインをHTMLファイルに組み込むときに必要になる最初の作業「jqueryをダウンロードしてHTMLファイルに読み込む」や […]

  • CSS スマホでの縦並びをPCでは横並びに切り替える

    HTMLでマークアップした要素のレイアウトをCSSでスマホの画面では縦並びに、PCの画面では横並びに切り替えるレスポンシブデザインを練習がてら記事にしてみました。 CSSでスマホで […]

  • WordPressテーマLION MEDIAを2年使用した感想

    WordPressテーマLION MEDIAを2年使用してブログ運営をしています。正確には2年6ヶ月LION MEDIAを使用して、そろそろ3年目が近ずいてきた時期です。 LION […]

  • WordPress タイトルセパレーターを変更するやり方

    WordPressのタイトルセパレーターを変更するやり方を説明します。 使用しているWordPressテーマのfunctions.phpでタイトルを出力させてから、WordPres […]

カテゴリー一覧
商用