忍者ブログ
Flex,Java,Html など、調べた事のメモ帳です。 間違ってたらゴメンなさい。
×

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

まず、googleアドセンスからコードをコピーします。

<script type="text/javascript"><!--
google_ad_client = "※※";

google_ad_slot = "※※";
google_ad_width = 160;
google_ad_height = 600;
//--<
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

そのあと、メモ帳にコピーしてコードを張り付け最初と最後の( script)(/script>)を 消します。

<!--
google_ad_client = "※※";

google_ad_slot = "※※";
google_ad_width = 160;
google_ad_height = 600;
//->



<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"<
</script<

そして、上記のhttp://pagead2.googlesyndication.com/pagead/show_ads.jsをURLで検索をして、 取得したソースをコピーして、メモ帳に張り付けます。

下記が出来上がりのファイル(main.js)↓

上記のファイルを、自分で契約しているサーバーがございましたら、適当なサーバーにあげて下記のscriptファイルをアメーバブログ(アメブロ)のフリープラグインに張り付ければ完了です。

“<script src=”http://www.**************/main.js”></script>”

mod_rewriteを有効にする

Ubuntuでは、apache2をインストールした時に、デフォルトでmod_rewriteがインストールされている
しかし、有効になっていないので、それを有効にする作業が必要

rewrite.loadがあることを確認する

% cat /etc/apache2/mods-available/rewrite.load
LoadModule rewrite_module /usr/lib/apache2/modules/mod_rewrite.so

mod_rewriteを有効にする

% sudo a2enmod rewrite

有効になったことを確認する

% ls -al /etc/apache2/mods-enabled/rewrite.load
lrwxrwxrwx 1 root root 30 Feb  2 20:12 /etc/apache2/mods-enabled/rewrite.load -> ../mods-available/rewrite.load

apache設定ファイルのAllowOverrideを書き換える

よく httpd.conf というファイル名で見られる、いわゆるapacheの設定ファイルみたいなものは、Ubuntuでは、apache2.confであり、しかも、AllowOverrideについては、そのファイルではなく
/etc/apache2/sites-available/default
に書き込むのだそうだ
私自身は結構ハマったところだが、Ubuntuを使い慣れている方は大丈夫なのだろう

/etc/apache2/sites-available/default
<Directory /var/www/>
    Options Indexes FollowSymLinks MultiViews
#   AllowOverride None
    AllowOverride All
    Order allow,deny
    allow from all
</Directory>

そしてapacheを再起動する

% sudo service apache2 restart

WordPressのパーマリンクRewrite設定を確認する

パーマリンク設定をデフォルト以外にして更新すると、wordpressフォルダの下に.htaccessが生成される
自動生成されない場合は、以下のファイルを.htaccessとしてアップロードすればよいが、そもそも.htaccessが自動生成されない環境では、今後も問題が起こるのではないかと思う
その.htaccessが正しく書かれているか確認する

.htaccess
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /wordpress/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /wordpress/index.php [L]
</IfModule>
# END WordPress

wp-config.phpに

define('FS_METHOD', 'direct');

を追記したら、表示されなくなりました。

ワードプレスでアイキャッチ画像は使ってますか? 私は80%の割合で使用しています! 使い方はサイトによって様々ですが、主に投稿のタイトル画像にしています。 アップする画像のサイズはデジカメで撮った写真や携帯で撮った写真、サイズがバラバラだと思いますが表示させる場所には指定したサイズにアップしたい! そんな時に、画像サイズをリサイズしてくれるコードのメモ書きです。

アイキャッチ画像を表示させる為のコード

まずはfunction.phpにアイキャッチを表示させる為のコードを記述
1 //アイキャッチ画像を使用する
2 add_theme_support('post-thumbnails');
3  
4 //サイズを指定して切り抜きをする(縦:100px 横100px)
5 set_post_thumbnail_size(100, 100, true);
6  
7 //サイズを指定してリサイズさせる(縦:100px 横100px)
8 set_post_thumbnail_size(100, 100);
サイズを指定して切り抜きする場合は 画像の中心からサイズを測って切り取ってくれます。
リサイズさせる場合は、アップした画像の比率に合わせてリサイズされるので 指定したサイズの縦か横のどちらかで足りない状態で表示されます。

表示させたい場所に設定

アイキャッチ画像を表示させたい箇所に以下を書きます。
1 //投稿させたい箇所に以下を書く▼
2  
3 <?php the_post_thumbnail();?>

サイズをリサイズする場合

また、以下のようなパラメータを渡すことができます! ループ内に記述してください。
01 //画像を縦横150pxにリサイズする場合
02  
03 <?php the_post_thumbnail(array(150,150)); ?>
04  
05 //管理画面で設定したサイズを使う場合
06  
07 //サムネイル
08 <?php the_post_thumbnail('thumbnail'); ?>
09  
10 //中サイズ
11 <?php the_post_thumbnail('medium'); ?>
12  
13 //大サイズ
14 <?php the_post_thumbnail('large'); ?>

アイキャッチ画像が無い場合にサンプル画像を表示させる場合

必ずしもアイキャッチがあるとは限らないですよね。 無かった時はもちろん画像が出ないわけでレイアウトも崩れてしまう。 なので、私はいつも以下を使います。 アイキャッチが無い場合も想定して、 ある時は画像を表示させ 無い時は用意しておいた画像を表示させます。 ついでにaltもtitleも設定できます! 150pxでリサイズして title属性、ali属性も書き出し、画像が無い場合は他の画像を表示させる方法
1 <?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
2 <?php
3 $title= get_the_title();
4 the_post_thumbnail(array( 599,599 ),
5 array'alt' =>$title'title' => $title)); ?>
6 <?php else// サムネイルを持っていないときの処理 ?>
7  
8 <?php endif; ?>
これでスッキリ! いちいち管理画面でサイズを設定しなくっても アイキャッチさえアップすれば思い通りのレイアウトで記事が書けます。 画像はSEO的にもあったほうが良いと言われています。 是非積極的にアイキャッチ画像を使いましょ0!!!

アイキャッチ機能を有効化する方法

WordPressでアイキャッチ機能を有効化するには、利用しているテーマファイルの functions.php に以下のコードを追加してあげればOKです。

1
add_theme_support( 'post-thumbnails', array( 'post' ) );

アイキャッチ画像を設定した時点でサイズも変えたい場合は、以下のように記述します。後述しますが、サムネイル画像のサイズは挿入する時にも指定できますので、set_post_thumbnail_size は省略しても構いません。

1
2
add_theme_support( 'post-thumbnails', array( 'post' ) );
set_post_thumbnail_size( 100, 100, true );

set_post_thumbnail_size の第一引数で横幅、第二引数で縦幅を指定します。

第三引数では画像の縮小時に切り抜きするかどうかを指定します。切り抜きする場合はtrue、しない場合はfalseを指定し、省略した場合はfalseになります。

上記コードを追加してアイキャッチ画像が設定できるようになると、記事の編集画面にアイキャッチ画像の設定項目が出てきます。表示されない時は、表示オプションで「アイキャッチ画像」にチェックを入れてください。

   次のページ
ブログランキング
にほんブログ村 IT技術ブログ IT技術メモへ
 
カレンダー
08 2016/09 10
S M T W T F S
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30
人気ブログランキング
ブログランキング ブログランキング
最新CM
最新TB
ブログ内検索
PR
ATOM  
ATOM 
RSS  
RSS 
Copyright ©   プログラムメモ   All Rights Reserved
Design by MMIT  Powered by NINJA TOOLS
忍者ブログ [PR]