カテゴリー:テーマカスタマイズ系の記事一覧

RICK式アフィリエイト実践記

ポイントサイト・アンケートサイト・趣味を起点としたアフィリエイトの実践記です。

カテゴリー:テーマカスタマイズ系

「Code Snipets 」のコードを簡単に移転する方法

code_snippets

記事の概要

この記事では「Code Snipets」のコードを簡単に移転する方法を紹介します。

「Code Snipets」のコードを簡単に移転する方法

移転元の操作

手順1

WordPressの管理画面にログインします。

手順2

管理画面の左メニューの”Snipets”にカーソルを持っていき、”Manage”をクリックします。
code_snippets_move_001

手順3

エクスポートしたい項目にチェックを入れ、プルダウンを”Export”にして”適用”をクリックします。すると、エクスポートファイルが自動的にダウンロードされます。
code_snippets_move_002

移転先の操作

手順1

以下の記事を参考に移転先に「Code Snipets」をインストールします。
functions.phpを編集するなら「Code Snippets」を使うべし
記事の概要あなたはWordpressのカスタマイズをどれだけ行っていますか?WordPressのカスタマイズの方法によっては”functions.php”を編集することもあるでしょう。しかし、”functions.php”はテーマを更新すると編集した内容が消えてしまいます。テーマを更新するたびに何度も同じ内容を編集し直

手順2

管理画面の左メニューの”Snipets”にカーソルを持っていき、”Import”をクリックします。
code_snippets_move_002_1

手順3

”ファイルを選択”をクリックし、先程エクスポートしたファイルを選択します。
code_snippets_move_003

手順4

”Upload file and import”をクリックすればインポートされます。
code_snippets_move_004

まとめ

この記事では「Code Snipets」のコードを簡単に移転する方法を紹介しました。

この方法を使えば簡単に「Code Snipets」のコードを移転できます。。

クリーンな状態でWordPressを移行をしたい時にする手順の1つといえるでしょう。

WordPressのCSSやJSを編集する際は「Simple Custom CSS and JS」を使うべし

記事の概要

あなたはWordpressのカスタマイズをどれだけ行っていますか?WordPressのカスタマイズの方法によってはcssやjavascriptを編集することもあるでしょう。

しかし、直接テーマにあるものを書き換えた場合テーマを更新すると編集した内容が消えてしまいます。テーマを更新するたびに何度も同じ内容を編集し直すのは面倒ではありませんか?

この記事では、そういった悩みを解決できる「Diana Burduja」氏の「Simple Custom CSS and JS」を紹介します。

「Simple Custom CSS and JS」とは?

「Simple Custom CSS and JS」とは直接テーマを編集しなくても編集した内容を反映できるプラグインです。直接テーマを編集しないのでテーマの更新後も編集内容は保持されます。

「Simple Custom CSS and JS」の導入方法

手順1

WordPressの管理画面にログインします。

手順2

管理画面の左メニューの”プラグイン”をクリックします。
wp_plugin-001

手順3

”プラグイン”の中の”新規追加”をクリックします。
wp_plugin-002

手順4

画面右上の検索欄に”Simple Custom CSS and JS”と入力します。
simple-custom-css-and-js-001

手順5

下記画像のプラグインを探して”インストール”をクリックします。
simple-custom-css-and-js-002

手順6

”インストール”のボタンが”インストール中”を経て”有効化”ボタンに変わるので、”有効化”ボタンをクリックしたらインストールは完了です。

CSSやJavaScriptの追加方法

手順1

管理画面の左メニューの”Custom CSS & JS”をクリックします。
simple-custom-css-and-js-003

手順2

CSSを追加する場合は”Add CSS Code”、JavaScriptを追加する場合は”Add JS Code”、HTMLを追加する場合は”Add HTML Code”をクリックします。
simple-custom-css-and-js-004

手順3

コードの名前とコードの内容、そしてHTMLにどう反映しどこでリンクをするかといったことを選んだあとに”公開”をクリックします。個人的にはHTML(特にヘッダー)をあまり汚したくないので”External File”と”Footer”を選択しています。”Where in site”の項目は公開する場所に反映する位場合は”in Frontend”、管理用のページに反映する際はは”in Admin”を選択します。
simple-custom-css-and-js-005

まとめ

この記事では、テーマを直接編集せずともCSSやJSを反映できる「Simple Custom CSS and JS」を紹介しました。

テーマの更新毎にCSSやJSを編集せずに済むので非常に便利です。

あなたもこのプラグインを導入してテーマの更新毎に”function.php”を編集し直す手間を省きませんか?

functions.phpを編集するなら「Code Snippets」を使うべし

記事の概要

あなたはWordpressのカスタマイズをどれだけ行っていますか?WordPressのカスタマイズの方法によっては”functions.php”を編集することもあるでしょう。

しかし、”functions.php”はテーマを更新すると編集した内容が消えてしまいます。テーマを更新するたびに何度も同じ内容を編集し直すのは面倒ではありませんか?

この記事では、そういった悩みを解決できる「Shea Bunge」氏の「Code Snippets」を紹介します。

「Code Snippets」とは?

「Code Snippets」とは導入することで”functions.php”を編集したのと同等の効果を得られ、また、テーマを更新しても内容がリセットされないという素晴らしいプラグインです。

「Code Snippets」の導入方法

手順1

WordPressの管理画面にログインします。

手順2

管理画面の左メニューの”プラグイン”をクリックします。
wp_plugin-001

手順3

”プラグイン”の中の”新規追加”をクリックします。
wp_plugin-002

手順4

画面右上の検索欄に”Code Snippets”と入力します。
code-snippets-001

手順5

下記画像のプラグインを探して”インストール”をクリックします。
code-snippets-002

手順6

”インストール”のボタンが”インストール中”を経て”有効化”ボタンに変わるので、”有効化”ボタンをクリックしたらインストールは完了です。

「Snippets」の追加方法

手順1

管理画面の左メニューの”Snippets”をクリックします。
code-snippets-003

手順2

”Add New”をクリックします。
code-snippets-004

手順3

”Name”と”Code”を入力して”Save Changes and Activate”をクリックします。”Setting”は”Run snippet everywhere”でいいと思います。
code-snippets-005-1code-snippets-005-2

まとめ

この記事では、テーマの更新毎に”function.php”を編集し直さずに済む「Code Snippets」を紹介しました。

テーマの更新毎に”function.php”を編集せずに済むので非常に便利です。

あなたもこのプラグインを導入してテーマの更新毎に”function.php”を編集し直す手間を省きませんか?

search envelope heart star user close search-plus home clock update edit share-square chevron-left chevron-right leaf exclamation-triangle calendar comment thumb-tack link navicon aside angle-double-up angle-double-down angle-up angle-down star-half status image gallery music video category tag chat quote googleplus facebook instagram twitter rss