ninmaroのブログ https://ameblo.jp/ninmaro/ webのこととか日常についてぼちぼちお話しますー。 ja 2016年、ラスト100日の運勢を占おう！残り100日運勢みくじ
お久しぶりなのですニヤリ
またちょいちょい書いていきまふ。

幸先がいいw⇩


2016年残り100日運勢みくじ



おみくじを引きに行く＞ ]]> https://ameblo.jp/ninmaro/entry-12202586429.html Thu, 22 Sep 2016 21:42:56 +0900 【WordPress】ページ別にメニューを選択する方法

 


大分開けてごめんなさい(^^;

今回は前回のメニューを好きなページに表示させる方法です♪

固定ページや投稿ページの管理画面で入れたいメニューを選択する形になります！


まずは前回のメニューの設定を作りたいメニューの数してください！

  1. メニューをすべて外観→メニューで作ってください。（前回「ワードプレスメニューの基本」参照）
  2. 次にfanctions.phpに全てのメニューのテーマの位置を設定します。設定したらメニューに戻りテーマの位置を設定してください。（前回「テーマの位置に新しい場所を追加する。」参照、1,2は逆でも大丈夫です）
  3. page.phpやsingle.phpの表示したい場所に全てのメニューを設定してください（前回「新しいメニューの場所を指定する。」参照）
いま、全てのメニューが固定ページか投稿に表示されていると思います。

これをセレクトボックスで選んだメニューだけ表示させるようにします。

Advanced Custom Fieldsの導入

まずワードプレスに「Advanced Custom Fields」というプラグインを入れます。

プラグイン→新規追加で「Advanced Custom Fields」と検索してインストールしてください。

すると管理メニューに新しく「カスタムフィールド」ができていると思います。そこで新規追加です。



設定をしていきます。「サブメニュー」などわかりやすいタイトルをつけてフィールドを追加してください。

フィールド追加詳細

  • フィールドラベル…任意です。投稿や固定ページのセレクトボックスのタイトルとなるのでわかりやすい名前でお願いします。
  • フィールド名…フィールド全体の値となります。次のステップで使う値です。半角英数で入力してください。
  • フィールドタイプ…今回はセレクトボックスで。テキストにすれば好きな場所にテキストを入れたりできます♪カスタムフィールド超便利なんだよ！！
  • フィールド記入のヒント…説明をつけることができます。今回は使いません。
  • 必須か…必須にするか選べます。
  • 選択し…選択しを入れます。値 : 表示名で記入してください。（値と表示名が同じ場合値のみでいいです。値は半角英数で。次のステップで使います。）。選択しごとに改行していれてください。
  • デフォルト値…デフォルト値がある場合記入。今回は使用しません。
  • 無を許可するか…メニューがないページを作る場合「はい」で。
  • 複数の値を選択できるか…複数メニュー表示させる場合「はい」で。
  • 条件判定…今回は「いいえ」で。

位置

「投稿タイプ」「等しい」で固定ページに表示させる場合「page」、投稿の場合「single」で。

これより下の設定はデフォルトで大丈夫です。





これで保存すると投稿や固定ページの管理メニューに選択ボックスができていると思います！（「ーセレクトボックスー」はメニューなしです。）




選択ボックスの値を反映させる

ではセレクトボックスで選択したメニューを表示させます。全てのメニューの値をいれているpage.phpかsingle.phpを開きます。

メニューの値の前に

<?php if(get_post_meta($post->ID,'フィールド名',true) == 'フィールドの値'): ?>


を入力します。
フィールド名はカスタムフィールドで設定した全体のフィールド名、フィールドの値は選択しにつけた値になります。

そしてメニューの後に

<?php endif; ?>


と入力します！。

これをすべてのメニューにつけます。

つまり今回の場合

<?php if(get_post_meta($post->ID,'submenu',true) == 'service'): ?>

<?php wp_nav_menu(array(
'theme_location' => 'service',
)); ?>

<?php endif; ?>


<?php if(get_post_meta($post->ID,'submenu',true) == 'company'): ?>

<?php wp_nav_menu(array(
'theme_location' => 'company',
)); ?>

<?php endif; ?>


となります！これで好きなページにすきなメニューを表示できるようになったと思います♪


カスタムフィールドはセレクトボックス以外も使えますので応用してみてください！

予定していたメニュータイトルはなしにします（ごめんなさいー汗ちなみにcssです。）

好きな場所にメニューいっぱい作ってみてください♪

以上！ ]]> https://ameblo.jp/ninmaro/entry-12136354304.html Sun, 06 Mar 2016 20:16:11 +0900 【ブログネタ】熱、42度 熱、最高何度出たことある？ ブログネタ：熱、最高何度出たことある？ 参加中

胃腸炎で42度出ました！くらくらすぎてちょっと面白かったｗ
]]> https://ameblo.jp/ninmaro/entry-12136260266.html Sun, 06 Mar 2016 15:23:16 +0900 【Wordpress】好きなところにメニューを作る方法 ワードプレスでメニューを好きなところに作る方法をお教えします！

ワードプレスメニューの基本

はじめにワードプレスのメニューの設定方法を簡単にお教えします♪
メニューの設定は「外観」→「メニュー」からできます！（外観にメニューがない人は先でお教えします）メニューの画面は下のようになり設定は以下のようになります♪




  1. まずは新規のメニューの画面が開きますので作るメニュータイトルの名前をいれます。
  2. 「1」でメニューに項目を追加していきます。作成したページや投稿をチェックボックスで選んで「メニューに追加」でメニューに入れていきます。「カスタムリンク」でURLのリンクが使えますので、外部ページのリンクをメニューに入れることも可能です。
  3. 「2」で追加した項目の順番をドラッグで変えたり、表示名を変えることができます。
  4. 「3」のテーマの位置でメニューを表示する場所を決めます。

こんな感じで直観的に簡単にメニューを作成できます♪ワードプレスすごい！！

テーマの位置に新しい場所を追加する。


では、メニューを好きな場所に作る方法に入ります！まずはテーマの位置に新しい場所を追加します！
ワードプレスの管理画面の設定をしている「fanction.php」をいじります。

fanction.phpを開き、「register_nav_menu」という文字列を検索するなりで探してください。見つけたら

register_nav_menus( array(
'global_nav' => 'グローバルナビ（ヘッダー領域下に表示）',
'footer_nav' => 'プライマリーナビ（ヘッダー・フッター領域に表示）',
));

か

register_nav_menu('global_nav', 'グローバルナビ（ヘッダー領域下に表示）');
register_nav_menu('footer_nav', 'プライマリーナビ（ヘッダー・フッター領域に表示）');

のような形で書かれていると思います。これがメニューのテーマの位置を管理している文です。
これは

'値（絶対半角）' => '表示名',

となっています。新しい場所を追加するには、これを1つ増やせば大丈夫です。つまりサイドバーを作るときは

register_nav_menus( array(
'global_nav' => 'グローバルナビ（ヘッダー領域下に表示）',
'footer_nav' => 'プライマリーナビ（ヘッダー・フッター領域に表示）',
'side_nav' => 'サイドバー',
));

と書けば大丈夫です！（値（半角）、表示名は任意です）

もう１つのパターンの場合は

register_nav_menu('global_nav', 'グローバルナビ（ヘッダー領域下に表示）');
register_nav_menu('footer_nav', 'プライマリーナビ（ヘッダー・フッター領域に表示）');
register_nav_menu('side_nav', 'サイドバー');

追加した状態でメニューの管理画面を見ると項目が増えていると思います！





ちなみに「外観」にメニューのない人も上記の文をfunctionに入れるとメニューがでてきます！

新しいメニューの場所を指定する。


新しいテーマの位置の項目を増やしても、新しいテーマの位置のメニュー表示場所を指定しないと意味がありません。
メニューを表示したい場所があるファイルを開きます。
（投稿ページにメニューを表示したい場合single.php、固定ページにメニューを表示したい場合page.phpなど）

そのファイルの表示したい場所に

<?php wp_nav_menu(array(
'theme_location' => '値（半角）',
)); ?>

を入れてください！値はテーマの位置で設定したものと一緒なので上記のサイドバーの場合は


<?php wp_nav_menu(array(
'theme_location' => 'side_nav',
)); ?>

となります！

これで自分の作ったテーマの位置をメニューに設定すると指定した好きなところにメニューが表示されるようになったと思います♪
ただこの場合同じphpが適用されている場所すべてに適用されてしまいますので、投稿なら投稿ページすべてに、固定ページなら固定ページすべてに表示されてしまっていると思います。

次は1ページ1ページでメニューを変える方法を教えますねー♪


]]> https://ameblo.jp/ninmaro/entry-12130670668.html Fri, 19 Feb 2016 23:34:23 +0900 まるぜんー。
ごめんなさい、好きな場所メニューは明日で❗️

それはそうと、長崎駅前に稀に現れる唐揚げ屋さんが現れました！
もんのすごい匂いで誘惑する塩からあげ、皮がうますぎて肉汁たっぷりでヤバイです…ラブ私の中で一番好きな唐揚げです♪

聞くと7のつく日によく出してるらしーです( ^ω^ )興味あったので色々聞くとサービスでカップから溢れる量唐揚げ入れてもらいました爆笑

まるぜんってお店ですー♪まいぷれ長崎で情報見れるらしーです( ^ω^ )


まさかの本店事務所の近くや❗️
いこw

{000BF19C-CED4-4450-BBE8-AE848ED05D32:01}


]]> https://ameblo.jp/ninmaro/entry-12129249794.html Mon, 15 Feb 2016 23:11:49 +0900 【Wordpress】固定ページ別にメニューを変える方法
お仕事でワードプレスの固定ページ別にサイドメニューを変える必要があったのでそのメモとして、今回からワードプレスで固定ページ別にメニューを変える方法を教えるです♪

こんな感じになります（赤枠内）↓




〈参考　合同会社WebJoyアクセス解析ページ、合同会社WebJoy制作のポリシー〉



メニューの切り替えは固定ページ管理画面で簡単にできるようにします↓
※セレクトボックス（デフォルト）の場合はメニューが表示されない設定です！


ちょっとワードプレスのphpをいじりますので今日は簡単にワードプレステーマphpのいじり方を紹介します！
ワードプレスのphpのいじり方ですが、テーマの編集でしてもいいのですが、phpをしくって表示が戻らないという現象をさけるために、FTPソフトを使って使用中のテーマをデスクトップなどに一旦落としていじる方法をお勧めします。
そのやり方です↓

  1. WIndowsならFFFTP、macなら FileZillaなどのFTPソフトを準備。ネットからダウンロードする。
  2. FTPソフトを使用しFTP情報などを入力して自分のサーバーに接続。
  3. ワードプレスを入れているドメインフォルダ内にあるwp-content→themesフォルダの中の使用中テーマフォルダをデスクトップなどにダウンロード。
  4. テーマフォルダを複製してphpをいじる前のテーマフォルダを残しておき、phpをいじる（phpエディタなどのフリーソフトで大丈夫です）。
  5. いじったぶんFTPソフトで同じ場所にアップロード。
    サイトを確認し、表示が真っ白になる（ホワイトアウト）などおかしくなった場合、いじる前のテーマフォルダからアップロード。

このやり方をすれば安心してphpをいじれますよ♪

次のブログからワードプレスphpをいじってすきな場所にメニューを作れるようにします！
一気に教えるのはちょっと量が多くなるので、

「固定ページ、投稿ページの好きなところにメニューをつくる方法」
「指定した固定ページにメニューを貼る方法」
「作成したメニューに見出しをつける方法」

の順番で教えるです！お楽しみにーヾ(＠°▽°＠)ﾉ

]]> https://ameblo.jp/ninmaro/entry-12127344276.html Wed, 10 Feb 2016 21:39:13 +0900 例のクレヨンしんちゃん 泣ける映画教えてブログネタ：泣ける映画教えて 参加中
あっぱれ！で泣かない人いないと思うえーん ]]> https://ameblo.jp/ninmaro/entry-12125159437.html Fri, 05 Feb 2016 00:02:37 +0900 surfaceさんでらくがき


ちょっと線がよがんでるけど、これからお絵かきしまくって慣れていくよ！！


surface報告！！
サフェペンとフォトショップの相性抜群だけど、サフェペンとイラストレーターはちょいいまいち。
ダイレクト選択ツールとかでの細かい選択がペンじゃちょっとしにくい(;^ω^)
（自分のホームページロゴ制作でめっちゃ苦戦中(^^;）
でも、マウスを繋げとけばなんとかなるです♪
]]> https://ameblo.jp/ninmaro/entry-12125142740.html Thu, 04 Feb 2016 23:15:10 +0900 2016年トレンドカラー！ 今日はデザインネタ(＝⌒▽⌒＝)
2016年のトレンドカラーについてです！！

2016年の春夏トレンドカラーは2色でローズ クォーツとセレニティが決定しました！
こんな色ですー。




＜コピペ用カラーテキスト＞

ローズ クォーツ
C:0 M:24 Y:15 K:0
R:247 G:202 B:201
#F7CAC9

セレニティ
C:46 M:23 Y:0 K:0
R:146 G:168 B:209
#92A8D1


春って感じの優しい色ですよね♪
色に困ったときに使ってもいーかも！
てことで2016年春夏トレンドカラーでした！！

（2色なので組み合わせてみた。グラデはないねｗ）






]]> https://ameblo.jp/ninmaro/entry-12124611462.html Wed, 03 Feb 2016 16:13:53 +0900 合同会社のWebJoy♪
今更ですが、我が事務所についてご紹介ー！！

私は今友達と合同会社WebJoyでホームページの制作やらdtpやらやってますー♪
我が社は特にホームページに力を入れており、SEOにも力を入れまくっております！！
まだ立ち上げて１年半もたっていないのですが、我が社のホームページは「長崎　ホームページ制作」検索ではじめの１ページ目に表示され、長崎の昔からしているホームページ制作会社をバンバン抜かしていっております！！

私も代表も日々研究・勉強で最新の技術やトレンドを取り入れながら、最高のホームページをお客様に提供するように努力しています！！

WebJoyについてくわしくはこちらー→http://d-webjoy.com

気になった方は電話やメールでお気軽にお問合せしてね♪
ということで、合同会社WebJoyをよろしくお願いしまーす♪




]]> https://ameblo.jp/ninmaro/entry-12124364286.html Tue, 02 Feb 2016 21:44:32 +0900