[ガタガタ]

プログラムのご利用ありがとうございます。

お待たせいたしました。本日のアップデートで不具合に対応しました。
いいねボタンプラグインを更新し、不具合が解消されているかご確認ください。

もし、アップデートしても解消されない場合は詳細な状況を添えてご連絡いただけますでしょうか。

不具合のご報告、ありがとうございました。
今後もご活用いただけましたら嬉しいです。

[ガタガタ]

ご訪問ありがとうございます。

skin-profileのデザインが気に入ったとのこと、とても嬉しいです。
汎用性のありそうなレイアウトですので、ベタ打ちサイト用のテンプレート配布も検討します。
気長にお待ちいただけましたら幸いです。

よろしくお願いいたします。

[ガタガタ]

• skin-whiteとPROJECTのHTML構造が違うため、CSS適用が上手くいっていない。
• skin-whiteのCSSとPROJECTのCSSが競合している。

などの原因が考えられます。

デベロッパーツールを使えばどのCSSが適用されているか、どのCSSが無効になっているかが分かりますので、下記の記事を参考に調べてみてください。

デベロッパーツールの使い方を画像付き解説！CSS編集の強力な味方にしよう

[ガタガタ]

お使いのテーマ名は何でしょうか？

こちらのトピックが参考になるかもしれません。

【いいねボタン for WP(β)/ご報告】特定環境下で作動しない

[ガタガタ]

お手数ですが一度、別のディレクトリに新しいてがろぐを設置し、改めて最初からスキンを設定し直してみてください。

本来てがろぐには不要なindex.htmlなどの独自のファイルは入れず、てがろぐ本体とskin-profileのみの状態で設定をして、それでも上手く動かなければ、改めて詳細をご報告いただけますでしょうか。

もしもこれで上手く動作した場合は、
不具合が起きている方のてがろぐの設定内容に誤りがあるか、
本来不要のファイルや、独自のカスタマイズとの兼ね合いに問題がある可能性があります。

• この返信は1年、 2ヶ月前にガタガタが編集しました。

[ガタガタ]

こちらの回答をご参照ください。

 

[ガタガタ]

skin-profileディレクトリの内容はどのようになっていますか？

skin-profileをダウンロード・解凍すると、
skin-profileフォルダの中にimg、js、settingと３つのフォルダが入っています。

サーバーにアップロードする際にも、
skin-profileの中にこの三つのフォルダをアップロードし、
その中にそれぞれのファイルが入っている、という状態になるようにしてください。
FTPクライアントソフトをお使いでしたら、skin-profileフォルダごと、てがろぐ設置ディレクトリ内にアップロードするのが確実です。

今は、mainvisual.htmlが
skin-profile内　settingディレクトリに入っていないためエラーが起きているのではないでしょうか。

[ガタガタ]

無事にカスタマイズができたようで良かったです。

画像の表示の件についてですが、
申し訳ありませんが私からは配布物の高度かつ需要のありそうなカスタマイズのサポートのみ対応させていただいております。
HTML/CSS編集で実現可能な部分と思われますので、ご自身でいろいろと試してみてください。
ずぼログのように並べたいのであれば、ずぼログのHTML/CSSを参考にされると実現しやすいかと思います。

[ガタガタ]

skin-profileの設置ディレクトリはどちらになっていますでしょうか。
tegalog.cgiと同階層になっていますでしょうか。
また、ブラウザキャッシュの削除もお試しください。

うまく表示されていない画面のスクリーンショットを添付いただけますと、原因がわかる糸口になるかもしれません。

[ガタガタ]

スキンのご利用ありがとうございます。

skin-cover.htmlの編集が必要になります。

167～217行目の

<!-- ▼ここに状況に応じた見出しが挿入されます。(表示条件が限定されていない場面では何も挿入されません。) ※これを削除すると動作状況が分かりにくくなってしまいますのでご注意下さい。どこかに小さくでも表示しておくことをお勧め致します。 -->
[[SITUATION:HTML]]

<!-- ▼ここに投稿内容が挿入されます。(投稿1つ1つのフォーマットは「内側スキン」ファイル側に記載します。) ※これを消してしまうとCGIが動作しません。 -->
[[TEGALOG]]

（中略）

<p class="sidebar_icons">
<a href="[[RSS:URL]]">
<span class="material-symbols-outlined">
rss_feed
</span>
</a>
</p>
</div>

</div><!-- /.subarea -->

ここまでがミニブログの表示となります。
これをコピーし、お好みのエリアにペーストしてください。

多目的スペースの直下ですと131行目の
<!– ※※　フリースペース領域その１ここまで –>
と書かれた部分の直後に挿入するとよいです。

ただ、そのままだと余白が狭くなってしまいますので、適宜CSSを編集する等して余白を設けてください。

タブを削除する場合は、153～220行目
[[IF(-mode-gallery):　～　:IF]]を削除。

また49～55行目あたりの
[[IF(-mode-gallery):　～　:IF]]を削除します。

skin-profileは特殊なつくりをしているため、他のスキンに比べてカスタマイズが難しくなっています。
くれぐれも自己責任のもと編集いただきますよう、よろしくお願いします。

[ガタガタ]

スキンのご利用ありがとうございます。

skin-cover.htmlの編集が必要になります。

・20行目あたり

<div class="tab is-active" id="tab-home">

を下記に変更。（is-activeの削除）

<div class="tab" id="tab-home">

・50行目あたり

<div class="tab" id="tab-posts">

を下記に変更。（is-activeの追加）

<div class="tab is-active" id="tab-posts">

・117行目あたり

<div class="mainarea panel is-show" id="panel-home">

を下記に変更。（is-showクラスの削除）

<div class="mainarea panel" id="panel-home">

・157行目あたり

<div class="mainarea panel" id="panel-posts">

を下記に変更。（is-showクラスの追加）

<div class="mainarea panel is-show" id="panel-posts">

これでご希望の動作はするようになりますが、
タブの順番を並べ替えて、ブログタブを最上部に移動させたい場合は
tabクラスのブロックと、panelクラスのブロックを同じ順番に並べ替える必要があります。

具体的には、
is-activeクラス、およびis-showクラスを新たにつけたものを一番最初に配置します。

19～62行目のtabクラスの順番を、

            [[IF(mode-gallery):
            <div class="tab is-active" id="tab-gallery">
                <span class="material-symbols-outlined">
                    palette
                </span>
            </div>
            :IF]]
            [[IF(grandhome):
<div class="tab" id="tab-home">
（中略）
</div>
:IF]]
[[IF(-grandhome):
<a href="[[HOME:URL:FULL]]" class="linktab" id="tab-home">
（中略）
</a>
:IF]]
[[IF(-mode-gallery):
<a href="[[HOME:URL:FULL]]?mode=gallery&tab=gallery" class="linktab" id="tab-gallery">
（中略）
</a>
:IF]]
[[IF(mode-gallery):
<a href="[[HOME:URL:FULL]]?tab=posts" class="linktab" id="tab-posts">
（中略）
</a>
:IF]]

となるように配置し、119～259行目は、

[[IF(-mode-gallery):
<!-- ====================== -->
<!-- ▼メイン(ログ掲載)領域 -->
<!-- ====================== -->
<div class="mainarea panel is-show" id="panel-posts">
（中略）
</div><!-- /.mainarea -->
:IF]]

を、

[[IF(grandhome nofiltering):
<div class="mainarea panel" id="panel-home">
（中略）

の前に来るように移動させます。
二重かっこ[[]]の記述はてがろぐ独自のタグですので、こちらももれなく移動させるようにしてください。

skin-profileは特殊なつくりをしているスキンなので、他のスキンよりカスタマイズの難易度が高めです。
くれぐれも自己責任のもとで編集いただきますようお願いいたします。

[ガタガタ]

ご確認・ご報告ありがとうございます。改善されたとのこと、よかったです！

また何か不具合、ご要望等ありましたらお知らせくださいませ。

[ガタガタ]

ご報告ありがとうございます。

エラーが表示されたのは、具体的にどのような設定変更を行なったときでしょうか？もしもお分かりであれば教えていただけますとありがたいです。

またローディングの円についてですが、こちらの表示はいいねボタン for WPの仕様に含まれるものではありません。
他のプラグイン等に由来するものと思われます。
プラグイン同士で動作が競合している可能性も考えられますので、もしも「このプラグインを無効化したらローディング表示が消えた」など、お分かりの場合はご報告いただけますと助かります。

よろしくお願いいたします。

 

[ガタガタ]

プログラムのご利用ありがとうございます。

いいねボタン・改では、ボタンをクリックした際に、いいねボタンが挙動するために必要なもの以外の動作は、一切キャンセルされるようになっています。

したがって、ボタン内にリンクを設置することはできません。

ご理解、ご了承の上、ご利用ください。
よろしくお願いいたします。

[ガタガタ]

スキンのご利用ありがとうございます。
こちらでもいろいろと試してみましたが、原因が特定できませんでした。

以下ご確認いただけますでしょうか。

• お使いのサーバーとプラン名
• お使いのてがろぐバージョン
• skin-profileのセッティング方法の再確認
• skin-profileディレクトリの設置パス（設置マニュアルでは、tegalog.cgiと同階層への設置を想定しています。）

よろしくお願いします。

[投稿者]

投稿