WordPress(ワードプレス) 【WordPress】ワードプレス自作テーマ作成#01｜ フロントページにタイトルのループを表示させる
デモサイトはこちら前回までのあらすじ以前、自作テーマを作る時に、最初に必要最低限「index.php」「style.css」この２つが必要、ということを書きました。続きです。Template Name:ファイル（今回はindex.php）の...
WordPress(ワードプレス)
WordPress(ワードプレス) 
WordPress(ワードプレス) 【WordPress】サイトの最大アップロードサイズを超過しています｜最大サイズを増やす方法
利用しているレンタルサーバーなどによっては、アップロードできるファイルの最大サイズを制限していたりします。例えば、ファイルをバックアップしてリストアする場合などはファイルサイズが上限を超える場合があるので、一時的に制限を解除してあげる必要が...
WordPress(ワードプレス) 【WordPress入門】#04レンタルサーバーを借りる編｜ロリポップ！レンタルサーバー
WordPressを始めて、ブログサイトを作りたい・・・！という時には、手始めに「レンタルサーバー」を借りる必要があります。レンタルサーバーとは？サーバーを貸し出すサービスや事業者のこと。今回は、ロリポップさんのレンタルサーバーの借り方と、...
WordPress(ワードプレス) 【WordPress】固定ページをドラッグ＆ドロップで並び順の変更が出来るようになるプラグイン｜Intuitive Custom Post Order
WordPressの固定ページの並び順変更WordPressの固定ページで、ページの並び順を変えたい時、標準では「並び順」の数字を変えることで並び方が変わります。しかし、ページの並び順の変更数が多い時、１件ずつ編集で並び順を調整するのは面倒...
WordPress(ワードプレス) 【WordPress】Japanese test data for WordPress｜デモサイト作成に便利なサンプル記事データをインポート
WordPressのデモサイトを作ろうとした時に、サンプルの記事が無い…！と思った時に使える便利なサンプル記事のデータがダウンロードできます。Japanese test data for WordPressDownload ZIP「Down...
WordPress(ワードプレス) 【WordPress】MENUのカスタムリンクを別タブ(_blank)で開く設定を追加する方法
MENUをクリックすると内部リンクになるWordPressで「カスタムリンク（外部リンク）」を設定した時。外部リンクなので別タブで表示したいが・・・標準のままだと、「別タブで表示」といった設定が無いので、全部内部リンクになってしまいます。こ...
WordPress(ワードプレス) お名前ドットコムでWordPressをインストールする方法｜RSプラン｜レンタルサーバー
お名前.comレンタルサーバーでワードプレスを始めるにはこちらお名前ドットコム（RSプラン）でワードプレスを始める手順お名前ドットコム（RSプラン）でWordPressを立ち上げるまでのステップです。手順通りに進めると約３０分程度でワードプ...
WordPress(ワードプレス) WordPressの目次を簡単自動作成するプラグイン！｜Table of Contents Plus
記事の最初のほうに、目次（Contents）のを入れたい…というときに超絶便利なプラグインがこちらです。「Table of Contents Plus」まずはプラグインを検索してインストールします。設定画面インストールして有効化をしたら、設...
WordPress(ワードプレス) 【WordPress】PHPのテーマを読み込む順番｜自作テーマ作成のファーストステップ
はじめにWordPressでオリジナルテーマを作ろうと思った時は、まずは最低限どのようなファイルが必要で、どんな順番でファイルが読み込まれるのかを知る必要があります。概観図テンプレート階層WordPress は、テンプレート階層を使用して、...
WordPress(ワードプレス) WordPressを１発で初期化したい…そんな時に便利なプラグイン！｜Advanced WordPress Reset
Advanced WordPress ResetWordPressをインストール直後の状態に戻そうと考えると、なかなか大変な作業が発生します。これをワンクリックで可能にしてくれるプラグインがこちらです。「Advanced WordPress...
WordPress(ワードプレス) 【WordPress】_s (アンダースコア)自作テーマのテンプレート・デモサイト作成の便利ツール
_s (アンダースコア)WordPressの自作テーマを作る時に、全く０の状態から作るのは、時間もコードの理解も膨大な時間が掛かります。そこで、最低限必要なファイルを一気に準備…という時に役に立つテンプレート（フレームワーク）がこの_s (...
WordPress(ワードプレス) 【WordPress】WEBページの表示速度を改善する方法｜pagespeed insights
PageSpeed InsightsPageSpeed Insightsとは、WEBページのパフォーマンスを測定するためのGoogleのオンラインサービスです。こちらを使うと、WEBページの表示速度に関する問題や改善点をGoogle先生が教...
WordPress(ワードプレス) なぜWordPress（ワードプレス）が良いのか？利用するメリット｜WordPress入門
なぜWordPress（ワードプレス）が良いのか？WEBサイト作りが簡単ひと昔前まではWebサイトを作るにはHTMLやCSSを勉強して…という流れが一般的でしたが…WordPressを使えば簡単にWebサイトが作れます。無料で使えるCMSは...
WordPress(ワードプレス) 【WordPress】「style.cssスタイルシートには有効なテーマヘッダーが含まれていません。」の対処法
有効なテーマヘッダー が含まれていませんパッケージを展開しています…テーマをインストールしています…パッケージをインストールできませんでした。「style.cssスタイルシートには有効なテーマヘッダーが含まれていません。」テーマのインストー...
WordPress(ワードプレス) 【WordPress】自作テーマ作成｜footerファイルを取得する｜
footerファイルを取得<?php get_footer();?>footer.phpファイルを取得します。このように、index.phpにphp get_footer();と入れておくと、footer.phpを読み込んで表示してくれます...
WordPress(ワードプレス) 【WordPress】自作テーマ作成｜headerファイルを取得する
headerファイルを取得<?php get_header();?>header.phpファイルを取得します。<?php get_header();?>がindex.php内にあると、内容を取得して表示させてくれます。header.phpは...
WordPress(ワードプレス) 【WordPress】dashicons-css｜WordPress管理者の公式アイコンフォント
公式アイコンフォント<link rel="stylesheet" id="dashicons-css" href="css/dashicons.min.css?ver=5.1" type="text/css" media="all">das...
WordPress(ワードプレス) 【WordPress】dns-prefetch｜自動挿入されるDNSプリフェッチコード
DNSプリフェッチコード<link rel="dns-prefetch" href="//s.w.org">DNSプリフェッチ（DNS prefetching、DNS prefetch）Webブラウザーやアプリケーションのリンク指定されたド...
WordPress(ワードプレス) 【WordPress】絵文字機能を無効化する方法｜function.php
絵文字機能を無効化前回、 wp_head(); の中にwindow._wpemojiSettingsというものが入っていることを書きました。絵文字は使わないので無効化したいと思います。functions.phpまずは、「functions....
WordPress(ワードプレス) 【WordPress】window._wpemojiSettingsとは？
window._wpemojiSettingswp_head();で自動挿入されるhead部分の中に「window._wpemojiSettings」というscriptが入っています。<script type="text/javascrip...
WordPress(ワードプレス) 【WordPress】ワードプレスでオリジナルテーマを自作する手順｜STEP3
header.php次に、index.phpにheader.phpを読み込ませてみます。<?php get_header( ); ?>このように記述します。そうすると、元々はheader.phpが存在しなかったのでwp-includes/t...
WordPress(ワードプレス) 【WordPress】ワードプレスでオリジナルテーマを自作する手順｜STEP2
自作テーマを作成前回に引き続き、WordPressの自作テーマを作成する方法をご紹介していきたいと思います。最低限必要なファイルまずは、テーマファイルに最低限必要なのは、「index.php」と「style.css」のファイルです。もし片方...
WordPress(ワードプレス) 【WordPress】投稿一覧に特定のカテゴリを表示させないようにするプラグイン｜Advanced Category Excluder
Ultimate Category Excluderこのカテゴリーは一覧に表示させたくないな・・・というときに役に立つプラグインです。「Ultimate Category Excluder」プラグインを有効化まずはプラグイン検索＞有効化しま...
WordPress(ワードプレス) 【WordPress】新エディタ「Gutenberg（グーテンベルク）」を試す！
Gutenberg（グーテンベルク）WordPress5.0から、新エディタ「Gutenberg（グーテンベルク）」が標準のエディタになりました！創造の自由、執筆の自由長年ほぼ大きな変更がなかったWordPressのレイアウトが見直されまし...
WordPress(ワードプレス) 【WordPress】テーマ＋プラグイン作成の為のローカル開発環境を準備する｜eclipese
Eclipse先日、WordPressのローカル開発環境に「Local by Flywheel」がめっちゃ便利、という話を書きましたが、IDEも扱っておきたいということでEclipseを入れてみたいと思います。Eclipseとは「イクリプス...
WordPress(ワードプレス) 【WordPress】ワードプレスで自作テーマをゼロから作成する手順STEP1下準備編
WordPressのオリジナルテーマを１から作成してみたいと思います。【環境】・Local by Flywheel・Adobe Dreamweaver CC【下準備】まずはテーマファイル用のフォルダを作成。wp-content→ theme...
WordPress(ワードプレス) 【WordPressテーマ作成】「Local by Flywheel」ローカル環境での開発が簡単になる便利ツール！（自作テーマ作成）
Local by FlywheelLocal by Flywheel「ローカルのWordPress開発を簡単に」ローカル環境でWordPressテーマを編集したいな…と思っていたら便利そうなサービスに出会いましたので試してみたいと思います。...
WordPress(ワードプレス) WordPressに拡張子SVGの画像をアップロードする２つの方法
WordPressの画像ファイルでSVGファイルをアップロード・・・と思ってアップロードを試みても、「セキュリティ上の理由によりこのファイル形式は許可されていません。」と表示されてしまいます。その際の対処法です。SVGScalable Ve...
WordPress(ワードプレス) 【WordPress】カスタムＣＳＳでテーマのレイアウトを変更する方法
WordPressの外観レイアウトWordPressの外観レイアウトやデザインはテーマで設定されているので通常は変更できないようになっていますが、「追加CSS」を使用すると変更することができます。追加CSS「外観」＞「カスタマイズ」＞「追加...
WordPress(ワードプレス) 【WordPress】トップページを「固定ページ」にしている時に記事一覧ページを作る方法
初期設定のホームページ設定WordPressの初期設定では、トップページは「最新の投稿」という状態になっています。記事を投稿する度に、トップページに記事が並びます。トップページを「プロフィール」紹介ページなどで、常に固定しておきたい時は、こ...
