2016-09-22 9 views
0

ここにスーパーcss noob。他のページへの要素リンクを作るcssクラスの作成方法

私は、視覚的なコンポーザーと呼ばれるWordPressのプラグインを使用しています。このプラグインは、Row IDまたはClass名を持つRow(ブロック要素のようなもの)の名前を付けることができます。ユーザーがこの行をクリックしてクリックすると、このクリックはウェブサイト内の別のページに表示されます。

このクラスまたはIDに関連付けることのできるCSSがある領域を許可しますが、検索後に間違ったものを検索しているか見つからないのですが、私はCSSを探していますそれは私がこれをするのを許すだろう!

答えて

0

windowをクリックして目的のIDまたはクラスをクリックするテーマにJSを少し注入してから、window.location.href = URLなどと呼び出す必要があります。

CSSには、ブラウザの場所を変更する権限がありません。

1

あなたは他のページへのリンクにCSSを使用することはできません、あなたはjavascriptが必要です。たとえば、クラス名はlinkPageです:

document.getElementsByClassName('linkPage')[0].onclick = function(){ 
 
    location.href= 'some url...' 
 
}
<div class="linkPage">linkPage</div>

0

CSS CSS(カスケーディングスタイルシート)は、その名の状態として、HTMLページ、あなたのためのルールとプロパティのセットを定義し
スタイルにしたい(色、サイズ、asfのようなもの)。 (URLを指すような小さなものであっても)ユーザーのやりとりは、そのスコープの一部ではありません。


基本リンク/画像/テーブルASFのような非常に古いと標準的な機能が発見されるように常にあり、ワードプレスのような巨大なや、Visual Composerのような強いプラグインについて話します。通常の "a"タグ(http://www.w3schools.com/tags/tag_a.asp)と組み合わせて、ビジュアルコンポーザの "Raw HTML"機能(https://vc.wpbakery.com/features/content-elements/)を見ることができます。

編集可能
ページのリンクは、CSSファイルの編集によって達成することができる方法を尋ねる、そしてあなたにも、プラグインの異なる編集可能なコンテンツタイプに見えるかもしれません - HTMLやJSなど。 JavaScriptを使用することによるクリッカブル表のセル/行を持っている

をクリック
テーブル行のベストアプローチ。 Adding an onclick event to a table row

関連する問題