URLをコピーしました!
スキルアップを始める!

WordPress(ワードプレス)

WordPress(ワードプレス)

【WordPress】_s (アンダースコア)自作テーマのテンプレート・デモサイト作成の便利ツール

_s (アンダースコア) WordPressの自作テーマを作る時に、全く0の状態から作るのは、時間もコードの理解も膨大な時間が掛かります。 そこで、最低限必要なファイルを一気に準備…という時に役に立つテンプレート(フレームワーク)がこの_s...
WordPress(ワードプレス)

【WordPress】WEBページの表示速度を改善する方法|pagespeed insights

PageSpeed Insights PageSpeed Insightsとは、WEBページのパフォーマンスを測定するためのGoogleのオンラインサービスです。 こちらを使うと、WEBページの表示速度に関する問題や改善点をGoogle先生...
WordPress(ワードプレス)

なぜWordPress(ワードプレス)が良いのか?利用するメリット|WordPress入門

なぜWordPress(ワードプレス)が良いのか? WEBサイト作りが簡単 ひと昔前まではWebサイトを作るにはHTMLやCSSを勉強して…という流れが 一般的でしたが… WordPressを使えば簡単にWebサイトが作れます。 無料で使え...
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...
WordPress(ワードプレス)

【WordPress】dashicons-css|WordPress管理者の公式アイコンフォント

公式アイコンフォント <link rel="stylesheet" id="dashicons-css" href=" css/dashicons.min.css?ver=5.1" type="text/css" media="all"> ...
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 まずは、「functio...
WordPress(ワードプレス)

【WordPress】window._wpemojiSettingsとは?

window._wpemojiSettings wp_head();で自動挿入されるhead部分の中に「window._wpemojiSettings」というscriptが入っています。 <script type="text/javascr...
WordPress(ワードプレス)

【WordPress】ワードプレスでオリジナルテーマを自作する手順|STEP3

header.php 次に、index.phpにheader.phpを読み込ませてみます。 <?php get_header( ); ?> このように記述します。 そうすると、元々はheader.phpが存在しなかったのでwp-includ...
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のオリジナルテーマを1から作成してみたいと思います。 【環境】 ・Local by Flywheel ・Adobe Dreamweaver CC 【下準備】 まずはテーマファイル用のフォルダを作成。 wp-content ...
WordPress(ワードプレス)

【WordPressテーマ作成】「Local by Flywheel」ローカル環境での開発が簡単になる便利ツール!(自作テーマ作成)

Local by Flywheel Local by Flywheel「ローカルのWordPress開発を簡単に」 ローカル環境でWordPressテーマを編集したいな…と思っていたら便利そうなサービスに出会いましたので試してみたいと思いま...
WordPress(ワードプレス)

WordPressに拡張子SVGの画像をアップロードする2つの方法

WordPressの画像ファイルでSVGファイルをアップロード・・・ と思ってアップロードを試みても、「セキュリティ上の理由によりこのファイル形式は許可されていません。」と表示されてしまいます。 その際の対処法です。 SVG Scalabl...
WordPress(ワードプレス)

【WordPress】カスタムCSSでテーマのレイアウトを変更する方法

WordPressの外観レイアウト WordPressの外観レイアウトやデザインはテーマで設定されているので通常は変更できないようになっていますが、「追加CSS」を使用すると変更することができます。 追加CSS 「外観」>「カスタマイズ」>...
WordPress(ワードプレス)

【WordPress】トップページを「固定ページ」にしている時に記事一覧ページを作る方法

初期設定のホームページ設定 WordPressの初期設定では、トップページは「最新の投稿」という状態になっています。 記事を投稿する度に、トップページに記事が並びます。 トップページを「プロフィール」紹介ページなどで、常に固定しておきたい時...
Kindle Unlimited 会員は無料で購読できます
購読はこちら
Kindle Unlimited 会員は無料で購読できます
購読はこちら