デザインリクエスト

番号 イメージ タイトル 画像内文字 用途とコメント 番号 イメージ タイトル 画像内文字 用途とコメント
1 ヤダのん ヤダのん ヤダのん 確定 21 麻雀中 麻雀中 取り込み中 麻雀中だから返信できない時など。麻雀牌は13枚です。
 2  I don't know  I don’t know  I don’t know 確定 22 長考 長考  長考  吹き出しはやっぱりいらないです。麻雀牌はこちらは14枚です。(捨てる前だから)既読したけど何て返すか考え中の時とか
3  oh my god  Oh my god!  Oh my god! 確定 23 麻雀しよ 麻雀しよ  麻雀しよ
 4  wow! wow  wow  24  WIN ヤッター  ヤッター、イエス 勝った、イエス、よっしゃ
 5 ふうん ふうん  ふうん  25 LOSE ❌ガックリ なし ガックリ、LOSE、
 6  うるうる  うるうる  なし  26 チョンボ チョンボ  チョンボー 参考にした画像人の失敗を笑う006
 7  お願い Please  Please♡ ちょっとどらみんの顔が太りすぎのようでした!
please
 27  ok  OK!  OK! ローラのOKをイメージ
8 今どこだのん? 今どこだのん? 今どこだのん? 28 list 〇〇のリスト 「のリスト」はブルーの太枠にブルーの太文字でお願いします。
 9  ぶすくれ ❌ぶすくれ  なし  上手く描けませんでしたが、地面にペタっと座って人差し指と人差し指をあわせています。boo 29 badnews 悲報 Bad News 同様に「悲報」はブルーの太枠にブルーの文字でお願いします。
10 マジかっ! えーっ? えーっ? 30  いいね  いいね  Good
11 ダメっ! NO NO  31  う〜ん う〜ん  う〜ん
12 キャッ! キャッ! キャッ♡キャッ☆ 32  なるほど なるほど なるほどぉ〜
13 はあ? What? What? what 33  kabechira ❌壁チラッ
14 起きてるよー はーい! はーい!  34 メンツ メンツ募集 メンツ募集
15 なんでやねん もおええわ もおええわ 35 真顔 真顔 なし
16 thankyou Thank you Thank you  36  おやすみ おやすみ おやすみ
17 ダンス 了解だのん 了解だのん これは上手く描けませんでしたが可愛く動いてる感じをだしたいです。  37 すっぴん すっぴん 今起きたのんすっぴん
18 すぐいくだのん ❌すぐ行くだのん すぐ行くだのん すぐ行くだのん  38 押忍  押忍 押忍
19 わーいわーい わーいわーい わーいわーい これも  )) こういうのを入れて 動いてる感じにしたい 39 ❌しょんぼりして地面に絵をかく
20 ぷんぷん ❌ダメよぉ〜 ダメよぉ〜 ぷんぷん、おこなど 40  doramin-formal ❌よろしくお願いします

 


class や idのいろいろな使い方

h3.subtitle・・・subtitleというクラス名がついたh3タグのみに適応

.watch-out p { text-align:center; }・・・watch-outボックスの中にあるすべてのPタグに適応

.hogehoge img {       }・・・子孫要素に適応

.hogehoge > img{       }・・・子要素のみに適応


HTML5でレスポンシブデザインへサイトリニューアル

コードのアウトライン

 

 

① 超シンプルなdoctype宣言

② 文字コードは日本語だったら、S-JIS か UTF-8 だけど、UTF-8 の方がいいみたい

③ Viewportの指定で width=device-width は「viewportの幅をデバイスのスクリーンの幅に合わせる」という意味。何も指定しないと自動的に width980で 表示される。

 

 

スタイルシートの記述


WordPressのアクションフックとフィルターフック: A guide for non-developers

そろそろ Customizr のガイドを本気で読みたいので頑張って日本語訳をしてみる(英語もウェブも初心者レベル)

まずは「hook」の意味を理解する

フックの意味

留め金、鉤、釣り針、釣る、引っ掛ける、つるすなどの意味をもつ英単語で、プログラミングでの意味は、プログラム中の特定の箇所に、利用者が独自の処理を追加できるようにする仕組み追加された処理のこと。 主に元のプログラムに対する機能追加・拡張やカスタマイズの手段として使われる。独自の処理を追加することは「フックする」という。

フック・・・独自の処理を追加できる仕組みのこと 追加された処理のこと

フックする・・・独自の処理を追加すること

The basics

ワードプレスのページはたくさんの関数やデータベースクエリ(queries)で、できています。ワードプレス&テーマがテキスト、画像、スタイルシート、その他のファイルをアウトプットし、ブラウザーがそれらをすべてまとめて翻訳し1つのウェブページを表示しているのです。

ワードプレスとCustomizrは、それらすべてのコードに「hook」を追加しているので、あなたは独自の処理を追加することが可能です。 Customizr の多くの code snippets もそれらを使ってphpで書かれています。「フック」には「Actions」と「Filters」の2種類あります。

「Actions」・・・ページを作成してるときに、ある特定のポイントでエクストラで機能性を追加できる。(do stuff)
(ウィジェットやメニューやメッセージの追加)

「Filters」・・・データをを傍受(ぼうじゅ)したり修正したりする。(change stuff)
(もう1個 CSS のクラスを挿入したり Customizr のページblockを修正したり)

* クエリ(query)・・・データベースからデータを抽出したり操作したりといった処理を行うための命令のこと。「問合せ」と訳されることもある。

Getting down to details

When Gill comes by, tell her to go to the store to get some paint. When Jack comes by bragging about how great he is, get him to say that Gill is better.

Actions

When Gill comes by, tell her to go to the store to get some paint.

 function  機能、関数
 argument 引数(ひきすう)
 execute 実行する(=run)
 set priority 優先順位を設定する
 variable  変数
 tone down  和らげる
 brag about ~  〜を自慢する
 boast  自慢する
append  追加する、添える
 string  ひも、糸、一連、ひと続き、文字列
 concatenate 鎖状につなぐ、連結する、
 disrupt 崩壊させる
swap 物 with 人 2つ以上の物を人と交換する

Sending Gill to the store to get paint might look like this in PHP:

dfg


Custom post type UI とYARPPで関連記事をカスタム投稿にも表示する方法

wordpressの関連記事を表示するプラグイン、YARPP ( Yet another related post )を追加しましたが、デフォルトだとCustom post type IU で追加したカスタム投稿タイプには関連記事が表示されないよう。(固定ページと投稿ページだけ表示できる)

 

 

どうしてもカスタム投稿タイプに関連記事を表示したかったのでやり方を調ると

 

 

 

functions.php に register_post_type を記述し、オプションに「’yarpp_support’ => true」を追加する

 

 

ということです。具体的には

 

 

1、 Custom post type UI の Manage Post Types から該当する post type の 「 Get Code 」をクリック

 

2、 表示されたコードを function.php に貼付ける

 

3、 コードの中の register_post_type の記述内に ‘yarpp_support’ => true を追記

 

 

add_action(‘init’, ‘cptui_register_my_cpt_lecture’);
function cptui_register_my_cpt_lecture() {
register_post_type(‘lecture’, array(
‘label’ => ‘麻雀教室’,
‘description’ => ”,
‘public’ => true,
‘show_ui’ => true,
‘show_in_menu’ => true,
‘capability_type’ => ‘post’,
‘map_meta_cap’ => true,
‘hierarchical’ => false,
‘rewrite’ => array(‘slug’ => ‘lecture’, ‘with_front’ => true),
‘query_var’ => true,
‘has_archive’ => true,
‘supports’ => array(‘title’,’editor’,’excerpt’,’trackbacks’,’custom-fields’,’comments’,’revisions’,’thumbnail’,’author’,’page-attributes’,’post-formats’),
‘labels’ => array (
‘name’ => ‘麻雀教室’,
‘singular_name’ => ”,
‘menu_name’ => ‘麻雀教室’,
‘add_new’ => ‘Add 麻雀教室’,
‘add_new_item’ => ‘Add New 麻雀教室’,
‘edit’ => ‘Edit’,
‘edit_item’ => ‘Edit 麻雀教室’,
‘new_item’ => ‘New 麻雀教室’,
‘view’ => ‘View 麻雀教室’,
‘view_item’ => ‘View 麻雀教室’,
‘search_items’ => ‘Search 麻雀教室’,
‘not_found’ => ‘No 麻雀教室 Found’,
‘not_found_in_trash’ => ‘No 麻雀教室 Found in Trash’,
‘parent’ => ‘Parent 麻雀教室’,
),
‘yarpp_support’ => true
) ); }

 

参考記事:Custom Post Type UIとYARPPでカスタム投稿の関連記事を表示させる方法


Yet another related post / wordpress plugin

YARPPで「タイトル」と「内容」の選択肢がグレーアウトして選択できない件

 

1 データベースのストレージエンジンを「 MyISAM 」に変更した

 

さくらインターネットのコントロールパネル

データベースの設定

ログインして該当するデータベース(左上)を選択

wp〇〇〇posts(左のサイドバー)をダブルクリックして

操作(上のバー)をクリック

テーブルオプションのストレージエンジンを「 MyISAM 」に変更(もともとは「InnoDB』だった)

*さくらインターネットの場合「InnoDB」になってるみたい

  

ダメだった!(グレーアウトのまま)

   

2 YARPPの設定を消してしまう

  

ちなみにYARPPのアンインストールもやってみたけどだめだった。

 

 

MyISAM Override check doesn’t work

It may be best to completely clear out the YARPP settings in this case. You can go to the wp_options table and delete all the options with ‘yarpp’ in the name. There should be a few.

 

 

・・・と作者が言っていたのでこれをやってみよう。

一応、英語と聞いただけでじんましんが出て呼吸困難に陥り卒倒するお前らのために訳してあげると、「これはYARPPの設定を一回消したほうがいいね。wp_optionsテーブルのなかで、name列(正確にはoption_nameという列だった)が’yarpp’から始まるレコードを全部削除してみ」ということだ。

 

 

ということでさっきの画面から

 

wp〇〇〇options(左のサイドバー)をダブルクリックして

「option_name」という列(上のバー)で並び替え

「yarpp~」で始まるレコードにチェックを入れて

「❌」ボタン(下)を押してレコードを削除

成功!(「タイトル」も「内容」も選択できるようになった)

  

参考記事:【WordPress】YARPPの関連スコア設定が選択できない場合の対処方法

  
本当たすかりました。グアバさんありがとうございました。


WordPress テーマ Customizr でカスタムポストタイプの分類が一覧表示されるページをカスタマイズするまでにやったこと

Customizrでカスタムポストタイプの分類を一覧表示するためにやったこと

 

かなり混乱したので忘れないように

 

    1. Custom post type UI で「雀士」というカスタムポストタイプをつくる
      • ポストタイプ(post type)・・・雀士(player)
      • 分類(taxonomy)・・・・・・・タイプ(type)
      • ターム・・・・・・・・・・・・女流プロ雀士・男性プロ雀士・有名人・天鳳関係・キャラクター

*タームの作成画面はメニューから分類名(タイプ)を選択するとでてくる

    1. Custom post type を使いやすくするプラグイン Advanced custom field で「雀士」というフィールドグループを作成し、player_birth , player_blood_type , player_class , player_nickname , player_image , player_blog などのフィールドを作成

 

    1. フィールドをページに表示させるために、single.php などのファイルに Advanced custom field のコードを記載しなくてはいけないのだけど、使っているテーマ「Customizr」には single.php のファイルがなかったので index.php にコードを記入。*個別記事ページのテンプレート階層の優先順位は、① single-player.php ② single.php ③ index.php

 

  1. この時点で問題が2つ① テーマがアップデートされると、書いたコードがきえてしまう② index.php にコードを書いたらちゃんと表示はされたけれど、ラベルを表示したり、テーブルの中に表示したいけど、ラベルや空のテーブルは html で書くことになるので、当然ながら他のページにもそれらが表示されてしまう。 例えば、「血液型:O型」と表示させたくても 「血液型」の部分やテーブルは関係ないページにまで表示されてしまう

子テーマをつくったら問題が解決した

    1. まずは、以前の記事で書いたように、親テーマがアップデートされても子テーマは影響を受けないので ①番目の問題は解決。具体的なやり方もこちらに記載。子テーマをつくっておけば、親テーマがアップデートされても子テーマで編集した内容は影響を受けない
  1. ②番目の他の関係ないページまでにラベルやテーブルが表示されてしまうという問題を解決するために、子テーマに single-player.php をつくり、Customizrの親テーマの custom-page.php をコピーして、そこに Advanced custom field のコードを記載。コードはいろいろな書き方が紹介されていていろいろ試したけど上手く表示されたりされなかったりで、結局はリンクしてある本家のページで紹介されているコードを書いたらうまくいった。これでカスタムポストタイプ「雀士(player)」のページだけにhtmlで書いたラベルとテーブルが表示されて、フィールドの記入があればそのページのフィールドの内容も表示されるようになった!

カスタムフィールドの分類名の一覧が表示されるページにカスタムフィールドの内容が表示されない

    1. ところがここで③つめの問題。カスタムフィールドの分類名「(例)女流プロ雀士」の一覧が表示されるページにカスタムフィールドでつくった内容が表示されない。(個別のページには表示されてるのに)アーカイブのページには通常のエディタに書いた内容だけが表示されるような仕様になっているよう
    1. そこで、子テーマに taxonomy-type.php をつくって親テーマから archive.php をコピペしようとしたけど、「Customizr」には archive.php がない。ちょっと特殊なテーマみたい。テーマをかえようかと思ったけどデザインが気にいってしまったので意地でもこのテーマで頑張ろうと「Customizr」のファイルを読めないのに読みまくって class-content-post_list.php というファイルがどうも archive.php のようなものかと class-content-post_list.php をコピペして子テーマの taxonomy-type.php に貼付けてみたら・・・・・分類名「女流プロ雀士とか」のページが消えた!
  1. 「Customizr」には、taxonomy.php も single.php もないので「Customizr」の親テーマの custom-page.php を子テーマの toxonomy-type.phpにコピペ → 子テーマの taxonomy-type.php の中にカスタムフィールド「雀士(player)」のコードを記入して、分類が一覧表示されるページ「女流プロ雀士とか」をみてみると・・・・・ちゃんとフィールドの内容も一覧表示されてたー!!やったことを整理してみると、結局同じ内容で名前の違うファイルが2つあるということか。なんかちょっと変な気はするけど(混乱)

    Customizr 子テーマの中のファイル

     

    single-player.php・・・・・親テーマの custom-page.php をコピペしてカスタムフィールド「雀士(player)」のコードを記載

    taxonomy.php・・・・・・親テーマの custom-page.php をコピペしてカスタムフィールド「雀士(player)」のコードを記載

Advanced custom field のコード記入に参考になるページ


About Customizr

Templates in Customizr

The theme uses four  templates to render the content :

    • header.php
    • index.php
    • footer.php
    • comments.php

Those templates only includes some structural HTML markup, the rest of the front end content is rendered with the action hooks defined in the classes of the parts/ folder.

As you might have noticed, Customizr does not really use the WordPress template hierarchy, but there are no restrictions to use it in your developments for example for custom post types, taxonomies, etc…