※申し訳ありませんが作業は必ずバックアップの上、自己責任で行って下さい。

AFFINGER4 FAQ 不具合情報

AMPでブログ風カードのレイアウトが崩れる(AFFINGER4ver20170227)

投稿日:

※当内容の修正版は会員サイトにて公開済みです

地味にサイドバーでのブログ風ショートコードの調整をしたせいでAMPでブログ風カードのレイアウトが崩れてしまっているとご指摘頂きました。

原因は「外観」>「funcitons.php」の

if ( ! function_exists( 'st_cardsc_func' ) ) {
	function st_cardsc_func( $arg, $content = '' ) {
		$atts = shortcode_atts(
			array(
				'id' => '0',
			),
			$arg
		);

		$post_id    = (int) $atts['id'];
		$post_query = new WP_Query( array(
			'p'              => $post_id,
			'post_type' => 'any',
			'posts_per_page' => 1,
		) );

		if ( ! $post_query->have_posts() ) {
			return '';
		}

		$html = '';

		while ( $post_query->have_posts() ) {
			$post_query->the_post();

			ob_start();

			?>
			<div class="kanren st-cardbox">
				<dl class="clearfix">
					<dt><a href="<?php the_permalink() ?>">
							<?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
								<?php the_post_thumbnail( array( 100, 100 ) ); ?>
							<?php else: // サムネイルを持っていないときの処理 ?>
								<?php if ( trim( $GLOBALS['stdata97'] ) !== '' ) { ?>
									<img src="<?php echo esc_url( ( $GLOBALS['stdata97'] ) ); ?>" alt="no image" title="no image" width="100" height="100" />
								<?php } else { ?>
									<img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="100" height="100" />
								<?php } ?>
							<?php endif; ?>
						</a></dt>
					<dd>
						<h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
						<?php if(!st_is_mobile()): ?>
							<div class="smanone2">
								<?php the_excerpt(); //抜粋文 ?>
							</div>
						<?php endif; ?>
						<p class="cardbox-more"><a href="<?php the_permalink(); ?>">続きを見る</a></p>
					</dd>
				</dl>
			</div>
			<?php

			$html = ob_get_clean();
		}

		wp_reset_postdata();

		return $html;
	}
}
add_shortcode( 'st-card', 'st_cardsc_func' );

<?php the_post_thumbnail( array( 100, 100 ) ); ?>

<?php the_post_thumbnail( array( 150, 150 ) ); ?>

と(100が150に)なっている為なので100に修正して頂ければと思います。

検索フォームの虫メガネのサイズ修正

検索フォームの虫メガネ画像もサイズがずれていましたので併せて修正頂ければ幸いです。

「外観」>style.css

#searchsubmit {
	border-radius: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 34px;
	z-index: 20;
}

上記に「box-sizing:border-box;」を追記

#searchsubmit {
	border-radius: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 34px;
	z-index: 20;
	box-sizing:border-box;
}

たびたび大変申し訳ありませんがご対応お願い致します。

※修正版ver20170227cは会員サイトにて公開済みです

広告が溶け込む魔法の子テーマ「JET」

大人気!

詳しく見る

便利プラグイン情報

WING WordPress プラグイン

2018/6/16

外部URLのコピペでブログカードをサムネイル付きで表示するWordPressプラグイン

URLを指定するだけでブログカード風のリンクにします。 外部のサイトも自動スクリーンショットによりサムネイル表示が可能です。 【サンプル例】 プラグインの使い方と注意事項 インストール ダウンロードした「st_card_url_file.zip」を一度だけ解凍して、中の「st-card-ex.zip」をZipファイルのままWordPressの「プラグイン」>「新規追加」よりアップロードして有効化して下さい。 テーマ設定 プラグインを有効化するとエディタに新しく「カードURL」というボタンが追加されます 任 ...

ReadMore

WING WordPress プラグイン

2018/6/16

投稿ごとに記事をバックアップ(エクスポート)できるWordPressプラグイン

シカ子あ~!前の文章の方が良かった!! ブログやアフィリエイトで反応(CVR)を見ていると、そう思うことは少なくないのではないでしょうか? ユーザーに行動を起こさせる文章はほんの少しの言い回しの変化で良くも悪くも大きく効果が変わります。そんな時に絶対に必要なのが「バックアップ」。いつでも簡単に1クリックでそれを行うことができたら、しかも「年月、時間、記事タイトル-サイト名」としてテキストファイルを残せたら凄く便利ではないでしょうか? 記事バックアップ「安心くん」はそんな想いから生まれました。 いつでも、ど ...

ReadMore

WING WordPress プラグイン

2018/6/16

記事(コンテンツ)内容を一括で置換するWordPressプラグイン

投稿画面のテキストモードの記事内容を一括置換します。gu検索フラグの正規表現にも対応。 例えばアップデートで挿入されるようになったTinyMCEAdvancedの不要なtableタグも簡単に削除でき便利です。 プラグインの使い方と注意事項 インストール ダウンロードした「st_replace_file.zip」を一度だけ解凍して、中の「st-replace-meta-box.zip」をZipファイルのままWordPressの「プラグイン」>「新規追加」よりアップロードして有効化して下さい。 専用フォームの ...

ReadMore

WING WordPress プラグイン

2018/6/16

iframe対応!SEOを配慮した遅延読込WordPressプラグイン「LasyLoadSEO」

SEOを配慮した遅延読込プラグインです。 通常のLazyLoadでは画像がスクロールされるまで表示されないため、Googleのロボットには「画像が無い」と判断されています。このプラグインでは<noscript>を付与することで遅延読込を行いつつ、画像の有無も認識させることができます。 また、iframeにも対応しているため多数のYouTube動画を貼り付けている記事などにも効果的です。 アザらんLasyLoad(遅延読込)はサイト表示速度の改善に効果があるとして人気なんだけど、Googleには ...

ReadMore

AFFINGER4 お知らせ バージョンアップ プラグイン

2017/9/23

AFFINGER4タグ管理マネージャー ver20170923アップデートのお知らせ

「AFFINGER4タグ管理マネージャー」をver20170923にアップデート致しました。ご購入済みユーザー様は無料でアップデートして頂けます。 参考AFFINGERタグ管理マネージャーについて 【主なアップデート内容】 ログ一覧で「ホスト名」が確認できるように UA(ユーザーエジェント)及びOSのother一括によるフィルタ除外の追加 ダウンロードに関する詳細は以下のページをご確認下さい。 https://on-store.net/contact/aftm-from/aftm-topics/ ※閲覧に ...

ReadMore

お知らせ バージョンアップ プラグイン

2017/9/1

「AFFINGERタグ管理マネージャー」「STINGERタグ管理プラグイン」「ABテストプラグイン」をアップデート致しました(ver20170828)

「AFFINGERタグ管理マネージャー」「STINGERタグ管理プラグイン」「ABテストプラグイン」をアップデート致しました 購入済みユーザー様のアップデート期限は平成29年9月14日までです。御注意下さいませ(商品はアップデート保証を行っておりません) ver20170828 「AFFINGERタグ管理マネージャー」「STINGERタグ管理プラグイン」 ※画像は「AFFINGERタグ管理マネージャー」 一覧の「スラッグ」のショートコード表示 IDに加えて「スラッグ」による検索の対応 他 「ABテストプラ ...

ReadMore

便利すぎるWING特製プラグインランキング

※このブログカードも「ブログカード外部URL対応プラグイン」で表示しています

第1位テンプレート管理・ランキング機能強化(クリック計測機能付き)
AFFINGERタグ管理マネージャー2(PDFマニュアル「AffiliateRUN~なぜ売れないか?」付き) - 【公式】STINGER STORE
AFFINGERタグ管理マネージャー2(好評PDFマニュアル「AffiliateRun~なぜ売れないか?」付き

使いまわしたいコードのテンプレート化、リンクの表示回数とクリック数の計測(CTR)を実現するプラグインです。AFFINGER版ではランキングを複数作成することも可能。STINGER版ではCTAデザイン

第2位テンプレート管理・ランキング機能強化(クリック計測機能なし
STINGERタグ管理プラグイン2 - 【公式】STINGER STORE
STINGERタグ管理プラグイン2

使いまわしたいコードのテンプレート化するプラグインです。AFFINGER版ではランキングを複数作成することも可能。STINGER版ではCTAデザインを作成できます。

第3位他人のサイトも簡単ブログカードリンクに!
ブログカード外部URL対応プラグイン - 【公式】STINGER STORE
ブログカード外部URL対応プラグイン

URLを指定するだけでブログカード風のリンクにします。外部のサイトも自動スクリーンショットによりサムネイル表示が可能です。

第4位たくさん画像やYouTube動画を使用したサイトにおすすめ!
LazyLoad SEO(画像・iframe遅延読み込み) - 【公式】STINGER STORE
SEOを考慮した遅延読込プラグイン「LazyLoadSEO」

SEOを配慮した遅延読込プラグインです。通常のLazyLoadでは画像がスクロールされるまで表示されないため、Googleのロボットには「画像が無い」と判断されています。このプラグインでは<noscr

第5位複数設定可能な高機能ABテストプラグイン
ABテストプラグイン - 【公式】STINGER STORE
ABテストプラグイン

作成したテンプレートやリンクをランダム(又は%指定)で表示するABテストプラグインです。「AFFINGERタグ管理マネージャー2」との併用ではCTR(クリック率)のABテストデータを取ることが出来ます

第6位「大切な記事」を1クリック保存
記事バックアップ「安心くん」 - 【公式】STINGER STORE
「記事バックアップ安心くん」

いつでも、どのタイミングでも1クリックで記事を保存します。保存前の状態も可能です。「テキストモード」のソースで保存するのでタグによる装飾も安心です。

第7位投稿内のコードを簡単に一括置換
かんたん便利「置換くん」 - 【公式】STINGER STORE
「かんたん便利!置換くん」

投稿画面のテキストモードの記事内容を一括置換します。gu検索フラグの正規表現にも対応。例えばアップデートで挿入されるようになったTinyMCEAdvancedの不要なtableタグも簡単に削除でき便利

第8位カスタマイズが豊富!「ほぼ無限」の会話アイコン作成
会話ふきだしプラグイン - 【公式】STINGER STORE
会話吹き出しプラグイン

ご確認下さい 本プラグインはWordPressテーマ「STINGER PRO」「AFFINGER4」 ...

第9位外注管理におすすめ!メッセージのやりとりや管理画面カスタマイズに
外注管理プラグイン「CHAIN」 - 【公式】STINGER STORE
外注管理プラグイン「CHAIN」 - 【公式】STINGER STORE

メッセージの通知・投稿画面のカスタマイズできるWordPressプラグイン 投稿者・寄稿者権限で外注 ...

第10位サイトの複数作成に便利な「テーマ管理」バックアップ
データ引継ぎプラグイン - 【公式】STINGER STORE
データ引継ぎプラグイン - 【公式】STINGER STORE

2018年8月31日まで!2,980円→1,980円 データ引継ぎプラグインはWordPressテー ...

-AFFINGER4, FAQ, 不具合情報

Copyright© AFFINGER(WING) , 2018 All Rights Reserved Powered by AFFINGER5.