忍者ブログ
20 January

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

24 November

投稿ページにphpを入れたい。ショートコード・post snipetts　の使い方

functions.phpに書く方法

function thumb250x250_shortcode() {
  return the_post_thumbnail(array(250,250));
}
add_shortcode("thumb250x250", "thumb250x250_shortcode");


プラグイン　post snipetts　を使う方法

「ショートコード」と「php」にチェックをいれる
スニペット欄に　the_post_thumbnail(array(250,250));
と書く

投稿ページに書き込むとき
[thumb250x250]

テーマphpに直接書き込むとき
<?php echo do_shortcode('[thumb250x250]'); ?>


どちらの方法も、※<?php～～～?>　の部分の構文は省いて書く
これわかんないで省略せずに書いたらエラー文が現れたり、ソース内で<?php～～～が
コメントアウトに勝手にされてたりして意味がわかんなかった
誰もこのことについて注意書きとかないんですけど･･･
だって普通に考えたらショートコード内に入れたもの全てが出力されるんだと思って
省略して書くなんて思わないでしょ！！
PR
24 November

固定ページに子ページ一覧を出力したい　サムネイル付き

http://labrid.jp/wp/shortcord-childpages/
固定ページの子ページ一覧を表示するショートコード

http://labrid.jp/wp/childpages-thumb/
固定ページの子ページ一覧（サムネイル付き）を表示するショートコード

上のサイトからコピペして使おう。ありがとうございます。
[　＊＊＊＊　]　ショートコードのカッコが全角になっているため、半角で書こう

$outhtml .= get_the_post_thumbnail($page->ID, 'thumbnail');

↑の部分のシングルクォーテーションが片方抜けてたので付け足そう
19 November

HTMLエディタにタグを追加する　プラグインなし

http://rikumalog.com/wordpress/addquicktag-qui.html

/*---------------------------------------------------------*/
//
// HTMLエディタにオリジナルボタンを追加 add quick tag
//
/*---------------------------------------------------------*/
function add_my_quicktag() {
?>
<script type="text/javascript">
//QTags.addButton('ID', 'ボタンのラベル', '開始タグ', '終了タグ');
QTags.addButton('ed_clear:both', 'clear:both', '<p style="clear:both;">', '</p>');
QTags.addButton('ed_br', 'br', '<br>', '');
QTags.addButton('ed_kuugyou', '空行', '<p>&nbsp;</p>','');
</script>
<?php
}
 
add_action('admin_print_footer_scripts',  'add_my_quicktag');


Add quick tag　というタグ等自由に追加できるプラグインがありますが、
前からチラホラ不具合とかを聞いていたので入れたくありませんでした。
でも回り込み解除と改行をHTMLエディタのほうが入れるのが面倒で面倒でしかたありません。

ちょうど見つけたので私も使用させていただきました。
たったこんだけで同じものが出来るならわざわざプラグイン入れる必要性もありませんね。
18 November

Google webフォントが反映されない

通常では　＠import　をcssに書いてちゃんと反映されたんだが、
スマホ用に別のcssを作って、UAスマホにして読み込ませたらwebフォントが読み込まれてない

scriptにしても　link　rel　にしてもダメ

http://aoicotori.hatenablog.com/entry/hatenablog_googlefonts

↑をみて、＠importのURLを入力して開いたら、cssをコピペする。
そしたら反映された！
なんなのまじで。
15 November

プラグインを使わずページネーション・ページャーを設置

http://kowappa.com/25

<div class="pager">
    <?php global $wp_rewrite;
    $paginate_base = get_pagenum_link(1);
    if(strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()){
        $paginate_format = '';
        $paginate_base = add_query_arg('paged','%#%');
    }
    else{
        $paginate_format = (substr($paginate_base,-1,1) == '/' ? '' : '/') .
        user_trailingslashit('page/%#%/','paged');;
        $paginate_base .= '%_%';
    }
    echo paginate_links(array(
        'base' => $paginate_base,
        'format' => $paginate_format,
        'total' => $wp_query->max_num_pages,
        'mid_size' => 1,　//ページャーの表示する数
        'current' => ($paged ? $paged : 1),
        'prev_text' => '<',
        'next_text' => '>',
    )); ?>
</div>


/* pager */
.pager{
    text-align:center;
    margin-top:50px;
    margin-bottom:50px;
    }
a.page-numbers,
.pager .current{
    background:rgba(0,0,0,0.02);
    border:solid 1px rgba(0,0,0,0.1);
    border-radius:5px;
    padding:5px 8px;
    margin:0 2px;
}
.pager .current{
    background:rgba(0,0,0,1);
    border:solid 1px rgba(0,0,0,1);
    color:rgba(255,255,255,1);
}

.pagenav .prev a, .pagenav .next a{
    width:50%;
    display:block;
    color:#ddd;
    }
.pagenav a{
    float:left;
}
.pagenav .next a{
    text-align:right;
}