スキルアップを始める!

WordPress(ワードプレス)

WordPress(ワードプレス)

お名前ドットコムでWordPressをインストールする方法|RSプラン|レンタルサーバー

お名前.comレンタルサーバーでワードプレスを始めるにはこちらお名前ドットコム(RSプラン)でワードプレスを始める手順お名前ドットコム(RSプラン)でWordPressを立ち上げるまでのステップです。手順通りに進めると約30分程度でワードプ...
WordPress(ワードプレス)

WordPressの目次を簡単自動作成するプラグイン!|Table of Contents Plus

記事の最初のほうに、目次(Contents)のを入れたい…というときに超絶便利なプラグインがこちらです。「Table of Contents Plus」まずはプラグインを検索してインストールします。設定画面インストールして有効化をしたら、設...
WordPress(ワードプレス)

【WordPress】PHPのテーマを読み込む順番|自作テーマ作成のファーストステップ

はじめにWordPressでオリジナルテーマを作ろうと思った時は、まずは最低限どのようなファイルが必要で、どんな順番でファイルが読み込まれるのかを知る必要があります。概観図テンプレート階層WordPress は、テンプレート階層を使用して、...
WordPress(ワードプレス)

WordPressを1発で初期化したい…そんな時に便利なプラグイン!|Advanced WordPress Reset

Advanced WordPress ResetWordPressをインストール直後の状態に戻そうと考えると、なかなか大変な作業が発生します。これをワンクリックで可能にしてくれるプラグインがこちらです。「Advanced WordPress...
WordPress(ワードプレス)

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

_s (アンダースコア)WordPressの自作テーマを作る時に、全く0の状態から作るのは、時間もコードの理解も膨大な時間が掛かります。そこで、最低限必要なファイルを一気に準備…という時に役に立つテンプレート(フレームワーク)がこの_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のオリジナルテーマを1から作成してみたいと思います。【環境】・Local by Flywheel・Adobe Dreamweaver CC【下準備】まずはテーマファイル用のフォルダを作成。wp-content→ theme...
WordPress(ワードプレス)

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

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

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

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

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

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

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

初期設定のホームページ設定WordPressの初期設定では、トップページは「最新の投稿」という状態になっています。記事を投稿する度に、トップページに記事が並びます。トップページを「プロフィール」紹介ページなどで、常に固定しておきたい時は、こ...
WordPress(ワードプレス)

【WordPress入門】ウィジェットの新規追加・編集方法

「外観」>「カスタマイズ」まずは「外観」>「カスタマイズ」を選択します。ウィジェット項目内から「ウィジェット」を選択します。「サイドバー」を選択します。※この「サイドバー」「コンテンツ下」という名称はこのテーマ特有の名前なので注意。並び替え...
WordPress(ワードプレス)

【WordPress入門】「メニュー」の新規作成方法

ワードプレスには、訪問者がページを開くための便利な仕組みのひとつ「メニュー」があります。カスタマイズまずは管理画面から「カスタマイズ」画面を表示します。メニューカスタマイズ > メニューメニューを新規作成メインメニュー「メニュー名」を入力し...
WordPress(ワードプレス)

【WordPress】投稿のリビジョンを削除してデータを軽くするプラグイン|Optimize Database after Deleting Revisions

WordPressで投稿の更新を押す時に出来る「リビジョン」間違えて更新してしまった時などに記事を復元できるのは便利ですが、何度も更新を押しているとデータベースが肥大化してWordPressが重くなる原因のひとつになりかねません。そんな時に...
WordPress(ワードプレス)

WordPressのアップロード画像を圧縮して最適化してくれる便利プラグイン!|WordPress高速化|EWWW Image Optimizer

Image OptimizeWordPressの動作処理が重たくなる原因のひとつとして、アップロードされている画像のサイズが大きくなってしまっているという点が挙げられるかかと思います。そんなアップロードされた画像(メディア)を一括で圧縮(最...
WordPress(ワードプレス)

【WordPress】特定日までのカウントダウンをウィジェットに追加できるプラグイン!|Milestone

↑このような感じのウィジェットを追加する方法です。まずは「Milestone」を検索します。あとはインストールして有効化するだけです!ウィジェットに「Milestone」というウィジェットが追加されます。タイトルや内容、カウントダウンの日を...
WordPress(ワードプレス)

WordPress サイトをAMP(Accelerated Mobile Pages)化!WordPress サイト向けAMP プラグイン

GoogleさんがMailやらなんやらでAMPを勧めてくるので、Googleさんがこれだけ勧めてくるのは・・・これはWordPress サイトAMP化を試した方が良いかなと思い、実践してみたいと思います。AMPとは?AMPはオープンソースの...
URLをコピーしました!