こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

WORDPRESSのテーマSlidingdoorに

SlidingdoorのVersion: 2.6.1使用しています。

イメージの部分にリンクを張れるのですが、そこのURLの変更の仕方がわかりません。
固定ページに飛ばずリンクと投稿ページに飛ばすリンクを張りたいのですが、どのPHPファイルのどの部分をなおしたらよいのかわからずこまっています。

7つの画像にそれぞれパーマリンクを付けるにはヘッダー.php(header.php)を編集します。

http://mac-host.com/slidingdoor/

47行目

<div id=”imageMenu”>
<ul>
<!– THESE AR ETHE LINKS YOU GO TO WHEN YOU CLICK ON A SLIDING DOOR IMAGE–>
<!– change the href to look like this: <a href=”yourlink.com”> –>
<li><a href=”<?php bloginfo(‘url’); ?>/?cat=1“>Category 1</a></li>
<li><a href=”<?php bloginfo(‘url’); ?>/?cat=2“>Category 2</a></li>
<li><a href=”<?php bloginfo(‘url’); ?>/?cat=3“>Category 3</a></li>
……

もちろんページを指定することも可能です。
との説明があったのですが、headerにこの部分がありません。
また、

page-links-toのプラグインをいれるとうまくいくとのことだったのですが、これも使い方がいまいちよくわかりません。


function.phpファイルの

function no_sliding_menu(){
$blog_url = site_url() ;
$theme_url=get_bloginfo('template_url');
echo "<ul>
<li class=\"bk0\"><a href=\"http://mac-host.com/support\" style=\"background: url('".$theme_url."/imagemenu/images/1.jpg') repeat scroll 0%;\">slidingdoor</a></li>
<li class=\"bk1\"><a href=\"".$blog_url."\" style=\"background: url('".$theme_url."/imagemenu/images/2.jpg') repeat scroll 0%;\">slidingdoor</a></li>
<li class=\"bk2\"><a href=\"".$blog_url."\" style=\"background: url('".$theme_url."/imagemenu/images/3.jpg') repeat scroll 0%;\">slidingdoor</a></li>
<li class=\"bk3\"><a href=\"http://mac-host.com/slidingdoor/slider.zip\" style=\"background: url('".$theme_url."/imagemenu/images/4.jpg') repeat scroll 0%;\">slidingdoor</a></li>
<li class=\"bk4\"><a href=\"http://mac-host.com/support\" style=\"background: url('".$theme_url."/imagemenu/images/5.jpg') repeat scroll 0%;\">slidingdoor</a></li>
<li class=\"bk5\"><a href=\"http://mac-host.com/support\" style=\"background: url('".$theme_url."/imagemenu/images/6.jpg') repeat scroll 0%;\">slidingdoor</a></li>
<li class=\"bk6\"><a href=\"http://mac-host.com/support\" style=\"background: url('".$theme_url."/imagemenu/images/7.jpg') repeat scroll 0%;\">slidingdoor</a></li>
</ul>";
}
の部分が怪しいのですが、そのソースをどうしたらよいのかわからなくって。。。。

どなたかわかるかたいらっしゃいますでしょうか?

投稿日時 - 2011-05-21 17:39:49

QNo.6753232

困ってます

質問者が選んだベストアンサー

page-links-to がどんなプラグインかわかりませんが、

以下、header.php に手を加えていない状態というのが前提です。

1) 管理パネル-外観-メニュー で
固定ページと投稿を7つ選んで、menu という名前で保存(名前はなんでも良い)。

2) 左側の Sliding Navigation で menu を選択。

ここまででリンクが張られますが、画像が出てきません。

3)メニューで選択した固定ページと投稿に、それぞれ 320 x 200px の画像をアップロードして、その画像をアイキャッチ画像として選択する。

で無事表示されました。

header.php をいじらなければならないのは、カテゴリーやタグのアーカイブをリンクするときだけだと思います(アイキャッチがない)。固定ページと投稿だけなら、header.php をいじる必要はありません。

投稿日時 - 2011-05-23 15:49:32

このQ&Aは役に立ちましたか?

7人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

Readme.txt の通りやればできます。
テンプレートファイルをいじる必要はありません。

**************************************************
HOW TO SET UP THE SLIDING MENUS
**************************************************

1. Go into Appearance - Menus
2. Create a New menu and add 7 Pages or categories to it.
3. A new dropdown will appear on the left called 'Sliding Navigation' Select your new menu here.

**************************************************
HOW TO CHANGE THE IMAGES
**************************************************

1. Make the images using photoshop
You can download the original photo shop file from the theme homepage.
The titles of the images are changed by editing the image in photoshop.
Get any picture, crop it to 320 x 200, then write the text on it, and save it as a jpg.
Try to make the filesize small - in photoshop you do this by 'save for web' and choose medium or low quality - not high.

2. Go to a post and select 'upload image'
3. Select 'use as featured image'. This will set that image to the sliding door for that page.

投稿日時 - 2011-05-22 11:45:06

補足

他の方もいっているのですが、投稿ページにとばすことがやっぱりできなくって。。。。

投稿日時 - 2011-05-23 15:09:56

お礼

ありがとうございます。page-links-toのプラグインを使って補足の件解決しました。


ところが、こんどは、Sliding Doorの画像の部分が表示されなくなってしまいました。
Linkメニューを使うと画像が表示されなくなってしまいます。

投稿日時 - 2011-05-23 15:13:59

あなたにオススメの質問