アドワーズ
ログイン レポート 期間指定 フィルタ で要らないの省く DL
エクセル csvを選ぶ
エクセル 開く
エクセル 並び替え その値の列選択
拡張して並び替えで
その中でどれを基準に並び替えるか選んでGO
また データ 並び替え
選択範囲を拡張するでもいける
投稿者: doggstar
マンバイメニュー 覚えメモ
あとでまとめろ
背景透明
http://qiita.com/mikuhonda/items/99a7a8acdb2921860ce0
jQuery+CSS3でスクロールするとアニメーションして狭くなる固定ナビゲーション
http://www.webopixel.net/javascript/1037.html
ポイントは
ボディーにして
<script>
(function($) {
$(function() {
var $header = $('body');
$(window).scroll(function() {
if ($(window).scrollTop() > 70) {
$header.addClass('fixed');
} else {
$header.removeClass('fixed');
}
});
});
})(jQuery);
</script>
<header id="top-head">
そいつにcssで調整これだけじゃないかも
/*transition*/
#top-head,#head_rogo img,#heder_right
{
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
#top-head {
}
.fixed #top-head {
position: fixed;
top:0px;
padding-top: 0px;
background-color: rgba(255,231,55,0.9);
z-index:10000000000;
width:100%;
height:70px;
}
.fixed{#header_color { display:none}
/*#d_header_all,#header_width,#d_header_in,*/
#head_rogo img{height:70px;
padding-bottom:5px!important}
#top_caro{ margin-top:246px;}
#heder_right{padding-top:33px!important}
}
#head_rogo img{ height:200px;}
そんでブートも調整
#head_rogo img{ height: auto}
@media (max-width: 640px) {
#heder_right3{
padding-top:0!important;
}
.fixed #heder_right3{ padding-top:12px!important}
#main_contents_top_fade, .viewer, .viewer ul, .viewer ul li{ height: 390px}
}
@media (max-width: 480px) {
#heder_right3{
margin-top:-6px;
}
.fixed #heder_right3{ padding-top:19px!important;}
#main_contents_top_fade, .viewer, .viewer ul, .viewer ul li{ height: 290px}
}
@media (max-width: 320px) {
#heder_right3{
}
.fixed #heder_right3{ padding-top:24px;}
#main_contents_top_fade, .viewer, .viewer ul, .viewer ul li{ height: 200px}
}
boxレイアウト flexbox
<script src="<?php echo get_stylesheet_directory_uri(); //flexbox?>/d/js/flexibility.js"></script>
<div class="frex_box"> 要素 要素 要素 </div>
less
/*フレキシブル 高さ揃える*/
.frex{
-js-display: flex;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.frex_box{ width:100%;
.frex;
justify-content: flex-start;
flex-wrap:wrap}
ブートcss モバイル
.frex_box{ max-width:300px; margin-left:auto; margin-right:auto}
http://liginc.co.jp/web/html-css/css/21024
画像と文字を中心揃え
imgはインライン要素だから
ダメな奴
/*css*/
.anago{
vertical-align:middle;/*middleは中央揃え*/
}
いいやつ
/*css*/
.anago img{
vertical-align:middle;
}
その他参考
http://teamsanta.info/web/2399/
ie8 対応 画像 縦のび backgroundSize
縦伸びは
max-width:〜; width:auto; /* ie8 */
とする
backgroundSizeが使えない点は
そうしても対応できなかった
スライダーで
ただリビングみたら
画像サイズは小さかった
１１００
<!--[if lt IE 8]> <div class="ie_viewer"> <![endif]--> <!--[if (gte IE 9) |!(IE)]><!--> <div class="viewer"> <!--<![endif]-->
こう書くと分岐できるよいうだが めんどいのでやめ
xserver ssh ドメイン設定でのポイント
sshでは
たまにimacに戻ってる時がある
ワードプレスでtopページが表示されない場合
index.htmlが存在している疑いがあるので 消す！
SimpLESS 設定ファイル
/Users/doggstar/Library/Application Support/Titanium/appdata/com.wearekiss.simpless
更新して
/Users/doggstar/Library/Application Support/
内 lessで検索 更新順？変更順で発見
※simplessはファイルがなかったり プラグイン less css一覧画面に なかったりすると 更新できなくなるよ
flexbox
<script src="<?php echo get_stylesheet_directory_uri(); //flexbox?>/d/js/flexibility.js"></script>
.container {
-js-display: flex;
display: flex;
align-contents: stretch;
}
具体
.before_after_box{
-js-display: flex;
display: flex;
http://www.webcreatorbox.com/tech/ie8-flexbox/
http://www.webcreatorbox.com/tech/flexbox/
http://cosao.net/archives/8246
ワイドレスポンシブスライダのポイント
細かいのはソースを見てくれハウジング
ポイントは
画像は背景に設定
（ここは
align-items: center;
でいけたかも
あとは
画像を中心にしておおきくするにはなんとなくありだけど
文字がでかくなりすぎるので
小さくしなきゃいかんが
それじゃちいさすぎるで
もじだけうえからpngで重ねた
そんでmax-widhを設定してそれ以上おおきくせず
中心アプソルトで
ひだり3%でOK
/*追記文字 大きくなり過ぎないように*/
.sl_moji{max-width:1000px;
position:absolute;
top: 0;
left: 3%;
bottom:0;
margin: auto;}
/*ここだけ*/
<div class="viewer"> <ul> <li class="sl3"> <!--*追記文字 大きくなり過ぎないように*--> <img src="<?php echo get_stylesheet_directory_uri(); ?>/d/img/top-test4.png" alt="エクステリア工事<?php include(get_stylesheet_directory() . "/d/word/5_shop_name.php") ?>｜スライド画像１" class="sl_moji"/> <!----> <img src="<?php echo get_stylesheet_directory_uri(); ?>/d/img/sl_0.png" alt="エクステリア工事<?php include(get_stylesheet_directory() . "/d/word/5_shop_name.php") ?>｜スライド画像１" class="respo_img" /> </li>
保護中: nhk
WordPress Popular Posts ライフで作成
うち山から引用
まずウィジェット
ファンク追加
//サイドバー使える様にする
if ( function_exists('register_sidebar') )
register_sidebar();
register_sidebar(2);
ウィジェット
ポイントは
posted on|とかでるので
Stats
は表示せず
直接テンプレに書く
<h3 class="widgettitle"></div>
<div class="popular_one">
<div class="popular_sam">{thumb} </div>
<div class="wpp-views popular_date">{views} views</div >
<div class="popular_date">{date}</div>
<div class="popular_title">{title}</div>
</div>
サイドバーに
<?php dynamic_sidebar(2);?>
cssは既存のうちのやつを改造
メイン
.popular-posts{}
.popular_one{
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
clear: both;
overflow: hidden;
}
.popular_sam{
float: left;
}
.popular_sam img{
float: left;
background-color: #FFF;
padding: 1px;
border: 1px solid #CCC;
margin-right: 12px;
width:120px;
height:120px
}
.popular_date{
font-size: 12px;
}
.popular_title{
font-size: 16px;
}
.wpp-views{
color: #FF7737;
}
window.matchMediaでウインドウサイズでJSを読み込み変える
※ただまだいっこしか読み込ませ変えられませんから。
熟読しな！
ついに出来た、というか判明
上記window.matchMediaは
リロードすると変わることが判明
つまり 読み込み直せば その処理がみれる。
リアルにウインドウサイズの拡大縮小で変更したい場合は
addListenerで対応するらしいがながくなるので未処理
最後にメモします
まずは
window.matchMedia
<script type="text/javascript">
jQuery(document).ready(function($) {
//PC環境の場合
if (window.matchMedia( '(min-width: 768px)' ).matches) {
$.ajax({
url: '<?php echo get_stylesheet_directory_uri(); ?>/d/js/side-fixed-comment.js',
dataType: 'script',
cache: false
});
//モバイル環境の場合
} else {
$.ajax({
url: '',
dataType: 'script',
cache: false
});
};
});
</script>
そもそもそんあ処理が必要なのは
ひっついてくるサイドバーの処理が
モバイルで効くと
モバイルはサイドバーは＠メディアでcssを変更して
デザインを変えているので
処理がダブって不都合なため
ウインドウサイズが狭まった場合 つまりスマホでは ひっつくサイドバーを実行させたくない。
そのため
上記処理
裏話では
実際読み込ますJSを変更するこーどなため
直接jsの最後に
実際の処理を書き込んだ
/*ウインドウサイズでスプリクトを読み込ますか分岐しているので（window.matchMediaで）そのためこのJSの最後に無理やり処理を追加
下記は レスポンシブで
ひっつきサイドバーを維持するための処理*/
$(window).on('load resize', function(){
var w = ($(window).width() -56) * 0.24 ;
$('#d_sidenavi_in').width(w);
});
こんな感じ
そんで ウインドウリロードで実行が変わるので
デザインの確認もし安い
リアルタイムに変更したい場合は
http://memocarilog.info/jquery/6500#sample
このページを理解して組み込めばできなくはなさそうだが。。
古いブラウザ位のばあい
<script src="matchMedia.js"></script> <script src="matchMedia.addListener.js"></script>
こいつが必要らしい。
<h1>jQuery - matchMedia.matches</h1>
<p id="test1">matchMedia で表示を変える。</p>
<hr>
<h1>JavaScript - matchMedia.matches</h1>
<p id="test2">matchMedia で表示を変える。</p>
<hr>
<h1>JavaScript - matchMedia.addListener</h1>
<p id="test3">matchMedia で表示を変える。</p>
<script src="matchMedia.js"></script>
<script src="matchMedia.addListener.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
// jQuery - matchMedia.matches ========================
$(function(){
if(window.matchMedia('(max-width:2000px)').matches) $('#test1').text('2000px以下です。') ;
$(window).on('resize', function() {
if(window.matchMedia('(max-width:800px)').matches) {
$('#test1').text('モバイルサイズ時(800px以下)です。') ;
} else {
$('#test1').text('PCサイズ時(800px以上)です。') ;
}
});
});
// JavaScript - matchMedia.matches ========================
window.addEventListener('load', function(){
if (window.matchMedia("(max-width:2000px)").matches){
document.getElementById("test2").innerHTML = "2000px以下です。";
}
}, false);
window.addEventListener('resize', function(){
if (window.matchMedia("(max-width:800px)").matches) {
document.getElementById("test2").innerHTML = "モバイルサイズ時(800px以下)です。";
} else {
document.getElementById("test2").innerHTML = "PCサイズ時(800px以上)です。";
}
}, false);
// JavaScript - matchMedia.addListener ========================
window.matchMedia("(max-width:800px)").addListener( myFunc );
function myFunc(){
document.getElementById("test3").innerHTML = "モバイルサイズ時(800px以下)です。";
if (window.matchMedia("(min-width:800px)").matches) {
document.getElementById("test3").innerHTML = "PCサイズ時(800px以上)です。";
}
}
</script>
youtube レスポンシブ
.youtube2 {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube2 iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
<div class="youtube"> <iframe width="853" height="480" src="//www.youtube.com/embed/d6SSnbVCmEg" frameborder="0" allowfullscreen></iframe> </div>
コンテンツ幅以上指定
参考
https://h2ham.net/youtube-responsive
料金表 プラグイン
Easy Pricing Tables
http://design-plus1.com/tcd-w/2016/03/easypricingtables.html
参考
ローカルサイトがうまくいかない場合はv-hostの調子が悪いことが多い ちゃんと書いてあっても
今回 いや 前もあった気が、、
とにかくうまく行ってるやつ全てコピペして
変えたのに
うまくイカず
ファイルパスのみ
違うのからこぴぺしたら
違うサイトひらいたので
フォルダ変えたらいけた
改行とか
スペースとかおかしかったのかな。。
明朝体を使う
参考
http://h-proton.com/?p=1411
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
らしいです。
win8 以上はデフォルトで綺麗だそうです。
それ以下はオフィスフォントで対応（アンチエイリアスがかかるらしい13pxからうえ）
それもない場合はしかたないのかな？？
ちなみにアンドロイドは
明朝がないみたいです
iOS は 5 から搭載
http://qiita.com/umeume66/items/51e780920d072dd0b0c8
ファンクション 管理画面のタイトルの文字を置き換え 外部リンクを挿入
//管理画面のタイトルの文字を置き換え 外部リンクを挿入
//クォーテーションの入れ子にポイント
add_action( 'admin_head', 'change_text' );
function change_text() {
$echo1 = "<span>地区</span> <a href='http://www.iezo.net/tiikinavi/aichi/kasugai/' target='_blank'>中学校区</a>";
echo '
<script type="text/javascript">
jQuery(document).ready(function($){
$("#cikudiv h2").html("'.$echo1.'");
});
</script>
';
}
セキュリティで ほんとは esc_html とかエスケープしなと xss とかのたいしょうとなるらしい
http://www.warna.info/archives/2476/
わんばんこ。2012 WordPress アドベントカレンダーの3日目をむゆうさん（ @anticyborg ）と共に担当させていただきます。本当は、アドベントよりおべんｔ（以下略 WordPress で実現系のコードを紹介する記事は、よく目にしますし、セキュリティに関する関心も高いようですが、意外に基本的な所が抜け落ちているケースが多いように感じたので、テーマやプラグイン開発時に憶えておいて欲しい WordPress 関数、esc_html、esc_attr、esc_url について、つらつらと書いてみたいと思います。 この esc_ なんちゃらは、WordPress 2.8 から導入された関数で、それ以前のバージョンでは、wp_specialchars、attribute_escape、clean_urlと様々な名称であったものが、（おそらくは憶えやすいように）統一的な関数名に改名されたものです。Webには、様々な脆弱性を狙った攻撃方法がありますが、これらのエスケープ処理は、XSS を防ぐためのものですね。 WordPress のテンプレートタグで、そのまま表示を行うものの場合、エスケープなども含めて適切な処理をしてくれますが、カスタムフィールドの入力やURL、フォームなどから受け取る値の出力に関しては、必ずこれらの関数を用いておく必要があります。 特定の人のみしか入力しないから大丈夫とかいうのではなく、普段から表示するものにはエスケープ処理を加えるようにしておき、 Webサイト管理者によって完全に管理された内容であること タグを使う必要性があるもの である場合でのみ、エスケープを解除するように癖をつけておいた方が、うっかり抜けの少ない安全なWebにできます。（この場合でもstrip_tagsを用いて、特定のタグだけ許可した方がいいですね。） 特に昨今は、カスタムフィールドを用いて、表示する項目が多くなってきていますので要注意ですよ。 esc_html Webページ上で表示する文字列に対し、タグとして認識される < > のエスケープや、& などの特殊文字のエンティティを行います。 適用例 1 1 <?php echo esc_html( get_post_meta( $post->ID, 'meta_key', true ) ); 適用例 2 1 <?php echo esc_html( $_GET['key'] ); ?> esc_attr attr の名前が示すとおり、タグの属性値にかけるエスケープ関数です。でも、ソースコード読むと、esc_html とまったく一緒。でも、将来的に変わる可能性もあるので、ちゃんと使い分けましょうね。 適用例 1 1 <img src="" alt="<?php echo esc_attr( get_post_meta( $post->ID, 'img-alt', true ) ); ?>" /> 適用例 2 1 <input type="text" name="form-name" value="<?php echo esc_attr( get_option( 'form-name', '' ) ); ?>" /> esc_url urlとして不適切な文字列の削除やエンティティ化を行います。 適用例 1 1 <a href="<?php echo esc_url( get_post_meta( $post->ID, 'user_website', true ) ); ?>">Webサイト</a> この他にも、javascriptのサニタイズを行う esc_js や、テキストエリアに用いる esc_textarea （し、知らなかった。）なんていうものもあるようです。
テンプレートで ファンクションを整理して メタタグなどを ファンクションで管理する方法
[WordPress] functions.phpを編集、修正、管理しやすくする書き方
http://millkeyweb.com/wp-functions-management/
まずこちらを参考にファンクションを整理
require_once locate_template('func/init.php'); // 初期設定の関数
require_once locate_template('func/cleanup.php'); // 不要なモノを削除する関数
require_once locate_template('func/titles.php'); // タイトル出力の関数
require_once locate_template('func/breadcrumbs.php'); // パンくずリストの関数
require_once locate_template('func/scripts.php'); // CSSやJavascript関連の関数
require_once locate_template('func/ads.php'); // 広告関連の関数
require_once locate_template('func/widgets.php'); // サイドバー、ウィジェットの関数
require_once locate_template('func/custom.php'); // その他カスタマイズの関数
require_once locate_template('func/plugin.php'); // プラグインの関数
require_once locate_template('func/d_header/disp.php'); // プラグインの関数
こんな感じでなにも入れない ちょくは
フォルダfuncにそれそれ作って 入れる
メタをファンクションで
meta descriptionを設定（プラグインなし版）
http://easyramble.com/wordpress-meta-description.html 参考
ベース
// get meta description from the content
function get_meta_description() {
global $post;
$description = "";
if ( is_home() ) {
// ホームでは、ブログの説明文を取得
$description = get_bloginfo( 'description' );
}
elseif ( is_category() ) {
// カテゴリーページでは、カテゴリーの説明文を取得
$description = category_description();
}
elseif ( is_single() ) {
if ($post->post_excerpt) {
// 記事ページでは、記事本文から抜粋を取得
$description = $post->post_excerpt;
} else {
// post_excerpt で取れない時は、自力で記事の冒頭100文字を抜粋して取得
$description = strip_tags($post->post_content);
$description = str_replace("\n", "", $description);
$description = str_replace("\r", "", $description);
$description = mb_substr($description, 0, 100) . "...";
}
} else {
;
}
return $description;
}
// echo meta description tag
function echo_meta_description_tag() {
if ( is_home() || is_category() || is_single() ) {
echo '<meta name="description" content="' . get_meta_description() . '" />' . "\n";
}
}
屁だー
<?php echo_meta_description_tag(); ?>
自己
まず覚え発見
$disp = single_term_title( '' , false );//falseで出力せん
ドルに収納するときは
. ピリオドで繋げれる事
例
$description = $disp . $disp_base . $disp_page;
$description = $disp .' | '. $disp_base . $disp_page;
ページ数は
get_query_var('paged')
でとれるから
１ページ目は0がかえるから
そいつを覗いてページをいれる
$disp_page_no = get_query_var('paged') ;
if($disp_page_no !== 0)
{
$disp_page = ' | '.$disp_page_no . 'ページ目';
}
あとこの違い
$disp = get_the_author_meta( nickname, $author );//the_author_meta() は出力
カスタムポストタイプの場合 ラベルの単数系を使うことでメニューと混合しん
get post typeは戻り値がスラッグだで
get post type objectの中に入れてやることで投稿タイプの情報がとれる
<?php get_post_type_object( $post_type ); ?>
つまりラベルをとるには
<?php echo esc_html( get_post_type_object( get_post_type() )->labels->singular_name ); ?>
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_post_type_object 参考
タームがかぶる件は カテゴリは：カテゴリ タグは：タグ タクソノミーは：
同じ記事タイトルの件
ブログシングルでよくあった件だが 今回の設定ではディスプはコンテンツが入っているので 必要ない
タイトル＋ベース文の場合おこる重複
※タイトルでは使う
//タイトルが同じ記事の場合-2とかスラッグにつくが、the_title wp_titleにはつかないのでディスプリクション・タイトルが重複するのを防ぐ
if (is_single() || is_page()){//シングルなら
$dd_title = urldecode ($slug_name = $post->post_name);// スラッグをデコードして取得
//echo $dd_title;
$keywords = preg_split("/[-]+/", $dd_title);//phpスプリット - にて
//print_r($keywords);
$last = end($keywords); //配列の最後を取得する ほにゃらら-2 ▶ $keywords[0]がほにゃらら $keywords[1]が2
//echo $last;
if (ctype_digit($last)) {//ケツが数字ならの分岐
}
}
//カスタムポストでは常時カスタムする ラベルの単数系を使うことでメニューと混合しん
//サンプル
elseif ( is_singular('sample') ) {
if (ctype_digit($last)) {//ケツが数字なら つまりタイトルが重複しているなら
$title_no = '-'.$last; }//-数字を装弾
$disp = get_the_title() . $title_no;
$d_post_type_label = ' | '.get_post_type_object( get_post_type() )->labels->singular_name;//ラベルを取得
$description = $disp . $d_post_type_label .' | '. $disp_base;
結果
<?
// get meta description from the content
function get_meta_description() {
global $post;
$description = "";
//タイトルが同じ記事の場合-2とかスラッグにつくが、the_title wp_titleにはつかないのでディスプリクション・タイトルが重複するのを防ぐ
if (is_single() || is_page()){//シングルなら
$dd_title = urldecode ($slug_name = $post->post_name);// スラッグをデコードして取得
//echo $dd_title;
$keywords = preg_split("/[-]+/", $dd_title);//phpスプリット - にて
//print_r($keywords);
$last = end($keywords); //配列の最後を取得する ほにゃらら-2 ▶ $keywords[0]がほにゃらら $keywords[1]が2
//echo $last;
if (ctype_digit($last)) {//ケツが数字ならの分岐
}
}
$disp_page_no = get_query_var('paged') ;//ページナンバーを取得
if($disp_page_no !== 0)
{ $disp_page = ' | '.$disp_page_no . 'ページ目'; }//２ページ目以降装弾
$disp_base = '春日井市で外構エクステリア工事（カーポート、ウッドデッキ、テラス、サンルーム、玄関、駐車場の工事など）なら春日井市神屋町にあるクリエイト福海へ！地域密着店ですので、些細な事もお気軽にご相談ください。愛知県全域御対応！見積り無料！';
// ホームでは、基本文
if ( is_home() ) {
$description = $disp_base
//get_bloginfo( 'description' )
;}
///////------------------------アーカイブ------------------------ ///////
//カテゴリではターム名 ＋ 基本文
elseif ( is_category() ) {
$disp = single_cat_title( '' , false );//falseで出力せん //single_term_titleでも同じ
$description = $disp .' | カテゴリー' . $disp_page .' | '. $disp_base;
//$description = category_description();
}
//タクソノミーではターム名 ＋ 基本文
elseif ( is_tax() ) {
$my_tax = get_taxonomy( get_query_var( 'taxonomy' ));//タクソノミー情報を取得して
$my_tax_label =' | '. $my_tax->labels->singular_name; //わかりやすくシングルラベルを使う
$disp = single_term_title( '' , false );
$description = $disp . $my_tax_label . $disp_page.' | '. $disp_base;
}
//タグではタグ名 ＋ 基本文
elseif ( is_tag() ) {
$disp = single_term_title( '' , false );
$description = $disp .' | タグ' . $disp_page .' | '. $disp_base;
}
//月アーカイブでは年月 ＋ 基本文
elseif ( is_month() ) {
$disp = get_query_var('year') . '年' . get_query_var('monthnum') . '月の記事';
$description = $disp . $disp_page .' | '. $disp_base;
}
//オーサーアーカイブではオーサー名 ＋ 基本文
elseif ( is_author() ) {
$disp = get_the_author_meta( nickname, $author );//the_author_meta() は出力
$description = $disp . ' さんの投稿 |' . $disp_page . $disp_base;
}
//ポストタイプアーカイブ カスタムポストのアーカイブ
elseif(is_post_type_archive( 'sample' )){
//あれば
}
//ただのアーカイブ カテゴリー、タグ、投稿者または日時のいずれかに基づいて投稿を集めたページ
//elseif(is_archive()){
// }
///////------------------------ページ------------------------ ///////
//個ページではページタイトル ＋ 基本文
elseif ( is_page() ) {
$disp = get_the_title();//
$description = $disp . $disp_page .' | '. $disp_base;
}
///////------------------------シングル------------------------ ///////
//ブログシングル
elseif ( is_single() ) {
//記事本文から抜粋を取得
if ($post->post_excerpt) {
$description = $post->post_excerpt;
// post_excerpt で取れない時は、自力で記事の冒頭100文字を抜粋して取得
} else {
$description = strip_tags($post->post_content);
$description = str_replace("\n", "", $description);
$description = str_replace("\r", "", $description);
$description = mb_substr($description, 0, 100) . "...";
}
}
///////////////////////////ここからカスタム投稿タイプ それぞれ違うから注意！///////////////////////////////
//カスタムポストでは常時カスタムする ラベルの単数系を使うことでメニューと混合しん
//サンプル
elseif ( is_singular('sample') ) {
if (ctype_digit($last)) {//ケツが数字なら つまりタイトルが重複しているなら
$title_no = '-'.$last; }//-数字を装弾
$disp = get_the_title() . $title_no;
$d_post_type_label = ' | '.get_post_type_object( get_post_type() )->labels->singular_name;//ラベルを取得
$description = $disp . $d_post_type_label .' | '. $disp_base;
}
////////春日井ナビ ショップ
elseif ( is_singular('shop') ) {
if($post-> お店からメッセージ見出し):
$disp = str_replace(array("\r\n","\r","\n"), '', mb_substr(get_post_meta($post->ID,"お店からメッセージ見出し",true), 0, 120)) . str_replace(array("\r\n","\r","\n"), '', mb_substr(get_post_meta($post->ID,"お店からメッセージ",true), 0, 120));
else: if($post-> 店舗紹介文){$disp = mb_substr(post_custom('店舗紹介文'), 0, 120);}
endif;
//if (ctype_digit($last)) {//ケツが数字なら つまりタイトルが重複しているなら
//$title_no = '-'.$last; }//-数字を装弾
$disp_t = get_the_title() . ' | ';
$disp_site = ' | 春日井ナビ';
// $d_post_type_label = ' | '.get_post_type_object( get_post_type() )->labels->singular_name;//ラベルを取得
$description = $disp_t . $disp . $disp_site;
}
else {
;
}
return $description;
}
// echo meta description tag
function echo_meta_description_tag() {
//if ( is_home() || is_category() || is_single() ) {
echo '<meta name="description" content="' . get_meta_description() . '" />' . "\n";
//}
}
?>
含みクリエイトフォーマットを スマホ専用サイトにする際のメモ マキノにも使えるか？
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
足す
border-boxでおかしくなったところは
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
で調整する
消す
/*点線消し含む
.d_navi_main_in ul li:hover{
display: block;
color: #00AF86;
text-decoration: none;
background-color: #00AF86;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFF;
margin-left: -1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #666;
border-bottom-color: #666;
}
*/