サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 17
webst8.com
今回はCSSのグリッドレイアウト(display: grid)の使い方を解説していきます。 グリッドレイアウトを利用すると、要素を格子状に並べて自由に配置することができるので、レイアウトを組むのにとても便利です。 CSSグリッドレイアウト(display: grid)とは? Grid Layout(display: grid)は、CSSでレイアウトを組む手法の1つで、要素を格子状に並べて配置することができます。 Grid Layoutでは列数と行数をあらかじめ指定し、水平線と垂直線が交差してできたエリアにアイテムを配置していくことでレイアウトを組んでいきます。 ■(参考)列数を3、行数を4と指定し、1番左上のエリアにアイテムを配置させている例 「display: grid」が指定された要素をグリッドコンテナ、その子要素となる要素をグリッドアイテムと呼びます。
今回は、お名前.comで取得したドメインに対して、ルートドメイン(例. webst8.work)をさくらのレンタルサーバーで利用しつつ、サブドメインを別サーバー(今回はBASE)で利用するためのDNSの設定手順をご紹介します。 (※)条件の違いにより設定が異なる場合もあります。あくまでWEBST8で検証した環境での結果であること前提で読み進めてください。 今回の設定環境・前提条件 今回設定したい内容および、すでに実施済みの前提条件は下記の通り。 前提条件 お名前.comでドメイン取得済み(例として「webst8.work」とする) ルートドメイン「webst8.work」をさくらのサーバーで利用している状態(さくらのネームサーバーを設定している状態) 新たにサブドメイン「shop.webst8.work」をネットショップ用にBASEで利用する DNSレコードの設定方法・手順 今回のケースで
本記事では、ロリポップでWordPressのファイルの最大アップロードサイズを変更する方法をご紹介します。 「All in One WP Migration」を使用してWordPressサイトを引越しする際、WordPressの最大アップロードサイズの制限で上手くインポートできない時などに活用できます。 ■(参考)WordPressの最大アップロードファイルサイズ なおAll in One WP Migrationを使って別ドメインにサイトを引越しさせる方法については別記事にて解説しておりますので、こちらの記事では割愛させて頂きます。
本記事は広告が含まれる場合があります HTML target= "_blank"で使われるrel="noopener noreferrer"の意味 WordPressなどでaタグでtarget="_blank"を設定した際に、rel="noopener"またはrel="noopener noreferrer"という記述が自動で追加されていて気になった人もいるのではないでしょうか。 noopenerもnoreferrerのどちらもセキュリティ的な意味があります。なおnoreferrerがあるとリファラ取得ができないようになります。 今回は、noopennerおよびnoreferrerの意味と挙動の変化を解説します。
(※)本記事は2023年6月に更新しています。記事執筆以降で、仕様変更や機能の追加や削除などがあったり、画面が異なっている場合などもあり得ますのでご了承ください。最新の正確な情報・利用ルールは公式サイトをご確認ください。 VK Blocks / VK Block Patternsをインストールする まだVK Blocksをインストールしていない方は、はじめにVK Blocksをインストールしましょう。 「プラグイン>新規追加」を選択します。 VK Blocksを検索して、今すぐインストールします。 VK Blocksを有効化します。 以上でVK Blocksがインストール・有効化されました。続いて、VK Block Patternsをインストールしていきます。 先程と同様にプラグイン>新規追加を選択します。 VK Block Patternsを検索して、今すぐインストールします。 VK B
今回はWordPressの人気バックアッププラグイン「UpdraftPlus」の使い方をご紹介します。 誤って固定ページのデータを消去してしまい元に戻したいといった場合や、何らかのエラーが発生してしまったといった場合などに「UpdraftPlus」を使ってバックアップを取っていれば、WordPressの管理画面から1クリックで前のデータを元に戻すことが出来ます。 UpdraftPlusは、バックアップと復元(リストア)の機能が1つになっていおり非常に便利なプラグインの一つです。 プラグインは便利ですがご利用の環境によっては、不具合を起こす場合もあります。本記事では特定の環境下での手順を示したものであり、本番環境下へのプラグインの導入は、バックアップを取った上自己責任で実施をお願いいたします。 バックアッププラグイン「UpdraftPlus」の特徴 Updraftplusでできること Upd
WordPressのテーマ「Lightning」のフッター部分(ページの1番下の部分)には、初期設定でコピーライトを表す英文字が入っています。 フッター部分の「Powered by WordPress with Lightning Theme & VK All in One Expansion Unit by Vektor,Inc. technology.」という文言を消したい人もいらっしゃるのではないでしょうか。 今回は、Lightning�のフッターコピーライトを追加CSSで非表示にする方法をご紹介します。 【WordPress対応】自分でホームページ・ブログを作成したいWebスクールWEBST8 Lightningフッターの2行目コピーライトを消す方法 WordPressの無料テーマ「Lightning」のフッターの2行目の「Powered by WordPress with Lig
管理画面からPHPバージョンを切り替える方法(全ドメイン共通) .htaccessを利用してドメイン・ディレクトリ毎にPHPバージョンを切り替える方法 ご利用の環境(WordPress、プラグイン、テーマ)によってはPHPのバージョンを上げることで相性問題などの不具合が発生する可能性もあります。本手順は特定の環境下での手順を示したものであり、ご利用の環境によっては本手順通りにならない場合もありますので、自己責任でお願いいたします。 PHPのバージョンを切り替える前にやっておくべき事前準備 PHPバージョンを切り替えるとサイトが正常に動かなくなったり、画面が真っ白になる不具合が起きる場合があります。 変更前のバージョンをメモしておき、もしトラブルがあったら元のバージョンに戻せるようにしておきましょう。 なお、さくらの場合スタンダードプラン以上で「ステージング機能(テストサーバー環境)」を利用
最近のブログ向けテーマでは目次機能が備わっているテーマや、JIN:Rのように開発元が作った目次プラグインも多いです。 テーマに備わっている目次ブロックで運用上問題ない場合はTOCを導入しなくてもよいでしょう。テーマに備わっている目次では機能足りないなど何らかの理由がある場合にTOCを検討すると良いでしょう。 その際、TOC+の機能と競合する場合もある(設定が必要)ので注意しましょう。 SANGOの目次ではなく他の目次プラグインをご利用いただく場合は機能が競合してしまうこともあるので「カスタマイズ→詳細設定」にて目次機能をOFFにしましょう。特にTable of Contents PlusやRich Table of Contentsとは目次のIDの連番振りで機能が競合してしまいます。 SANGO 目次ブロックより引用
注意点としては、Easy FancyBoxは、jQueryというjavascriptライブラリを利用していて、まれにご利用のテーマ・プラグインの相性で競合する・上手く動かない場合もあることにご注意ください。 ご利用のテーマやプラグインの組み合わせによっては、不具合を起こす場合もあります。すでに運用済みの本番環境で導入する場合は、事前にバックアップを取得しておく、必要に応じて検証環境を作って事前に試しておくなどして自己責任でお願いいたします。 Easy FancyBoxのインストールと初期設定 Easy FancyBoxのインストール有効化 まずは、Easy FancyBoxのインストールをしていきます。 「プラグイン>新規プラグインを追加」を選択します。 「Easy FancyBox」で検索して、表示された下記のプラグインを「今すぐインストール」します。 有効化ボタンを押下します。 以上で
WordPressには「同期パターン(旧:再利用ブロック)」という機能があり、共通で何回も使うような「定型文・テンプレート」を登録・利用することができます。 同期パターンとして一度テンプレートを作成すれば、任意の他のページでも簡単に再使用することができるので便利です。 本記事では、同期パターン(旧再利用ブロック)の使い方や編集・管理方法を解説していきます。 (※)本記事は2024年6月時点で更新した内容です。無料テーマLightningを利用した環境で説明していますが、ご利用の環境によって画面が異なる場合がありますのでご了承ください。 同期パターン(旧再利用ブロック)の基本的な使い方 【概要】同期パターンでできること WordPressにはブロックを雛形として登録・同期できる「同期パターン」があります。※以前は再利用ブロックという名称でした。 同期パターンは、記事で繰り返し使う「定型文」や
WordPressを使っていて、今までに「モデレートしてください」というメールが送られて「モデレートってなんだろう」と思った人も多いのではないでしょうあ。 「モデレートしてください」とは、『あなたのブログにコメントやトラックバック(あなたのブログにリンクを張りましたよ)が届いたので、確認・承認などの対応をしてください』という意味になります。 今回はWordPressの「モデレートしてください」の詳しい意味と、「モデレートしてください」というメール通知のON・OFF設定を説明します。 (合わせて読みたい記事)WordPressトラックバック・ピンバックとは?意味と使い方 「モデレートしてください」とはコメント・トラックバック通知のメール 「モデレートしてください」とは、『あなたのブログにコメントやトラックバック(あなたのブログにリンクを張りましたよ)が届きましたので、確認・承認などの対応をし
お問い合わせフォームでjpgやpng、pdfなどの画像ファイルを添付する機能を付けたい場合があります。 Contact Form7では、お問い合わせフォームにファイル添付機能を追加できます。 今回はお問い合わせフォームプラグイン「Contact Form 7」でファイル添付する方法をご紹介します。 Contact Form 7の使い方について 本記事では、Contact Form 7の基本的な使い方がわかっている想定で説明していきます。 Contact Form 7の基本的な使い方は「【Contact Form 7の使い方】WordPressで問い合わせフォーム作成」をご参照ください。 Contact Form7のフォームの設定をする フォームにファイル添付機能をつける まず最初にContact Form7のフォームでファイル添付機能をつけていきます。 ダッシュボードの「お問い合わせ」>「
今回はWordPress(ワードプレス)をカスタマイズしたいという方向けに、WordPressのディレクトリ・ファイル構造を説明していきます。 WordPressでは、本体バージョンアップで自動で置き換わるシステム系のファイルと、独自でカスタマイズできる(バージョンアップで置き換わらない)ファイルがあります。 WordPressのファイルを編集する際は、これらを理解した上で編集する必要がありますので覚えておきましょう。 WordPressのディレクトリ・フォルダ構成 WordPressのフォルダ・ディレクトリ構成(下図の赤枠の部分)について説明していきます。 WordPressをインストールすると、インストールディレクトリ内に「wp-admin」「wp-content」「wp-includes」 の3つのフォルダを中心に、各種ファイル類が設置されます。 このWordPressのディレクトリ
WordPressでは、WP Membersというプラグインを利用することで簡単な会員登録サイトを作ることができます。 WP Membersは、WordPressの持つユーザー管理の仕組みを強化して、ユーザーの登録やログインの仕組みを提供するプラグインになります。 今回はWordPressで簡単に会員サイトを作成することができる、「WP-Members」というプラグインの使い方を紹介します。 ※本記事では、WordPress6.6.1、WP Members3.4.9.5の環境下の操作画面になります。 プラグインは便利ですがご利用のテーマやプラグインの組み合わせによっては競合して、不具合を起こす場合もあります。 特に今回ご紹介する会員サイト化などの大きな機能をもつプラグインは、既存のサイトにいきなり導入すると不具合が起こる原因になりかねませんので、まずはテスト環境での導入を行ってください。
本記事は広告が含まれる場合があります WordPress 【Custom Post Type UIの使い方】カスタム投稿作成プラグインCPT UI 今回はWordPressのカスタム投稿・カスタムタクソノミー(カスタム分類)を作成できるプラグイン「Custom Post Type UI」の使い方をご紹介します。 「Custom Post Type UI」を使えば、初心者でも簡単に「カスタム投稿タイプ」や「カスタムタクソノミー」を作成できます。 これからカスタム投稿タイプやカスタムタクソノミーを使ってみよういう方は、ぜひ参考にしてください。 ■【Custom Post Type UIの使い方】カスタム投稿作成プラグインCPT UI(動画解説版) カスタム投稿・分類を作るプラグイン「Custom Post Type UI」 「Custom Post Type UI」の概要 カスタム投稿タイプや
WordPressでトップページに固定ページの中身を表示させるには、WordPress管理画面で「設定>表示設定>ホームページの表示」から設定します。 本記事では、WordPress(ワードプレス)に任意の固定ページをトップページに割り当てる方法をご紹介します。
今回は、「MAMP(マンプ)」というフリーのソフトウェアを利用して、WordPressをローカル開発環境(PC)にインストールする方法を説明します。 なお、MAMPはMacを想定したソフトウェアですが、Windowsにも対応しているため(若干機能が異なります)、Windowsユーザーでも利用することは可能です。 WordPressは通常レンタルサーバーなどの上に稼働させますが、自分のパソコン上にWordPressをインストール・稼働させてテスト環境を構築することもできます。 より簡単にWordPress構築するならLocalがおすすめ この記事ではMAMPの手順を紹介していますが、WordPressのローカル環境構築なら「Local(旧 local by flywheel)」の方がより簡単に構築できます。 Localを利用したWordPressインストール手順は「local by flyw
WordPressのバージョンをあげたら、変なエラーコードが表示されるようになってしまったり、今まで動いていた機能が動かなくなってしまい、困っている人もいるのではないでしょうか。 セキュリティ面を考えると、WordPressは通知が来たら最新バージョンにバージョンアップすることが推奨されています。 しかし、何らかの不具合が発生して、バージョンアップしたけどとりあえず前のバージョンに戻したいと思うこともあるでしょう。 ここでは、「WP Downgrade」というプラグインを利用してWordPressをダウングレードする方法と、オーソドックスなFTPを利用して古いWordPressにバージョンダウンするという、2つの方法をご紹介します。 ■WordPressダウングレード・バージョンダウン方法(動画解説) 今回ご紹介するWordPressのダウングレードのためのファイル差し替えやプラグインの設
WordPressのバージョンアップの重要性 iPhoneのiOSやアプリと同様に、WordPress本体やテーマ、プラグインも新しいバージョンが次々にリリースされています。 古いバージョンのまま放置していると、セキュリティ的なリスクも高まります。基本的にはできるだけ最新バージョンに更新しておくことが推奨されています。 たとえば、2017年の話ですが、WordPress本体の脆弱性によりWordPressの改ざん被害があり、その数は150万件超になりました。 悪用が横行しているのは、WordPressが1月26日にリリースした更新版の4.7.2で修正した脆弱性。特に深刻なREST APIの脆弱性については、2月1日まで待ってから情報が公開された。REST APIの脆弱性を悪用された場合、認証を受けないユーザーがWordPressサイトのコンテンツやページを改ざんできてしまう可能性がある。
これから初めて自分でホームページ・Webサイトを作成しようと考えた時に、まず何から手をつけたら良いかわからないという方も多いです。 ここでは自分でホームページを作りたい初心者の方向けに「独自ドメイン+レンタルサーバーにホームページを作る方法」を紹介していきます。 <PR>Google Workspaceの初回年間費用が25%OFF <ムームードメインでGoogle Workspaceが使える> ムームードメイン経由で購入するとGoogle Workspace初回料金が25%オフになります(2025年7月31日(木)23:59まで) Google Workspaceを利用するとサーバーを契約しなくても独自ドメインをgmailで利用できます。(スタンダードプラン以上では)2TBのストレージや、Gemini Advanced、Google Meet機能も強化されるため、DropboxやChatg
WordPressのパーマリンクとは固定ページ・投稿やカテゴリーなどの各ページのURLのことです。 個々のページのURLは投稿/固定ページ編集画面から設定変更できます。また、設定>パーマリンクからURLの基本構造の設定が可能です。 本記事では、WordPressのパーマリンク変更方法と注意点、おすすめのパーマリンク設定やスラッグとの違いについて説明します。 WordPressパーマリンクとはページURLのこと パーマリンクの意味と重要性 WordPressのパーマリンクとは固定ページ・投稿やカテゴリーなどの各ページのURLのことを指します。 パーマリンクとは、固定ページやブログ投稿、カテゴリー・タグアーカイブなどの永続的 (パーマネント) な URL のことです。パーマリンクは、コンテンツにリンクするための Web アドレスです。各投稿の URL は永続的で、変更されるべきではありません。
今回は、レンタルサーバーロリポップ!で403エラーが出た時の対処法として、WAF(Web Application Firewall)の無効化および除外設定のやり方をご説明します。 ■403 Error 不正なパラメーターが送信されたため、アクセスをブロックしました ■ロリポップで403エラーor保存できないエラーが出たときの対処法【WAF無効/除外設定】(動画解説版) 403Errorとはアクセス拒否のエラー WordPressの管理画面をしていると、まれにボタンを押した拍子に下記のようなエラー画面が表示されたり、保存ボタンを押してもうまく保存ができないことがあります。 (例. プラグインの設定で保存ボタンを押した時や投稿編集画面でプレビューを押した時など) ■ロリポップの403エラー画面 403 Error 不正なパラメーターが送信されたため、アクセスをブロックしました。対応方法について
まずは、「テーマ名 子テーマ」で検索してみましょう。 例. Lightningの子テーマ 公式サイトから子テーマをダウンロードします。 【STEP2】追加CSSなどテーマカスタマイザーの設定を控えておく 子テーマを有効化する前に、追加CSSなどテーマカスタマイザーの設定を控えておきましょう。 親テーマの追加CSSでCSSを記述している場合、子テーマを有効化するとCSSの記述がリセットされます。 子テーマを有効化する前に追加CSSの内容をメモ帳などにコピーしておきましょう。※子テーマに切り替えた後で再度追加CSSに貼り付けてください。 このほか、外観>カスタマイズのカスタマイザーの設定が一部リセットされることも多いので、既存の設定内容を確認しておきましょう。 カスタマイザーを色々設定している場合は「Customizer Export/Import」などのプラグインを利用してデータをエクスポー
今回は、WordPressが壊れてしまったときのために、バックアップデータからWordPressを復旧・復元する手順をご紹介します。
ここ数年のWebブラウザのセキュリティ強化などによって、個人ブログなどのWebサイトでもSSL化がほぼ必須化してきました。 エックスサーバーでは無料で独自SSL(Let's Encrypt)を利用できます。 今回は、エックスサーバーで運用しているWordPressに常時SSLを設定する方法をご説明します。 本記事の内容は、2024年5月に最終更新したものです。時期によって画面など異なる場合がありますのでご了承ください。 WordPressクイックスタートを利用した方は本作業不要です エックスサーバー契約時にWordPressクイックスタートを選択してインストールしたWordPressサイトは自動で常時SSLの設定がされているので、本作業は不要です。 基本的には、WordPressクイックスタートを利用しなかった方や二つ目のドメインに設置したWordPressサイトに対して本作業が必要になり
WordPressの初期状態は、セキュリティ的にあまり強いとは言えません。今回は有名なセキュリティ対策プラグイン「SiteGuard WP Plugin」の導入と使い方を説明しながら、セキュリティ対策を行う方法を解説していきます。 WordPressを初めてみたんですけど、なんだか他の人が勝手にログインされたらと思うと不安で・・・初心者でも簡単なセキュリティ対策できるプラグインってないんでしょうか?? 「SiteGuard WP Plugin」というプラグインがおすすめですよ。SiteGuardは、不正ログインの防止やスパムの防止など、WordPress標準状態よりもセキュリティを上げてくれます。悪意ある第三者からの攻撃を防止してくれる効果がありますのでおすすめです。
フレックスボックス(フレキシブルボックス)は、CSSの新しいレイアウト技法で、HTMLブロックを横並びにすることができます。 フレックスボックスは、display:flexで実現でき、従来のfloatよりも柔軟なレイアウトを組むことができます。 フレックスボックス display:flexの使い方 フレックスボックス(フレキシブルボックス)は、CSSの新しいレイアウト技法で、HTMLブロックを横並びにすることができます。 display:flexを設定することで、cssのflexbox(フレックスボックス)と呼ばれるレイアウトモードを使用することができます。 シンプルな使い方は下記の通り。通常縦並びになる要素ですが、親要素をdisplay:flexを設定して(フレックスコンテナにして)、子要素を横並びにすることができます。
WordPress(ワードプレス)のログインユーザー名を変更する方法をご紹介します。 既に作成したユーザー名は変更できないので、やり方としてはユーザー名変更ではなく、「新規でユーザーを追加して古いユーザーを削除する」という手順になります。 WordPressのログインユーザー名が「admin」とかになっていて、セキュリティが気になるから変更したいんですけどどうしたら良いでしょうか??
次のページ
このページを最初にブックマークしてみませんか?
『Webスクール大阪・ホームページ作成スクール教室 | WEBST8』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く