常連

注目の的

社会貢献

質問力

よく見かけるモーダルウインドウ型のナビゲーションを参考サイトを頼りに作成したのですが、
以下の記述だと、スマホで表示した時にメニューにスクロールが必用なデザインの場合、モーダルウインドウはスクロールされずに、下のコンテンツがスクロールされてしまいます。

以下の記述に付き足してスマートフォンでスムーズにスクロールできる方法はありますでしょうか。

```ここに言語を入力
<style>
#js_btn {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 2;
}
#js_nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.open #js_nav {
  display: block;
}
@media only screen and (max-width: 768px) {
  #js_nav ul li {
    margin-bottom: 200px;
  }
}
</style>
<div id="js_btn">
  <a href="#">MENU</a>
</div>
<div id="js_nav">
  <ul>
    <li><a href="#">CONCEPT</a></li>
    <li><a href="#">WORKS</a></li>
    <li><a href="#">MEMBER</a>
    <li><a href="#">ABOUT US</a></li>
    <li><a href="#">RECRUIT</a></li>
    <li><a href="#">CONTACT</a></li>
  </ul>
</div>

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script>
<script>
$(function(){
  var $body = $('body');
  $('#js_btn').on('click', function () {
      $body.toggleClass('open');
  });
  $('#js_nav').on('click', function () {
      $body.removeClass('open');
  });
});
</script>

```

モーダルウインドウ型ナビゲーションでスマホでの表示の時にスクロールできるようにしたいです。

slickというプラグインを使用してスライダーを作成しています。

デバイス幅に応じて、一度に表示される枚数を切り替えたいです。

```
$('.pickup').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 1000,
});
```
現在は```slideToshow:3．```とあるように、3枚のスライドが表示されています。
このコードがプラグインのjsファイルに既に記載されており、jQueryを利用して切り替えを行いたいと考えています。

理想は1024px以下で2枚、480px以下で1枚の表示にしたいです。



※CSSのwidthで設定しようとしたのですが反映されず、jsが初心者なものでどうして良いかわからず質問させていただきました。よろしくお願いいたします。

Slickのスライダー枚数をデバイス幅に応じて切り替えたいです

###前提
wordpressでホームページを作成しています。
問い合わせフォームの作成は「MW WP Form」というプラグインを利用しています。
問い合わせフォームは4つ作成し、1ページに4つ全てを表示させたいと思っています。

###発生している問題・エラーメッセージ
1つの固定ページに1つのフォームしか設置できないプラグインのため、それぞれの問い合わせフォームに固定ページを作成しました。

固定ページの内容を他の固定ページに表示するように記述したのですが、プラグインのショートコードがそのまま表示されてしまいます。

下記以外で何か方法があれば教えていただけると幸いです。

###該当のソースコード
<?php
$my_post = get_page_by_title ( '○○へのお問い合わせ' );
echo apply_filters ( 'the_content', $my_post -> post_content );
?>
         
<?php
$my_post = get_page_by_title ( '××へのお問い合わせ' );
echo apply_filters ( 'the_content', $my_post -> post_content );
?>
         
<?php
$my_post = get_page_by_title ( '△△へのお問い合わせ' );
echo apply_filters ( 'the_content', $my_post -> post_content );
?>
         
<?php
$my_post = get_page_by_title ( '□□へのお問い合わせ' );
echo apply_filters ( 'the_content', $my_post -> post_content );
?>

###試したこと
<?php
$page_id = 6; // 固定ページIDを入力
$content = get_page($page_id);
echo $content->post_content;
?>

こちらのコードも試しましたが、結果は同じでした。
また「Insert Pages」というプラグインも同様でした。

###補足情報(言語/FW/ツール等のバージョンなど)
wordpress ver.4.8
MW WP Form ver.3.2.1

wordpressで複数のフォームを1ページに表示したい

レスポンシブ形式のWEBサイトで、
【ヘッダーをページの途中で固定】
【ページ内リンクで飛んだ際、固定されたヘッダーの高さ分の余裕を持たせたい（リンク先がずれるのを直したい）】
です。

http://www.yumemono.net/anchor-link-shifted/
こちらのサイトを参考に、【ページの途中でヘッダーを固定】はできたのですが、
アンカーリンクで飛んだ際、ヘッダー分の高さが調整されませんでした。

JSのアンカーリンク部分をどう修正すればよいのかわからず、どなたかお教えいただけると助かります。
```JavaScript

	/*****************************************
	ナビゲーション固定
	*****************************************/
	$(window).on('scroll', function() {
		if ($(this).scrollTop() > 50) {//固定するまでの距離
			$('.header-fixed').addClass('fixed-header');
		} else {
			$('.header-fixed').removeClass('fixed-header');
		}
	});
	/*****************************************
	固定ヘッダーでアンカーリンクがずれる対策
	*****************************************/
	$(function(){
		var navLink = $('.anchor a');
		var headerHight = $('.header-fixed').outerHeight(true);
		navLink.click(function(){
			var href= $(this).attr("href");
			var target = $(href == "#" || href == "" ? 'html' : href);
			var position = target.offset().top-headerHight;
			$('body,html').animate({
				scrollTop: position
			}, 500);
			return false;
		});
	});
```
```CSS
	.header-fixed{
		width: 100%;
		z-index: 999;
	}
	.fixed-header{
		position:fixed;
		top:0;
		left:0;
		z-index:10000;
	}
	.header{
		color:#fff;
		background-color: #111;
	}
	.wrapper{
		width: 100%;
		position:relative;
	}
	.title{
		padding: 0 .5rem;
		background-color:#ccc;
	}
	.page{
		min-height: 500px;
	}
```
```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>test</title>
<link href="normalize.css" rel="stylesheet">
<script src="jquery-2.1.4.min.js"></script>

</head>
<body id="wrap">

	<div class="header-fixed">
		<div class="header">
			<div class="gNavIn">
				ヘッダー部分（レスポンシブのため高さは可変）
			</div>
		</div>
	</div>

	<div class="wrapper">
		<div class="pageContents anchor">
			<ul>
				<li><a href="#hoge1">見出し1</a></li>
				<li><a href="#hoge2">見出し2</a></li>
			</ul>
		</div>

		<div class="page" id="hoge1">
			<div class="title">見出し1</div>
			<p>見出し1の本文テキスト</p>
		</div>

		<div class="page" id="hoge2">
			<div class="title">見出し2</div>
			<p>見出し2の本文テキスト</p>
		</div>
	</div>
</body>
</html>
```

アンカーリンクがずれるのを直したい

Excel2010搭載のPCで使っていたVBAを2016搭載のPCで実行した時、結合セルのコピーがうまくいかないパターンがあります。

Book1.xlsmとBook2.xlsmを用意し、それぞれのSheet1にA1からA3までを結合したセルを用意しました。
以下のテストコードは、Book1の結合セルの値をBook2の結合セルにコピーするものです。
test1とtest2は同じことをしています。

```VBA
Sub test1()
    ThisWorkbook.Worksheets("Sheet1").Range("A1").Copy
    Workbooks("Book2.xlsm").Worksheets("Sheet1").Range("A1").PasteSpecial Paste:=xlPasteValues
End Sub

Sub test2()
    ThisWorkbook.Worksheets("Sheet1").Range("A1:A3").Copy
    Workbooks("Book2.xlsm").Worksheets("Sheet1").Range("A1:A3").PasteSpecial Paste:=xlPasteValues
End Sub

```

2016のVBAで実行した場合、Test1は結合セルの指定エラーになります。
2010で実行した場合、1と2は問題なく処理されます。

範囲を指定した方が正しく動くことは当たり前ですが、2016ではtest1のような記述ができなくなったのでしょうか？
もしくはVBAの参照設定やPCそれぞれの動作環境に原因があるのかもしれませんが、とりあえず互換性の問題かPCの問題かだけ確かめたいです。
2016をお持ちで時間のある方、上記のテストコード試してもらえませんでしょうか。

※Copyじゃなくても「Value = Value」でできるというのはわかっています。あくまで、この動作がなぜ動かないかの原因を探っています。

Excel2016でVBAを使った結合セルのコピーに関して

float解除を行わないと後続のレイアウトに影響が出ることから解除作業は必須と思ってました。
しかし、header部分の下記HTML&CSSのコード見ると解除に必要なコード（clearやclearfix）が見当たりません。後続のレイアウトも崩れること無く記述されています。

float解除が行われていない理由を教えてください。

```ここに言語を入力

    <header>
      <div class="container">
        <div class="header-title">
          <a class="header-logo" href="#home">Progate School</a>
        </div>
        <div class="header-menu">
          <ul class="header-menu-right">
            <li>
              <a href="#languages">学習言語</a>
            </li>
            <li>
              <a href="#features">特徴</a>
            </li>
            <li>
              <a href="#pricing">料金</a>
            </li>
            <li>
              <a href="#columns">コラム</a>
            </li>
            <li>
              <a href="#contact">お問い合わせ</a>
            </li>
          </ul>
        </div>
      </div>
    </header>

```


```ここに言語を入力
/*-------  ここからheader  --------*/
header {
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  line-height: 50px;
  border-bottom: 1px solid #eee;
  z-index: 10;
}

.header-title {
  float: left;
}

.header-logo {
  color: #777;
  font-weight: 700;
  font-size: 22px;
  font-family: 'Dosis', sans-serif;
}

.header-menu-right {
  float: right;
}

.header-menu-right li {
  float: left;
}

.header-menu-right a {
  font-weight: 700;
  padding-left: 20px;
}

.header-menu-right a:hover {
  color: #0dc0c0;
  transition: color .3s;
}
/*-------  ここまでheader  --------*/

```

よろしくお願い致します。

float解除が行われていない理由を教えてください。

##現状・問題点

初心者です。
レスポンシブページの修正をしています。
ページ内には画像や文章、cssで吹き出しを作成して表示している箇所があります。
画像や文章は可変しますが、吹き出し部分と画像の位置が、iPhone5～7それぞれのバージョン？によって異なります。

iPhone6と6Plusではきれいに修正し、iPhone5用でも記述しても
iPhone6の方を読み込む、もしくは逆（5の記述を6の時に読み込んでしまう、など）が発生します。


###前提・実現したいこと
0からレスポンシブサイトをコーディングしたことがないのですが、
iPhone5、6、6Plus、7、など、画面サイズが異なるデバイスの場合でも
きれいにレイアウトしたいです。
cssの記述はそれぞれのバージョンで記載はしてあるので、
メディアクエリだけ効くようにしたいです。

###該当のソースコード
```css
iPhone5の時
@media(min-width: 320px) and (max-device-width:568px) {}

iPhone6の時
@media screen and (max-width: 667px) {}

iPhone6Plusの時
@media(min-width: 414px) and (max-device-width:736px) {}

上記は検索して試して効いたものです。

```

```html
viewportは下記で設定しています。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

```

###確認方法
iPhone5、6、7
PCのChromeでの開発者ツール

cssのメディアクエリがよくわかりません。

現在、あるプロジェクトで機能追加をしております。

検索値を入力後、非同期通信でテーブルを追加する仕様です。
```html
<div id="list" class="col-md-12" style="overflow: scroll;">
        <table class="search-list>
            <tbody>
                <tr id="nonyu_tr">
                    <th nowrap style="text-align:center;">sample</th>
                </tr>
            </tbody>
        </table>
</div>
<script>
var result = で<tr><td></td></tr>を作成して以下のコードで追加しています。
$('#nonyu_tr').after(result);
</script>
```

この様に動的に追加した表のヘッダーや左のカラムを固定したいのですが、
何かご情報お持ちの方、ご教示頂ければ幸いです。

fixed-midashi.jsを使用して見たのですが、
ヘッダーの位置がずれてしまったり、表の高さが縮んだりとうまく行っておりません。
※bootstrapも使用しております。

何卒、宜しくお願い致します。

tableの固定ヘッダーに関して

トップページに特定の親カテゴリに属する子カテゴリの一覧を、カスタムフィールドを利用して表示したいです。
特定の親カテゴリに属する子カテゴリを表示することは出来たのですが、
カスタムフィールドの値をとってくることがどうしてもできません。

カスタムフィールドは、画像と、真偽のチェックボックスです。
チェックボックスにチェックが入っていれば表示するようにしたいです。

下記のコードでは、特定の親カテゴリに属する子カテゴリのタイトル一覧は表示できたのですが、どうしてもカスタムフィールドに入れた画像を表示することができません。

```ここに言語を入力
<?php
$categories = get_terms( 'category', array(
    'orderby'    => 'count',
    'hide_empty' => 0,
    'child_of' => 2,
 ) );
 
    foreach($categories as $value):
 
$cat_id = $value->ID;
$post_id = 'category_'.$cat_id; 
   
$catimg = get_field('画像',$post_id);
$img = wp_get_attachment_image_src($catimg, 'full');
?>

<div><?php echo $value->name; ?></div>
<div><a href="<?php echo get_category_link($value->term_id); ?>"><img src="<?php echo $img[0]; ?>" alt="<?php echo $value->name; ?>" /></a></div>

<?php endforeach; ?>
```
真偽のif文はカテゴリでどうやって入れれば良いのか全く分からず、とりあえず画像を表示できるようにするのが先決だと思いまだ試せておりません。

間違っている部分がお分かりになる方、教えて下さい。
よろしくお願いいたします。

wordpressでトップページに子カテゴリ一覧を表示したい

現在このような書き方をしていまして、

```css
img.frl {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width:360px;
	height:470px;
}
```

```html

・テキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト


<img src="img1/new1.jpg" alt="" class="frl">
<img src="img1/new2.jpg" alt=""class="frl">
<img src="img1/new3.jpg" alt=""class="frl">


テキストテキスト
テキストテキストテキストテキストテキスト
テキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト

<img src="img1/new4.jpeg" alt=""class="frl">

・テキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキスト


テキスト
テキストテキスト

テキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキスト

<img src="img1/new5.jpg" alt=""class="frl">
<img src="img1/new6.jpg" alt=""class="frl">
<img src="img1/new7.jpg" alt=""class="frl">

```



以下のイメージ画面のように画像を並べるにはどのように書いたらいいのでしょうか...

現状の状態が、以下のような表示になっていてまして、

![イメージ説明](b731990f1b9bf9ed9136212a7472d601.png)

これを、以下の画像のイメージのようにしたいのです。

![![イメージ説明](a72a5198f9ee1252c760eee17c5464dd.png)](e2febb218058e20509f5f550aed4c6a0.png)

イメージ画像通りの画像配置にするにはどうしたらよいのでしょう。。。？
※width、heightを指定しているのは元の画像が多き過ぎて
小さくするために使っています。

htmlでの画像の配置について

###前提・実現したいこと
お世話になります。
初めてこちらを利用させていただきます。
前任者が作成したVBAでエラーが発生する旨の報告を受けました。
エラーを解消したいのですが、当方Java,VB.netを少々かじっていた程度で、VBAに至ってはほぼ初見で理解できずにおります。

###発生している問題・エラーメッセージ
現象と致しましては、Excelファイルを開いた際に初回はエラーが出ないのですが、一度閉じて再度開くと下記のエラーが表示されます。
①Windows7 32bit/Excel2013 32bitの場合：「次の非表示モジュール内でコンパイルエラーが発生しました：メイン処理」
②Windows7 32bit/Excel2010 32bitの場合：「実行時エラー'1004' 'CutCopyMode'メソッドは失敗しました。'_Application'オブジェクト」
③Windows10 32bit/Excel2016 32bitの場合：ファイルをダブルクリック後、EXCELの起動ロゴまでは出るが立ち上がらない。
このように、Windows,Excelのバージョンでエラーの内容が異なります。

###該当のソースコード
Dim データ範囲 As Range
Dim データセル As Range
Dim 転記先範囲 As Range
Dim 転記先セル As Range
Dim データ件数 As Integer

Sub メイン()
    Application.ScreenUpdating = False
    Worksheets("売上報告書").Unprotect PASSword:=""
    Range("B4:N340").Copy Range("B4:N340")
    並べ替え
    品名コード抽出
    集計
    Worksheets("売上報告書").Protect PASSword:=""
    Application.ScreenUpdating = True
End Sub

Sub 並べ替え()
    With ThisWorkbook.Worksheets("売上報告書")
        .Range("B4").CurrentRegion.Sort Key1:=Range("B5"), Key2:=Range("D5") _
        , Header:=xlYes, MatchCase:=False, Orientation:=xlTopToBottom, SortMethod:=xlPinYin
        .Range("B5").Select
    End With
End Sub

Sub 品名コード抽出()
    With ThisWorkbook.Worksheets("品名マスタ")
        .Unprotect PASSword:=""
        With .Range("B1").CurrentRegion
            Set データ範囲 = .Offset(2).Resize(.Rows.Count - 1, 1)
        End With
        .Protect PASSword:=""
    End With
    
    With ThisWorkbook.Worksheets("売上報告書").Range("F4").CurrentRegion
        Set 転記先範囲 = .Offset(1, 4).Resize(.Rows.Count - 1, 1)
    End With
    
    For Each 転記先セル In 転記先範囲.Cells
        For Each データセル In データ範囲.Cells
            If 転記先セル.Value = データセル.Value Then
                Select Case 転記先セル.Offset(, 1).Value
                    Case 1 To 115
                        転記先セル.Offset(, -1) = データセル.Offset(, 1)
                    Case 116 To 254
                        転記先セル.Offset(, -1) = データセル.Offset(, 2)
                    Case Else
                        転記先セル.Offset(, -1) = データセル.Offset(, 3)
                End Select
                Exit For
            End If
        Next データセル
    Next 転記先セル
    
    Application.CutCopyMode = False
End Sub

Sub 集計()
    データ件数 = WorksheetFunction.CountIf(Worksheets("売上報告書").Range("M5:M340"), "<>0")
    If データ件数 > 0 Then
        With ThisWorkbook.Worksheets("売上報告書").Range("B4")
            .Resize(1 + データ件数, 13).Subtotal GroupBy:=2, Function:=xlSum, TotalList:=Array(10, 12), _
                Replace:=True, SummaryBelowData:=True
            .Activate
        End With
    Else
        MsgBox Prompt:="データがありませんよ！", Buttons:=vbExclamation, Title:="注意"
    End If
End Sub

Sub 集計解除()
    With ThisWorkbook.Worksheets("売上報告書")
        .Unprotect PASSword:=""
        .Range("B4").RemoveSubtotal
        .Protect PASSword:=""
    End With
End Sub

Sub 印刷()
    Application.ScreenUpdating = False
    データ件数 = WorksheetFunction.CountIf(Worksheets("売上報告書").Range("M5:M340"), "<>0")
    Worksheets("売上報告書").PrintOut To:=WorksheetFunction.RoundUp(データ件数 / 28, 0)
    Application.ScreenUpdating = True
End Sub

Sub データクリア()
    Application.ScreenUpdating = False
    集計解除
    With ThisWorkbook.Worksheets("売上報告書")
        .Unprotect PASSword:=""
        .Range("B5:B340,D5:L340,N5:N340").ClearContents
        .Range("B5").Select
        .Protect PASSword:=""
    End With
    Application.ScreenUpdating = True
End Sub

###試したこと
デバッグで動かしてもエラーが発生しなかったため、不要そうな部分をコメントアウトしてファイルを再度開くということを繰り返していると、1行目～4行目Range型の変数宣言でこけているということがわかりました。
Range型ではなくObject型で宣言すればエラーが発生せず正常にファイルを開くことができるのですが、なぜ動くようになったのか不明なうえ、この対処方法で良いものなのか、また問題②の'CutCopyMode'メソッドの件は放置してよいのか、といった疑問が残ります。
③の問題に関しては、エラーが表示されなくなったことでファイルを正常に開くことができるようになりました。

###補足情報(言語/FW/ツール等のバージョンなど)
長文となってしまい申し訳ございませんが、どなかご回答をよろしくお願い致します。

【VBA】Excelファイルを開いた際のエラーに関して

#やりたいこと
現在、wordpressでショップ紹介サイトを作成しようとしています。
ホットペッパーやぐるなびのようなものです。

そこで上記サイトによくある、
日本→地域→県など絞り込んで行けるものを作りたいと考えています。

プラグインなどあるのでしょうか？
それともボタンなどを使い地道に作るしかないのでしょうか？

よろしくお願い致します。

Wordpressで地域絞り込みを実装したい

2つの抽出結果をidを基にして結合したいのですがエクセルで行う方法はありますでしょうか
すいません。記述が異なっていたので修正しています。
2つの検索結果の行数が異なり、少ない方結果２に合わせて結合する形になります
結果１
|id|カテゴリ|
|:--|--:|
|001|test|
|002|pro|
|003|test|
|004|dev|

結果２
|id|人数|状態|
|:--|:--:|--:|
|001|4|stop|
|002|5|start|
|004|1|end||

期待する結合結果
|id|カテゴリ|人数|状態|
|:--|:--:|:--:|--:|
|001|test|4|stop|
|002|pro|5|start|
|004|dev|1|end|

エクセルファイルで2つの結果の片方に値がある場合同一項目に対して合わせる方法

お世話になります。
Google Analyticsでのサイト内検索キーワードについてですが、
集計結果内にて、[キーワード][XX]
のような形で[ ]にくくられるキーワードが幾つかあるのです。

ユーザーが[ ]付きの形で検索しているとは考えにくいと思い、
この[ ]が何を意味しているのか気になって
調べてみたのですが、どんな条件の場合この[ ]が
付加されるのか、記述されている記事がありませんでした。

もしご存知の方いらっしゃったら教えていただきたいと思います。
よろしくお願い致します。

![イメージ説明](e91f7df1b259dc166e31887d546d4891.png)

Google Analyticsサイト内検索KWの[ ]

###前提・実現したいこと

レスポンシブレイアウトを勉強中の初心者です。
@mediaを使ってPCとスマホの画面幅を切り替えと
背景画像を切り替える方法を試しています。
不足しているソースや背景画像の設定方法を教えて下さい。

###発生している問題・教えていただきたいこと

```
・PC画像の背景画像は横幅１００％だが、高さは３５０pxで指定
 したい場合の％ではどのような記述をしたら良いでしょうか？

・PX→％のわかりやすい算出方法を教えて下さい。

・767がPC幅としてこれからスマホの横幅350pxを加えるには、
 どのような記述をしたらいいでしょうか？

・PCの想定している背景画像サイズ 横1600PX × 縦350px
 SPの想定している背景画像サイズ 横350PX × 縦200px
```

###該当のソースコード
.cc-imagewrapper {
    display: block;
    /* height: auto!important; */
    margin: 0;
    max-width: 100%;
    text-align: center;
    width: 100%;
     height:350px!important;
}

.jtpl-header__container a img {
       width: 1030px;
    max-height: 350px!important;}
    
@media (max-width:767px)
{
    
    .cc-imagewrapper {

     height:200px!important;
}
    
}

###試したこと
現在PC用の３５０pxと指定すると、SPでも高さが３５０pxになり、
SPでは画面の高さが長く感じるので、２００px程に抑えたいです。

###補足情報(言語/FW/ツール等のバージョンなど)
こちら、WEBサービスの「jimdo」を一部をカスタマイズしているため、
バッティングする箇所がある場合は!importantを使用しています。

PC、スマホの画面幅で背景画像を切り替える方法を教えて下さい。

###実現したいこと
カスタム投稿タイプを作成しています。
そのカスタム投稿タイプを複数の値で並び替えたいです。
１つはカスタムタクソノミーの名前順、２つめはカスタムフィールドの値です。

###該当のソースコード

```
// カスタムフィールドで並び替え
function change_posts_query($query){
	if($query->is_post_type_archive('custom_post_type_slug')){
		$query->set('meta_key', 'custom_field_slug');
		$query->set('orderby', 'meta_value_num');
		$query->set('order', 'ASC');
	}
}
add_action('pre_get_posts', 'change_posts_query');
```

上記でカスタムフィールドで並び替えはできています。

カスタムタクソノミーの名前で並び替える方法と、その２つを合わせて実行する方法がわかりません。

具体的には

|カスタムタクソノミー|カスタムフィールド||
|:-----------:|:------------:|
|2017|1|
|2017|2|
|2017|3|
|2016|1|
|2016|2|

のように、タクソノミーでは降順、カスタムフィールドでは昇順で並べたいです。

ご存じでしたらよろしくお願いします。


###2017/06/02追記
同様の機能を持っているプラグインでも結構です。
利用するかどうかは別として、可能かどうかが知りたいのでよろしくお願いします。

WordPressのカスタム投稿タイプの並び順を変更したい

レスポンシブした際に、iphoneのsafariでtableのthとtdをdisplay：block;にし、width:100%;を指定しているのですが、td要素のみ画面幅いっぱいにならず、コンテンツ分しか幅出ません。
thは画面幅いっぱいになっています。
原因としてどのようなことが考えられるでしょうか。

htmlは以下のように組んでいます。
```
<table>
<tr>
<th>title</th>
<td>aaaa</td>
</tr>
<tr>
<th>title</th>
<td>aaaa</td>
</tr>
</table>
```

tableのレスポンシブ対応

window.open()メソッドで、リンクを小窓で開くようにしていました。
Google Chromと、Safariで昨日までリンクを開けていたのですが、どちらもwindow.open()が効かなくなってしまいました。
ポップアップブロックはしていません。
ボタンを押した時に、Chromだと左下にjavascript:w=setTimeout("openLink()", 100);と出ます。

```html
<a href='javascript:w=setTimeout("openLink()", 100);'><img src="Button.png" alt="ボタン" width="360" height="" style="position:absolute;top:10px;left:30px;"></a>

<script type="text/javascript">
function openLink(){
    window.open("https://www.yahoo.co.jp/", "","width=600, height=500, menubar=no, toolbar=no, scrollbars=yes");
}
</script>
```

Consoleには、
```
VM909:1 Uncaught ReferenceError: openLink is not defined
    at <anonymous>:1:1
```
と出ています。

window.open()をしても、小窓が開かなくなってしまいました。

ExcelのA列からF列までデータが入っており、

C列のC2に下記の計算式が入っています。
=IF(COUNTIF(貼り付け表!$A$2:$A$550,B2)=0,"",B2)


データが新たに追加された場合にこのC列の計算式をマクロで自動でコピーできるマクロを考えていたのですが、なかなかできずつまずいています。
表の途中に追加された場合そのデータのC列目が空白になるので、そこで、オートフィルが止まってしまう感じです。
どなたかお力をお貸しください。


宜しくお願い致します。

![イメージ説明](0dbe6c6c2aecff397450fe8b1c4e983c.jpeg)

Excel マクロで教えてください。

![イメージ説明](47655f7611c0e54d2197f02306146abe.png)
右が私の失敗作です。よろしくお願いいたします。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>Balloon Samples</title>
  <style>
  body {
    padding: 0 10px 40px;
  }
  h2 {
    font-size: 16px
    }
    .ex1 {
      width: 100px;
      height: 100px;
      background: #eee;
    }
    .ex2 {
     width: 100px;
     height: 100px;
     background: #eee;
     border-style: solid;
     border-width: 20px;
     border-color: red blue pink green;
   }
   .ex3 {
    width: 0;
    height: 0;
    background: #eee;
    border-style: solid;
    border-width: 20px;
    border-color: red blue pink green;
  }
  </style>
</head>
<body>
  <h2>ex1</h2>
  <div class="ex1"</div>
  <h2>ex2</h2>
  <div class="ex2"</div>
  <h2>ex3</h2>
  <div class="ex3"</div>
</body>
</html>

```